Articles of compass sass

¿Valor variable negativo Sass?

Tengo un par de selectores scss donde uso la misma cantidad positiva y negativa, como en: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Preferiría usar una variable para todos los montos de 15px, pero esto no funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Los montos de margen se […]

Sass @each con múltiples variables

Estoy empezando con Sass y Compass, y me encanta. Algo que me gustaría hacer es aprovechar la función @each para simplificar las tareas repetitivas. Sin embargo, solo he visto ejemplos de @each insertando una variable, y me gustaría poder usar múltiples variables. La forma estándar (de la referencia Sass ): @each $animal in puma, sea-slug, […]

Fusionando selectores de mixins

Intento contener estilos / trucos generales en un archivo de mezcla separado que se puede aplicar a cualquier proyecto cuando sea necesario. Algunos de estos estilos requieren varios elementos para funcionar juntos para funcionar. Por ejemplo: _mixins.scss ==================== @mixin footer_flush_bottom { html { height: 100%; } body { min-height: 100%; position: relative; } #footer { […]

IE9 borde-radio y fondo degradado sangrado

IE9 aparentemente es capaz de manejar esquinas redondeadas usando la definición estándar de CSS3 de border-radius . ¿Qué pasa con el soporte para el radio de la frontera y el gradiente de fondo? Sí IE9 es compatible con ambos por separado, pero si mezcla los dos, el gradiente sangra fuera de la esquina redondeada. También […]

Cómo sobrescribir las variables SCSS al comstackr en CSS

Estoy tratando de usar la temática jqtouch, que está basada en SASS y COMPASS. Tengo un archivo custom.scss con el código más simple, una importación y una variable para sobrescribir: @import ‘jqtouch’; // Override variables $base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ Cuando ahora compilo el archivo […]

¿Puedo importar un archivo alojado externamente con sass?

Usando Sass (SCSS) / Compass, ¿es posible importar algunos CSS / SCSS en su código desde un archivo alojado externamente? Estoy alojando un plugin jQuery en un CDN y quiero mantener el CSS en la misma ubicación para no perderlo. Sin embargo, también me gustaría tener la opción de poder insertar el CSS en mi […]

¿Es Sass 3.3 compatible con Compass?

Acabo de actualizar a Sass 3.3 para que pueda usar algunas de las nuevas características (nombres de clase estilo BEM, mapeos, @ at-root, etc.). Si compilo mi proyecto con Sass (a través de sass –watch ), funciona bien. Sin embargo, si lo compilo con Compass (a través de Compass compass watch ), aparece un error […]

Usar una función en Sass es devolver la cadena que contiene el nombre de la función en lugar del resultado

Estoy intentando la Fundación Zurb 5. Entonces, he creado un nuevo proyecto y trato de cambiar la configuración. Cuando cambié, por ejemplo, $row-width: rem-calc(1170); en my-project / scss / settings.scss, compiló (en my-project / stylesheets / app.css) en: .row { max-width: rem-calc(1170); } Parece que no sabe acerca de la función rem-calc. ¿Cómo hacer que […]