Preguntas etiquetadas con sass

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 dos * .css.scss.erb). Podría estar asumiendo mucho, pero los rieles DEBERÍAN compilar automáticamente todos los archivos en …

86 css  ruby-on-rails  asset-pipeline  sass 

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 set-alpha( #ff0000, 0.5 ); …

86 css  sass  compass-sass  rgba 

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 pequeña. …

86 css  sass  media-queries 

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?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

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' ../fonts/fontawesome-webfont.eot porque el archivo font-awesome.scss se refiere a una ruta relativa, '../fonts/'. ¿Cómo puedo decirle a …

84 node.js  sass  npm  font-awesome  webpack 

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.

83 css  twitter-bootstrap  sass 

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 …

82 typescript  import  sass  webpack  css-modules 

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 …

79 css  sass 

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é todos …

17 node.js  vue.js  npm  sass  node-modules 

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 archivos SASS. En cuanto a la estructura de …

8 laravel  sass  frontend  laravel-blade  mix 

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 configuración …

8 json  angular  sass  angular9  node-sass-json-importer