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?

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...

¿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 *

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...

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'),

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....

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...

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....

Cuando intento instalar la última versión de la brújula ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ), aparece el siguiente error. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR: Failed to build gem native...

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`...

¿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

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....

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...

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...

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...

IE9 aparentemente puede manejar esquinas redondeadas mediante el uso de la definición estándar CSS3 de border-radius. ¿Qué pasa con la compatibilidad con el radio del borde y el gradiente de fondo? Sí, IE9 es para admitirlos a ambos por separado, pero si mezcla los dos, el degradado se desangra...

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 qué ese es el caso y ¿qué...

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...

¿Por qué poner _delante del nombre del archivo en scss? _filename.scss- ¿Por qué lo necesita

He leído la documentación , que dice que si quiero usar scsstengo que ejecutar el siguiente comando: ng set defaults.styleExt scss Pero cuando hago eso y hago ese archivo, sigo recibiendo este error en mi consola: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such...