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á...
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...
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...
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?
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...
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
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...
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...
Tengo una clase de elemento y una clase compacta de "modificador": .item { ... } .item.compact { /* styles to make .item smaller */ } Esto esta bien. Sin embargo, me gustaría agregar una @mediaconsulta que obligue a la .itemclase a ser compacta cuando la pantalla es lo suficientemente...
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 ....
Esto puede ser Compass 101, pero ¿alguien ha escrito una combinación que establezca el valor alfa de un color? Idealmente, me gustaría que el mixin tomara cualquier forma de definición de color y aplicara transparencia: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include...
Entonces, tengo una app/assets/stylesheets/estructura de directorio que se parece a esto: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements En cada directorio, hay varios parciales sass (normalmente * .css.scss, pero uno o...
En VS <= 2015 podemos usar la extensión WebEssentials que se encarga de compilar los archivos less / sass por nosotros, pero actualmente no es compatible con VS 2017. ¿Conoce una extensión similar que puede compilar less / sass en la compilación?
Tengo font-awesome en mi carpeta node_modules, así que trato de importarlo en mi archivo .scss principal así: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Pero la compilación de paquetes de Webpack falla, diciéndome Error: Cannot resolve 'file' or 'directory'...
El código de arranque de Twitter tiene muchas propiedades CSS con un !defaultal final. P.ej p { color: white !default; } ¿Qué !defaulthacer? ACTUALIZAR Mi mal por no ser claro. Estoy usando la parte SASS de Bootstrap.
Estoy tratando de importar un tema desde un módulo CSS pero TypeScript me da un error "No se puede encontrar el módulo" y el tema no se aplica en tiempo de ejecución. Creo que hay algún problema con la configuración de mi paquete web, pero no estoy seguro de dónde está el problema. Estoy usando...
Acabo de seguir el tutorial de Sass . Por alguna razón, aunque el archivo Sass no genera correctamente el archivo css. La terminal dice que el CSS no es válido, pero estoy bastante seguro de que no lo es. Intenté cambiarlo también por si hubiera algún problema ... ¿Qué he hecho mal? Versión...
Estoy usando VueJS con el marco VuetifyJS (v2.0.19). Recibo este error después de ejecutar npm run serve : Sass Loader se ha inicializado utilizando un objeto de opciones que no coincide con el esquema API. Lo que probé: he eliminado el eliminé la carpeta node_modules y reinstalé / actualicé...
Dentro de una aplicación angular, hago visuales D3 a través de D3 simple o Vega . También está sucediendo el estilo SCSS. Me gustaría poder referirme a las mismas variables globales para diseñar desde Javascript y desde SCSS. Los archivos JSON hacen el truco muy bien para almacenar la...
En mi proyecto, uso algunos recursos (principalmente imágenes) tanto en SASS como en Blade. Además, tengo algunos recursos que solo se usan en SASS, y otros que solo se usan en Blade. Por ejemplo, podría usar mix('images/logo.png')en archivos Blade y background: url('../images/logo.png')en...