Preguntas etiquetadas con 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 …

107 css  sass  compass-sass 

Hola, estoy tratando de aprender SASS / SCSS y estoy tratando de refactorizar mi propio mixin para clearfix lo que me gustaría es que la mezcla se base en si paso la mezcla en un ancho. pensamientos hasta ahora (pseudocódigo solo ya que incluiré otros mixins) @mixin clearfix($width) { @if …

106 conditional  mixins  sass  if-statement 

¿Hay alguna forma de usar Sass o Compass o algo así sin Ruby? He estado buscando en Google y en este sitio y no puedo encontrar nada, se agradecería cualquier ayuda. Gracias

102 css  sass  compass-sass 

La pregunta prácticamente lo dice todo. Por ejemplo, si estuviera usando, digamos, Twitter Bootstrap , ¿podría definir clases en mi propia hoja de estilo SASS que hereden de las clases CSS de Bootstrap? ¿O la herencia en SASS solo funciona dentro del alcance de un solo archivo?

102 css  inheritance  stylesheet  sass 

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. Si cree que esta pregunta se puede mejorar …

101 asp.net  css  sass 

Tengo problemas para anidar en Sass. Digamos que tengo el siguiente HTML: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Cuando intento anidar mis estilos en lo siguiente, aparece un error de compilación: .item { color: black; a& { color:blue; } } ¿Cómo hago referencia a un selector de …

100 sass  css-selectors 

Tengo una tarea de gulp que intenta convertir archivos .scss en archivos .css (usando gulp-ruby-sass) y luego coloco el archivo .css resultante en el mismo lugar donde encontró el archivo original. El problema es que, dado que estoy usando un patrón globbing, no sé necesariamente dónde está almacenado el archivo …

99 javascript  node.js  sass  gulp 

Quiero utilizar los colores de la marca de mi empresa en toda la aplicación. Encontré este problema: AngularJS 2 - Diseño de materiales - establecer la paleta de colores donde puedo crear un tema supuestamente personalizado , pero básicamente solo usa diferentes partes de paletas preconstruidas. No quiero usar los …

98 angular  sass  material-design  angular-material2 

Estoy tratando de usar la interpolación de cadenas en mi variable para hacer referencia a otra variable: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); …

94 variables  sass 

SASS tiene una característica llamada @extendque permite que un selector herede las propiedades de otro selector, pero sin copiar las propiedades (como mixins). ¿LESS también tiene esta función?

93 css  sass  less  extend 

En Sass, no puedo discernir la diferencia entre usar @includecon un mixin y usar @extendcon una clase de marcador de posición. ¿No equivalen a lo mismo?

93 sass 

En SASS, ¿es posible importar un archivo desde otro directorio? Por ejemplo, si tuviera una estructura como esta: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss podría importar _common.scss usando, @import "common"pero ¿es posible que more_styles.scss importe _common.scss? Probé algunas cosas diferentes, incluidas @import "../sub_directory_a/common"y …

93 import  sass 

Estaba luchando con la configuración de libsass ya que no era tan sencillo como el transpilador basado en Ruby. ¿Alguien podría explicar cómo: instalar libsass? usarlo desde la línea de comando? usarlo con corredores de tareas como gulp y gruñido? Tengo poca experiencia con administradores de paquetes y menos aún …

91 css  sass  gulp-sass  node-sass  libsass 

Recientemente, cuando compilo mis archivos scss, aparece un error. El mensaje de error dice: Browserslist: caniuse-lite está desactualizado. Ejecute el siguiente comandonpm update caniuse-lite browserslist Primero, como dice el mensaje, corrí npm update caniuse-lite browserslistpero no solucionó el problema. Eliminé todo el directorio nod-modules y lo instalé nuevamente, también actualicé …

88 npm  sass  autoprefixer  web-compiler 

Estoy utilizando el archivo de fuente Sass impresionante https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para que sea _font-awesome.sass por lo que pueda @importen mi proyecto Sass. También estoy usando http://middlemanapp.com/ para convertir Sass a Css . Preguntas: ¿Hay alguna manera de traer solo clases de iconos usadas a mi .css convertido? Porque ahora mismo lleva …

86 css  sass  font-awesome