Perguntas com a tag "sass"

2

Plano de fundo para uma página é 90% de brancos e 10% de imagem que as escalas

Eu quero fazer o seguinte e até agora eu não tenho que trabalhar no meu próprio, nem eu encontrar algo semelhante on-line. Eu estou construindo uma página que não vai ser rolável e eu quero um fundo branco, mas com um arco-íris de listra na parte inf...
3

Css círculo com sombra

Eu tenho uma vermelha para efeito de brilho, mas apenas no texto de meu botão, e não na fronteira : body{ background: black; } .delete-button-container{ height: 30px; width: 30px; padding: 3px 0 0 3px; } .delete-...
0

Vue componentes não pode usar escs no laravel

Eu quero usar globalmente .scss arquivo único de .vue de componente Eu estou usando gulp(laravel-elixir para compilar sass/scss e ele não é nenhum problema. Posso fazer todo o estilo em qualquer lugar no Laravel lâmina: elixir((mix) => { .sass('...
1

Conjunto de classes personalizadas com angular 8

Eu preciso criar classes com uma cor de plano de fundo devolvidos pelo banco, como posso fazer isso com as Angular? Eu sei que existe uma maneira de fazer isso, talvez usando @ViewChildren. Estas são as classes que eu vou criar com o retorno do banc...
0

Orçamento probleme devido css do ficheiro de importação

Eu sou um desenvolvedor júnior, eu não tenho muita experiência e eu trabalho atualmente em uma grande Angulares do projeto. Nós usamos Angular Material e criar temas personalizados para o nosso aplicativo. Temos um estilo global.escs arquivo no qual ...
1

Flex com altura máxima

Como posso definir uma altura da coluna da esquerda(bloco) para 100% usando o flex? Eu tenho o dom como este: <LeftPanel> <Logo /> <Profile /> <Chat /> <SocialButtons /> </LeftPanel> LeftPanel a uma altu...
0

Estranho Fronteira Raio problema no IE11

Eu estou tendo um estranho problema com o IE11 fronteira raio: O código é .xrInput__input { border: 2px solid $xr-dark-blue; border-radius: $xr-border-radius; background-color: $xr-white; font-family: var(--font-crimson-text); font-size...
1

É possível ter escs arquivo na pasta dist angular biblioteca?

É possível ter escs/arquivo css na pasta dist sem usar viewEncapsulation.Nenhum gole? Durante a construção da biblioteca, eu só posso ver o JS, mas eu quiser importar o meu componente específico escs arquivo em css global
1

imagem de plano de fundo não funciona no github páginas

Estranho problema, está tudo bem quando estiver testando localmente, mas não no github pages. a imagem está localizada em /img onde sccs que aponta para esta imagem está localizada em /escs/pages/ Então, nesse caso, eu preciso voltar dois diretório...
2

A fim de folhas de estilo com escs, webpacker e rails 6

Eu estou usando o webpacker gem (v4.0.7) para ativos, como é padrão no Rails 6. Minha folha de estilos ativos são o carregamento via app/javascripts/stylesheets/aplicação.escs arquivo No entanto, a ordem de listagem da folha de estilos ativos nes...
1

correto escs código para obter a cor mostrada na tela

Eu estou enfrentando um problema quando a construir a minha escs arquivos css. A cor não é a exibição na tela. Este é o meu escs código: $--base-color-secondary-text-white: #e8e8e8 div { >div.oj-select-choice { border-bottom: .08rem...
0

CSS-só paralaxe (horizontal): como corrigir o dimensionamento

Eu estou tentando criar um deslocamento horizontal linha de tempo com um CSS puro efeito de paralaxe, com base no presente artigo. O efeito de paralaxe é o trabalho, mas eu estou ficando pendurado de espaço no final, que eu não posso isolar, exceto p...
0

O que é uma solução escalável e de abordagem avançada, quando se trabalha com margens de no CSS?

Desculpas antecipadamente para uma vaga pergunta, mas para anos eu estou lutando com a melhor forma de definir as margens e valores de preenchimento em uma solução escalável e de modo produtivo. Eu sempre sinto que eu estou fazendo isso "errado" (em...
1

Calc percentual no IE11

Existe alguma maneira de fazer o css calc função de trabalhar com um deslocamento, como abaixo no IE11? Isto não funciona em IE11: div:nth-child(1) { background: hsl(114.54545, 44%%, calc(55.88235%% * 1.1)); } Um estático porcentagem que: div:...
0

"grunhido assistir" sempre deixa de assistir depois de erros fatais - como fazê-lo novamente após alguns segundos automaticamente?

Dentro de algum projeto que eu uso Pesado para tarefas como SASS compilação e assim por diante. Basicamente, ele funciona como um encanto, mas enquanto eu estou escrevendo dentro do SASS arquivos, obviamente, às vezes, ocorre um erro como eu não esto...
0

Função de valor como $argumento de cor em Sass escurecer()

Eu estou tentando usar um valor de cor especificada em um mapa de como as $cor argumento para escurecer(), assim: border: 1px solid darken(color(lowlight), 10); Isso depende de um par de funções simples e mapas que eu escrevi (estranho valores remo...
0

Como dividir css do estilo.css usando MiniCssExtractPlugin?

Eu estou tentando transformar dois de meus .scss arquivos em dois diferentes .css arquivos, um chamado de timer_player.css e um outro chamado de style.css. O style.css não pode ter qualquer estilo de timer_player.css. Com ExtractTextPlugin o que po...
1

Como posso colocar/bind rótulos ou parágrafos exatamente em cima de itens?

Eu quero colocar esses rótulos exatamente em cima dos itens. Eu apenas tentei colocar primeiro o <ion-label>. Ele está em ação em uma camada superior para os itens, mas não superior centralizada para eles, mas sobre o que lhes resta. O que devo...
0

Diferenciar SASS para ESCS

Eu estou usando ESCS CSS em PHP para converter o meu escs código css. Existe uma maneira de detectar se o código para submeter um ESCS ou SASS? Meu código cria um erro quando o usuário enviar um SASS código desde a biblioteca, eu estou usando apenas ...
0

webpack src alterações de arquivos não estão refletindo, não mostrando o caminho

Eu estou usando webpack para sass integração, webpack é compilar sass, mas eu fazer alterações na pasta de origem, mas nada foi refletida ou quaisquer alterações é exibido. Poderia ser qualquer um me ajudar. Webpack está sendo executado em // ./src/c...
0

Como criar uma Vertical de enchimento,sensível deslocamento do recipiente

Eu quero criar uma lista rolável de que preenche vertical o espaço restante. No entanto, eu não consigo descobrir como para não estragar o excesso de manuseio. No meu caso, é suposto ser uma lista dinâmica de conversações para um aplicativo de bate...
0

A importação de bootstrap sass: 24em*px não é válido CSS valor

Bootstrap (4.3.1) é importado através da NGP. Sass carregador (Webpack) falha. Esta é a mensagem de erro: 24em*px isn't a valid CSS value. Este erro é encontrado em (linha 491, coluna 100) em node_modules/bootstrap/escs/_variables.escs Esta li...
0

Faz isso SASS estrutura afetam Reagir app/componente loadtime/desempenho?

Eu estou trabalhando no meu primeiro prontos para produção de Reagir aplicativo, e eu estou usando SASS como um pré-processador para o meu CSS. Um grande benefício, acho que quando o meu estilo Reagir componentes é ser capaz de quebrar o meu CSS em m...
1

SASS estilo aninhados dois divs sem classes/

Eu tenho a seguinte marcação html: <div class="container"> <div> <------Want this to bee 100%% height <div class="child"> </div> <div class="child"> </div> <div> < --------- 100...
3

Como fazer a criança elemento/componente ignorar o tamanho do seu pai?

Eu sou a renderização de Um componente (uma sobreposição de tela cheia) dentro do componente B (cabeçalho). Eu sou a especificação de Um componente para ser height: 100vh, e de fato é a altura da tela, apenas é empurrado para baixo pelo tamanho do me...