Quero usar as cores da marca da minha empresa em todo o aplicativo. Eu encontrei este problema: AngularJS 2 - Design de material - definir paleta de cores onde posso construir um tema supostamente personalizado , mas basicamente usa diferentes partes de paletas pré-construídas. Não quero usar...
Eu estava lutando para configurar o libsass, pois não era tão simples quanto o transpiler baseado em Ruby. Alguém poderia explicar como: instalar libsass? usar na linha de comando? usá-lo com corredores de tarefas como gulp e grunt? Tenho pouca experiência com gerenciadores de pacotes e...
SASS tem um recurso chamado @extend que permite a um seletor herdar as propriedades de outro seletor, mas sem copiar as propriedades (como mixins). O LESS também tem esse
No Sass, não consigo discernir a diferença entre usar @includecom um mixin e usar @extendcom uma classe de espaço reservado. Eles não significam a mesma
Estou tentando usar a interpolação de string na minha variável para fazer referência a outra variável: // 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...
No SASS, é possível importar um arquivo de outro diretório? Por exemplo, se eu tivesse uma estrutura como esta: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss poderia importar _common.scss usando, @import "common"mas é...
Recentemente, ao compilar meus arquivos scss, recebo um erro. A mensagem de erro diz: Lista de navegadores: caniuse-lite está desatualizado. Por favor, execute o próximo comandonpm update caniuse-lite browserslist Primeiro, como diz a mensagem, eu corri, npm update caniuse-lite...
Portanto, tenho uma app/assets/stylesheets/estrutura de diretório semelhante a esta: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Em cada diretório, há vários parciais de sass (normalmente * .css.scss, mas um ou dois *...
Estou usando o arquivo Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass para torná-lo _font-awesome.sass para que eu possa @importem meu projeto Sass. Também estou usando http://middlemanapp.com/ para converter Sass para Css . Questões: Existe...
Eu tenho uma classe de item e uma classe "modificadora" compacta: .item { ... } .item.compact { /* styles to make .item smaller */ } Isto é bom. No entanto, gostaria de adicionar uma @mediaconsulta que force a .itemclasse a ser compacta quando a tela é pequena o suficiente. À primeira vista,...
Pode ser o Compass 101, mas alguém escreveu um mixin que define o valor alfa de uma cor? Idealmente, eu gostaria que o mixin tomasse qualquer forma de definição de cor e aplicasse transparência: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 );...
No VS <= 2015, podemos usar a extensão WebEssentials que se encarrega de compilar os arquivos less / sass para nós, mas atualmente não oferece suporte ao VS 2017. Você está ciente de uma extensão semelhante que pode compilar o less / sass na construção?
Estou usando o VueJS com a estrutura VuetifyJS (v2.0.19). Estou recebendo esse erro depois de executar o npm run serve : O Sass Loader foi inicializado usando um objeto de opções que não corresponde ao esquema da API. O que eu tentei: excluí o pasta node_modules e reinstalei / atualizei todos...
Dentro de um aplicativo Angular, faço visuais D3 através de D3 ou Vega simples . Também existe um estilo SCSS. Eu gostaria de poder me referir às mesmas variáveis globais de estilo do Javascript e do SCSS. Os arquivos JSON fazem o truque muito bem para armazenar configurações carregadas no...
No meu projeto, uso alguns recursos (principalmente imagens) no SASS e no Blade. Além disso, tenho alguns recursos usados apenas no SASS e outros usados apenas no Blade. Por exemplo, eu poderia usar mix('images/logo.png')nos arquivos Blade e background: url('../images/logo.png')nos arquivos...