Preguntas etiquetadas con sass

126
Sass y selector de niño combinado

Acabo de descubrir a Sass y estoy muy entusiasmado con eso. En mi sitio web, implemento un menú de navegación en forma de árbol, diseñado con el combinador secundario ( E > F). ¿Hay alguna forma de reescribir este código con una sintaxis más simple (o mejor) en Sass? #foo > ul > li...

123
¿Tiene una variable en la ruta de imágenes en Sass?

Quiero tener una variable que contenga la ruta raíz a todas mis imágenes en mi archivo CSS. No puedo entender si esto es posible en Sass puro (el proyecto web real no es RoR, por lo que no puedo usar asset_pipeline ni nada de ese jazz sofisticado). Aquí está mi ejemplo que no funciona. Al...

122
Marcador de posición Mixin SCSS / CSS

Estoy tratando de crear un mixin para marcadores de posición en sass. Este es el mixin que he creado. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Así es como me gustaría incluir el...

121
Calcule un porcentaje con SCSS / SASS

Quiero establecer un ancho en porcentaje en scss mediante cálculo, pero me da errores. CSS no válido después de "...- width: (4/12)%": expresión esperada (por ejemplo, 1 px, negrita), era ";" Quiero hacer algo como $my_width: (4/12)%; div{ width: $my_width; } ¿Cómo agrego el signo%...

120
Uso de variables de Sass con consultas de medios CSS3

Estoy tratando de combinar el uso de una variable Sass con consultas @media de la siguiente manera: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width luego se define en varios puntos en las...

112
¿Existe un SASS.js? ¿Algo como LESS.js?

He usado LESS.js antes. Es fácil de usar, algo como <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Vi SASS.js . ¿Cómo puedo usarlo de manera similar? Analizar un archivo SASS para usarlo inmediatamente en...

107
¿Valor de variable negativa de Sass?

Tengo un par de selectores de scss en los que uso la misma cantidad positiva y negativa, como en: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Preferiría usar una variable para todas las cantidades de 15px, pero esto no funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px...

101
Usando SASS con ASP.NET [cerrado]

En su forma actual, esta pregunta no se ajusta bien a nuestro formato de preguntas y respuestas. Esperamos que las respuestas estén respaldadas por hechos, referencias o experiencia, pero es probable que esta pregunta solicite debate, argumentos, encuestas o una discusión extensa....