Preguntas etiquetadas con sass

Sass (Syntactically Awesome Style Sheets) es una extensión de CSS que agrega características como reglas anidadas, variables, mixins y extensiones de clase. Esto permite a los desarrolladores escribir CSS estructurado, administrable y reutilizable. Sass está compilado en CSS estándar.

13
¿Cuál es la diferencia entre SCSS y Sass?
Por lo que he estado leyendo, Sass es un lenguaje que hace que CSS sea más poderoso con soporte variable y matemático. ¿Cuál es la diferencia con SCSS? ¿Se supone que es el mismo idioma? ¿Similar? ¿Diferente?
1904 css  sass 

7
Variable Sass en la función calc () de CSS
Estoy tratando de usar la calc()función en una hoja de estilo Sass, pero tengo algunos problemas. Aquí está mi código: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Si uso el literal en 50pxlugar de mi body_paddingvariable, obtengo exactamente lo que quiero. Sin embargo, cuando cambio a la variable, …
1347 css  sass  css-calc 

13
¿Importar archivos CSS normales en archivos SCSS?
¿Hay alguna forma de importar un archivo CSS normal con el @importcomando de Sass ? Si bien no estoy usando toda la sintaxis SCSS de sass, todavía disfruto de sus funciones de combinación / compresión, y me gustaría poder usarla sin renombrar todos mis archivos a * .scss
509 css  sass 


12
Usar fuentes con la canalización de activos de Rails
Tengo algunas fuentes configuradas en mi archivo Scss así: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } El archivo de fuente real se almacena en / app / assets / fonts / He agregado config.assets.paths << Rails.root.join("app", "assets", "fonts")a mi …

3
Sass .scss: ¿Anidamiento y clases múltiples?
Estoy usando Sass (.scss) para mi proyecto actual. Siguiente ejemplo: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Esto funciona muy bien. ¿Puedo manejar múltiples clases mientras uso estilos anidados? En la muestra anterior, estoy hablando de esto: …
332 sass 

16
Opciones de CLI SASS angular
Soy nuevo en Angular y vengo de la comunidad Ember. Intentando usar el nuevo Angular-CLI basado en Ember-CLI. Necesito saber la mejor manera de manejar SASS en un nuevo proyecto angular. Intenté usar el ember-cli-sassrepositorio para ver si funcionaba, ya que una serie de componentes principales de Angular-CLI se ejecutan …

5
Incluyendo otra clase en SCSS
Tengo esto en mi archivo SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } En la clase b, me gustaría heredar todas las propiedades y declaraciones anidadas de class-a. ¿Cómo se hace esto? Intenté usarlo @include class-a, pero eso …
309 inheritance  sass 

17
¿Intenta reinstalar `node-sass` en el nodo 0.12?
Me gustaría utilizar el kit de inicio web de google. Instalé node.js v0.12.0, node-sassy gulp. Y luego corrió: $ sudo npm install Cuando escribí gulp serve, recibí este error: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding Reinstalé …
263 node.js  sass  gulp 

3
sass: ¿reloj con minify automático?
¿Hay alguna manera de correr? sass --watch a.scss:a.css pero han a.cssterminado siendo minificados? ¿Cómo evitaría tener que ejecutar un paso de minificación por separado mientras compilo mi hoja de estilo?
235 css  sass  minify 

5
SASS: use variables en varios archivos
Me gustaría mantener un archivo .scss central que almacene todas las definiciones de variables SASS para un proyecto. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... El proyecto tendrá una gran cantidad de archivos CSS, debido a su naturaleza. Es importante que declare todas las variables …
217 css  sass 

5
Sass - Convertir Hex a RGBa para opacidad de fondo
Tengo el siguiente Sass mixin, que es una modificación medio completa de un ejemplo RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } He aplicado $opacitybien, pero ahora estoy atascado con la $colorparte. Los colores que enviaré al …

13
¿Es posible importar un directorio completo en sass usando @import?
Estoy modularizando mis hojas de estilo con parciales SASS así: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues ¿hay alguna manera de incluir todo el directorio de parciales (es un directorio lleno de parciales SASS) como @import compass o algo así?
209 import  sass  partials 

13
Hacer una mezcla de Sass con argumentos opcionales
Estoy escribiendo un mixin como este: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Cuando se llama lo que realmente quiero es que si no $insetse pasa ningún valor, no se genera …
201 sass 


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.