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.
128 perguntas
-1
votos
0
respostas
26
visitas
Kayframes não funciona [fechada]
Estou tentando fazer uma pequena animação, onde o ícone de um botão precisa ficar flutuando quando for ativado o hover, porém a animação não ocorre por nada. No entanto a mudança da cor ocorre ...
-1
votos
0
respostas
258
visitas
Como utilizar um único arquivo de variáveis globais utilizando CSS Modules e CSS Inline? [fechada]
Estou iniciando um projeto React.js com SCSS e tentando desenvolver uma biblioteca de componentes UI própria. Para padronizar os estilos eu utilizaria um arquivo tema (com as variáveis globais). Minha ...
-1
votos
1
resposta
200
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 ...
-6
votos
1
resposta
112
visitas
Imagem se sobrepõe com menu aberto [fechada]
Boa noite a todos. Estou fazendo meu portfólio, e percebi que quando abro o menu lateral, uma imagem se sobrepõe. Desse jeito:
Aqui está meu CSS (fiz ele com o Sass):
.sessao-formacoes {
background-...
1
voto
1
resposta
71
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 ...
-2
votos
1
resposta
617
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 ...
1
voto
1
resposta
99
visitas
Como fazer um grid automático para medidas exatas usando SCSS?
Tenho o seguinte exemplo mas em porcentagem:
$grid__cols: 12;
@for $i from 1 through $grid__cols {
.col-#{$i} {
flex-basis: (100 / ($grid__cols / $i) ) * 1%;
}
}
Que pode ser testado aqui, ...
- 12,2mil
0
votos
1
resposta
334
visitas
Quebrar linha com <img> e <p> dentro de um <ion-button> - IONIC 5
Tenho o seguinte HTML:
<ion-grid fixed>
<ion-row>
<ion-col size="12">
<ion-button (click)="go('adopt')" class="button" color="dark&...
- 128
2
votos
0
respostas
182
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 ...
- 2.125
1
voto
1
resposta
704
visitas
Usar bootstrap com sass de forma semântica e seletiva
Quando se fala em Sass e Bootstrap a recomendação/vantagem que mais se encontra por ai é, "importe apenas o que você vai usar, assim seu css final será menor e conterá apenas as partes do bootstrap ...
- 2.125
-2
votos
1
resposta
59
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 ...
4
votos
1
resposta
96
visitas
Qual é a maneira correta de utilizar o operador "%" no Sass?
Estou fazendo alterações em uma página que foi feita utilizando Sass, e ainda sou bem iniciante com o framework, e me deparei com o seguinte código:
%cf {
&:after {
content: '';
...
- 567
0
votos
1
resposta
1mil
visitas
CSS: Passar valores/parametros através dos nomes de classes
Gostaria de saber se existe a possibilidade de informar valores através de nome de classes para ser usados como valores nas propriedades das mesmas. Exemplo:
.text-(color) {
color: (color);
}
O ...
0
votos
0
respostas
254
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 ...
1
voto
1
resposta
171
visitas
SASS: Existem algum recurso para evitar repetições e linhas de códigos as variações de cores?
Situação problema
Estou criando uma paleta de cores que variam muito as suas referências, sendo de 10% da cor base para baixo. Por exemplo:
$primary: #0069FF;
Uma subtração de 10% desse valor é:
$...
- 1.370