Perguntas com a tag [sass]

Utilize esta tag quando a pergunta se refere a algum recurso, informação ou problema relacionado exclusivamente ao pré-processador Sass. Sass é um pré-processador de folhas de estilo para auxiliar na produtividade e manutenção do código CSS. É uma extensão do CSS que adiciona recursos como regras aninhadas, variáveis, mixins e extensões de classe. Isso permite aos desenvolvedores escrever CSS estruturados, gerenciáveis e reutilizáveis.

34 perguntas sem resposta aceita nem com voto a favor
Filtrar por
Ordenado por
Com tags
3 votos
2 respostas
78 visitas

SASS SCSS - Problemas com arredondamento.

Estou com o seguinte problema: desenvolvendo um sistema de Grid com SCSS, obtive o problema de arredondamento das porcentagens que definem o tamanho de cada coluna. Queria saber se alguém tem a ...
2 votos
0 respostas
126 visitas

Definir a url(path) ao importar fontawesome com sass

Olá! Estou trabalhando com node+webpack+sass. Quando executo o script do wabpack, é feita a compilação do sass, o bundle dos arquivos js e o resultado é todo colocado no diretório build/. Ate ai sem ...
1 voto
1 resposta
39 visitas

background-size: cover. Existe alguma forma de acrescentar um valor em porcentagem?

Quero adicionar um hover event que aumente ligeiramente o tamanho da imagem que estou usando de background, porém pra mantê-lo responsivo preciso do background-size:cover. segue um trecho do código ...
1 voto
0 respostas
28 visitas

Erro no uso de @extends usando sass placeholders

@each $direction in $directions { %u-no-padding-#{$direction}{padding-#{direction}: 0;} %u-half-padding-#{$direction}{padding-#{direction}: $layout-module-size / 2;} %u-default-padding-#{$...
1 voto
1 resposta
369 visitas

criar variavel com @for no scss

bom dia a todos!! galera eu preciso criar variáveis de cores no SCSS e estou fazendo da seguinte forma: @for $i from 1 to 50{ $corClara{$i}:red; } mas não to conseguindo fazer funcionar...o koala,...
1 voto
0 respostas
44 visitas

CSS Ionic 1 funciona corretamente no Android, mas não no iPhone OSx

Meu layout, algumas coisas nele, funcionam muito bem no Android com Windows. Mudando para o Mac OSx, criando o projeto e copiando tudo. Quando rodo como ionic server ou ionic server --lab Ambos ...
  • 612
1 voto
2 respostas
420 visitas

Menu Dropdown Responsivo

Criei um menu responsivo, gostaria de adicionar uma ação ao meu botão, quando ele fosse clicado meu menu iria aparecer, o menu ja esta criado, mas ainda não consegui com que ele aparece apenas com o ...
user avatar
1 voto
2 respostas
254 visitas

Sass não reescreve arquivos com prefixo

Eu copiei alguns arquivos .scss para o meu projeto, estes arquivos estão com prefixo _ no nome (ex. _style, _mediaqueries, etc.). O compass reescreve todos os arquivos normalmente, menos estes que ...
1 voto
2 respostas
157 visitas

melhor maneira de fazer sprites em SASS

estou fazendo um sprite com sass da seguinte maneira abaixo, mas gostaria de saber se essa maneira é a correta ou não, ou se existe outra maneira melhor. $sprites: bovino, suino, aves, embutidos, ...
0 votos
0 respostas
27 visitas

Erro com o sass-loader do webpack

Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/...
0 votos
0 respostas
12 visitas

Erro ao criar um Toggle Theme Dark Mode

Rapaziada to tentando fazer um switch theme utlizando html sass, só que não funciona. Criei a CLASSE dentro um arquivo externo VARIABLE.SCSS, e parece que não tá conseguindo puxar ela. inserir a ...
0 votos
0 respostas
32 visitas

O que faz o navegador sobrescrever as propriedades de um seletor CSS pelo mesmo seletor desatualizado?

Estou iniciando os estudos com Sass e Scss e estou tendo alguns problemas para visualizar as alterações do código no navegador. Quando eu compilo o arquivo .scss as propriedades são atualizadas no ...
0 votos
1 resposta
230 visitas

Aninhamento (nesting) é uma funcionalidade especifica do SASS?

Acabei de terminar um curso de Bootstrap e fiquei com uma dúvida: o aninhamento (nesting) é uma funcionalidade específica do SASS? Pelo o que eu entendi aqui, sim. Digo isso, porque ao usar Media ...
0 votos
0 respostas
139 visitas

SASS Mixin e Hover: como escrever o hover trocando parâmetros do mixin?

Oi. Eu sou novo no SASS, então peço desculpas se for uma dúvida boba, mas não encontrei lugar nenhum na internet com resposta pra ela, então... Eu estou trabalhando num projeto que tem um modelo de ...
0 votos
1 resposta
104 visitas

Elementos de uma Timeline quebrando linha

tudo bem? Estou tentando fazer uma timeline com scroll, mas não estou conseguindo fazer com que os elementos da timeline entrem dentro da div ao atingir o tamanho máximo dela, para que assim essa ...
0 votos
0 respostas
40 visitas

Não estou conseguindo deixar o meu arquivo final expandido com o gulp-sass

olá,não estou conseguindo deixar meu arquivo final .css expandido,já tentei colocar no outputStyle a palavra expanded mas o arquivo continua compressado ai vai o código onde está todo o código sass. /...
0 votos
1 resposta
2mil visitas

Como aplicar hover em todos os *irmãos ou *filhos?

Boa noite Galera, essa é minha primeira pergunta aqui no forum, então desculpem se não formula da melhor forma. O problema que estou enfrentando é de aplicar o efeito css :hover em todos os elementos ...
0 votos
1 resposta
56 visitas

Extender parent selector

Como faço para extender configurações de um parent selector? (somente ele) ul { background: red; /* Não incluir esse! */ } #menu { ul { margin-left: 20px; ul { @extend #menu ul; // ...
0 votos
0 respostas
450 visitas

Trocar a cor de parte do texto no input usando Vuejs/Html/css

Como por exemplo no Facebook quando digitamos Parabéns fulano de tal dentro do input a palavra parabéns fica negrito e laranja e a pessoa continua digitando normalmente... ou seja ... quando a pessoa ...
0 votos
1 resposta
172 visitas

Como alterar cor de fundo do elemento caso exista um determinado elemento filho?

Tenho a tag body e a cor de fundo será alterada caso exista uma div.login como filha. ... <body> <div class="container"><div class="login"></div></div> <body> ......
0 votos
2 respostas
46 visitas

Erro na folha de estilo sass

Olá, Eu estava escrevendo os estilos para minha pagina home,tudo estava funcioando perfeitamente, até aparecer um erro no gulp. Error in plugin 'sass' Message: sass\organisms\_header.sass Error: ...
user avatar
0 votos
0 respostas
39 visitas

Erro desconhecido no gulp

Adicionei o arquivo mixins.sass ao meu projeto e quando fui olhar no terminal, apresentou o seguinte erro: events.js:160 er; // Unhandled 'error' event Error: sass\molecules\mixins.sass ...
user avatar
0 votos
0 respostas
35 visitas

Visual Studio Team Services (project) + SASS

Olá, gostaria de saber se é possível "compilar" o SASS em um projeto no Visual Studio 2015 sem ter que instalar nada. Motivo: Estou precisando de algo que eu de um GET no projeto usando o Visual ...
0 votos
0 respostas
73 visitas

Sass no xampp nao funciona

Boa tarde, Estou tentando rodar o sass no xampp, mas ele nao esta funcionando. Alguem sabe me dizer se tem como rodar ou como fazer funcionar?
0 votos
0 respostas
56 visitas

Compilador SCOUT não gera arquivo css

Boa tarde, estou utilizando o compilador SCOUT para trabalhar com arquivos scss e sass, porém de ontem para hoje ele não está mais gerando arquivos css, ele está configurado corretamente para as ...
0 votos
0 respostas
203 visitas

Problema carregar arquivo CSS Sass

Estou enfrentando um problema onde ao gerar o arquivo CSS, onde este é gerado por uma tarefa feita através do Gulp. Ao interpretar o Sass e gerar o CSS, o arquivo no site só altera se eu excluir e ...
0 votos
0 respostas
607 visitas

importar uma variável de um arquivo _partial.scss e utilizá-la dentro de metodo em SASS

Estou começando a trabalhar com SASS e estou tendo problemas com relação a estrutura de arquivos parciais. Pelo meu entendimento, fiz algo assim: _colors.scss $red: red; $blue: blue _buttons.scss @...
  • 5.051
0 votos
1 resposta
46 visitas

Border-top aparece pela metade no iOS

No iOS o parâmetro border-top é mostrado até a metade da tela, no PC ele aparece com 100% de width normalmente. Como fazer ele aparecer com 100% de width no iOS tambem? Este é o SCSS: .wrapper-...
0 votos
0 respostas
84 visitas

Incompatibilidade de Caracteres no Sass ( 'IBM437' e 'UTF-8')

Meu problema ocorre quando tento usar o --watchda seguinte forma: --watch estilos.scss:estilos.css Meu objetivo é realizar a compilação automática no momento em que salvo o arquivo. O erro que ...
0 votos
1 resposta
84 visitas

Como pegar valores de um JSON e passar como variáveis SASS com Grunt

Estou precisando compilar templates usando grunt e quero colocar as configurações de cores dentro de um arquivo JSON que estará dentro de cada pasta de layout, ou seja, preciso usar o Grunt para ler o ...
  • 407
-1 votos
1 resposta
250 visitas

Media queries dentro do nesting - Sass

Tenho uma dúvida, estou criando uma aplicação em React, logo, estou usando SASS. Mas a minha dúvida é referente ao SASS, se é uma boa prática eu inserir media querie dentro do meu bloco de css. ...
-1 votos
1 resposta
85 visitas

Problemas ao importar imagens em .sass

Estou com um problema estranho para importar imagens. .banner{ background: url(../../imagens/banner.jpeg); } No formato acima funciona corretamente em um arquivo .scss Mas em um arquivo .sass não ...
-2 votos
0 respostas
13 visitas

Problemas ao usar sass em um projeto com next.js

estou com problemas o projeto estava funcionando até eu colocar o sass isntalei o pacote normalmente e mesmo assim não funciona está apresentando o seguinte erro: ready - started server on 0.0.0.0:...
-2 votos
1 resposta
37 visitas

Sass::SyntaxError - Properties are only allowed within rules, directives, mixin includes, or other properties

Ao tentar acessar o site, é exibido esse erro: Properties are only allowed within rules, directives, mixin includes, or other properties. https://pastebin.com/LqMyVEM5 (codigo do arquivo sass) Meu ...