sass

Anidamiento Sass para: hover no funciona [duplicar]

Esta pregunta ya tiene una respuesta aquí: Sass .scss: ¿Anidamiento y múltiples clases? ... este código, pero no funciona. ¿Cuál es mi problema? .class { margin:20px; :hover { color:yellow; } }

Sass-Conversión de Hex a RGBa para opacidad de fondo

Tengo el siguiente Sass mixin, que es una modificación medio completa de un RGBa ejemplo : @mixin background-opacity($color ... erá: element { @include background-opacity(#333, .5); } ¿Cómo puedo usar valores hexadecimales dentro de este mixin?

sass watch reloj con minify automático?

Hay una manera de correr: sass --watch a.scss:a.css Pero ¿han terminado siendo minificados? ¿Cómo evitaría tener que ejecutar un paso de minificación separado mientras compilo mi hoja de estilos?

SASS-usar variables en varios archivos

Me gustaría mantener una central.archivo scss que almacena todas las definiciones de variables SASS para un proyecto. // _ma ... e que declare todas las variables de estilo de todo el proyecto en una ubicación. ¿Hay alguna manera de hacer esto en SCSS?

Uso de fuentes con Rails asset pipeline

Tengo algunas fuentes configuradas en mi archivo Scss así: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon ... bon-1.3.0/app/assets/stylesheets - !ruby/object:Pathname path: /Users/neiltonge/code/neiltonge/app/assets/fonts => nil

Incluir otra clase en SCSS

Tengo esto en mi archivo SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken( ... claraciones anidadas de class-a. Cómo se hace esto? Intenté usar @include class-a, pero eso solo arroja un error al compilar.

Importar archivo CSS regular en archivo SCSS?

¿Hay que importar un archivo CSS normal con el comando @import de Sass? Si bien no estoy usando toda la sintaxis SCSS de sas ... de sus funciones de combinación/compresión, y me gustaría poder usarla sin cambiar el nombre de todos mis archivos a *.scss

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

Quiero tener una variable que contenga la ruta raíz de todas mis imágenes en mi archivo CSS. No puedo descifrar si esto es po ... kground: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; width: 100%; } Cualquier ayuda sería apreciada.

Opciones Angular CLI SASS

Soy nuevo en Angular y vengo de la comunidad Ember. Tratando de usar el nuevo Angular-CLI basado en Ember-CLI. Necesito sab ... de ¿organizar estilos en un nuevo proyecto Angular? Sería bueno tener el archivo sass en la misma carpeta que el componente.

Calcular un porcentaje con SCSS / SASS

Quiero establecer un ancho en porcentaje en scss a través del cálculo, pero me da errores.. CSS no válido después de "... ... acer algo como $my_width: (4/12)%; div{ width: $my_width; } ¿Cómo agrego el signo % allí? La misma pregunta con px y em

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 ( ... . Realmente me gustaría simplemente ingresar css estático y pasarlo exactamente como la función anterior. Es esto posible?

Hay un SASS.js? Algo como MENOS.js?

He usado MENOS.js antes. Es fácil de usar, algo así como <link rel="stylesheet/less" href="main.less" type="text/css"> ... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }}

:after y: before pseudo-elemento selectores en Sass [duplicar]

Esta pregunta ya tiene una respuesta aquí: Sass .scss: ¿Anidamiento y múltiples clases? ... : 2em auto > a color: red :before content: "" :after content: "* * *" Por supuesto, lo anterior falla.

Modificar el archivo en su lugar (mismo dest) usando Gulp.js y un patrón de globbing

Tengo una tarea gulp que está intentando convertir .archivos scss en .archivos css (usando gulp-ruby-sass) y luego coloque el ... ect/partials. Si hay una forma mucho más sencilla de hacer esto, definitivamente apreciaría esa solución aún más. ¡Gracias!

Sass calcular porcentaje menos px

Quiero ser capaz de hacer lo siguiente: height: 25% - 5px; Obviamente cuando hago eso obtengo el error: Incompatible units: 'px' and '%'.

¿Cómo integrar el preprocesamiento CSS dentro de Eclipse? [cerrado]

Me gustaría editar archivos SCSS en Eclipse, preferiblemente con resaltado de sintaxis para archivos .scss. Encontré valioso ... o integrar el desarrollo SCSS en el editor de Eclipse? O, más generalmente, ¿cómo integrar un CSS pre-procesador en Eclipse?

Estructura Adecuada de los Activos SCSS en Rails

Por lo tanto, tengo una estructura de directorio app/assets/stylesheets/ que se ve algo como esto: |-dialogs |-mixins ... amente, este tipo no parece pensar que sea posible, pero espero que esté equivocado. Cualquier pensamiento es muy apreciado.

¿Cómo resolver la advertencia "Necesita tener Ruby y Sass instalados y en su RUTA para que esta tarea funcione"?

Estoy en el proceso de configurar una nueva Mac para trabajar. He instalado Grunt & Grunt CLI a nivel mundial. Luego hice ... grunt install contrib-sass -g para resolver el problema? ¿Y qué pasa con Ruby - siempre pensé que ya está instalado en OS X?

Optimizar Font Awesome solo para clases usadas

Estoy usando Font Awesome Sass file https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para hace ... de producción? Si puedo obtener algunos consejos sobre el #1 anterior, eso sería lo suficientemente impresionante. Gracias.

Uso de variables Sass con Consultas de medios CSS3

Estoy tratando de combinar el uso de una variable Sass con @ media queries de la siguiente manera: $base_width:1160px; @me ... era línea de $base_width: 1160px; devuelve un error para una variable indefinida. ¿Alguna idea de lo que me estoy perdiendo?