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

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 

¿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 

He instalado módulos de nodo por npm install, luego intenté hacer gulp sass-watch en el símbolo del sistema. Después de eso obtuve la siguiente respuesta. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined He intentado esto antes de …

368 node.js  sass  gulp  gulp-sass 

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 …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

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 

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 …

329 angular  sass  angular-cli 

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 

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 

¿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 

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 

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 …

213 css  sass  background-color  mixins  rgba 

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 

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 

Me gustaría comenzar a usar brújula y sass para acelerar el desarrollo. Por el momento, instalé Sass en una Mac y le ordené que mirara el archivo scss para la entrada y un archivo css para la salida generada. De muchos artículos, Sass se usa con Compass, me pregunto por …

166 css  sass  compass-sass