Grupo técnico sobre CSS. ⚠️ ATENÇÃO: - Para evitar advertências não esqueça de ler as regras com o comando /rules. - Para reportar alguma mensagem utilize o comando /report.
https://frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse/
Читать полностью…As regras para CSS Brasil
são:
Clique aqui para ler as regras - /channel/cssbr/57036
Ademais não tem nenhum problema tecnicamente falando vc declarar as classes várias vezes
Читать полностью…Pelo o que entendi, ele quer usar os estilos do TW para criar classes personalizadas, ou seja, ao invés de componentes, seria a classe de fato. Similar ao que o Bootstrap é.
Читать полностью…Mas é pior, na minha opinião, você sair do padrão dele. As vezes não compensa utilizar ele se for o caso
Читать полностью…Tá usando HTML puro e CDN como o mano ali falou? Se tiver usando o react a doc do tailwind fala pra vc componentizar elementos que vc repete
Читать полностью…Se você usar a versão CDN, terá que repetir mesmo.
Usando via empacotador (Webpack, Vite), não terá problema em criar as repetições se forma fácil.
Então, tudo isso da pra fazer com tailwind, se vc quiser vc pode, não quebra, mas não faz sentido
Читать полностью…Se for só seu, lkkkk cê pode fazer o que quiser, mas se vc tiver trabalhando com outras pessoas a pessoa vai ver a classe, ficar (?) procurar na doc, no tailwind config só pra com custo ver que vc declarou a classe no CSS lkkkkkk
Читать полностью…Gente, vocês acham que faz sentido misturar classes CSS com classes do Tailwind CSS? E vocês já fizeram isso?
Читать полностью…As regras para CSS Brasil
são:
Clique aqui para ler as regras - /channel/cssbr/57036
Com nested selectors, pode criar algo assim:
.social-links a {Читать полностью…
text-decoration: none;
color: rgb(var(--gray));
&:hover {
color: rgb(var(--gray-dark));
}
}
As vezes vc criar um componente SocialLink já alivia seu incômodo
Читать полностью…Se vc tá estilizando o mesmo elemento e se incomoda de repetir a classe várias vezes pois são vários elementos, a doc recomenda vc criar um .map e criar esse elemento com um laço de repetição OU criar um componente desse elemento repetido
Читать полностью…@CamiloMicheletto
Estou no Astro:
E nele é possível fazer o HTM e CSS no mesmo arquivo.
Essa é uma característica ruim do tailwind, ele te obriga a resolver esses problemas no template
Читать полностью…Mas toda classe tailwind que vc utilizar vai ser declarada na folha de estilos só uma vez
Читать полностью…No geral, os documentos HTML têm um folha de estilos adicionais, onde as modificações do arquivo base ficam.
<head>
...
<link href="tailwind.css" rel="stylesheet" />
<link href="custom-styles.css" rel="stylesheet" />
</head>
custom-styles.css
irá se sobrepor às regras do TW.Exemplo:
<style>Читать полностью…
.social-links a {
text-decoration: none;
color: rgb(var(--gray));
}
@media (hover: hover) {
.social-links a:hover {
color: rgb(var(--gray-dark));
}
}
</styles>
}
Provavelmente o que vc tá fazendo com CSS pode ser feito com tailwind
Читать полностью…