Sass (Syntactically Awesome Style Sheets) es una extensión de CSS que agrega características como reglas anidadas, variables, mixins y extensiones de clase. Esto permite a los desarrolladores escribir CSS estructurado, manejable y reutilizable. Sass se compila en CSS estándar.

sass...

Estoy tratando de hacer un bucle for en SCSS para mover algunos círculos con fines de prueba, pero lo que estoy tratando de hacer es hacer una línea fuera de cada círculo. Html: <div class="container"> <div class="circle"> <div class="line"></div> </div> <div class="circle"> ....
10 ago. 2020 a las 13:03
Esta es la mirada que estoy tratando de lograr <ul> <li class="btn">A</li> <li class="btn" hidden>B</li> <li class="btn" hidden>C</li> <li >D</li> <li >E</li> </ul> O puede ser así <ul> <li class="btn">A</li> <li class="btn" hidden>B</li> <li class="btn">C</li> <....
5 ago. 2020 a las 15:56
Actualmente tengo una configuración como esta en html, un contenedor principal simple con los niños A, B, C repitiendo. A | B _____ C A | B _____ C A | B _____ C A) Al cambiar solo el css (y no el html), me gustaría cambiar el orden para que sea así B | A _____ C B | A _____ C ....
5 ago. 2020 a las 10:50
Estoy tratando de crear un logotipo con su título y subtítulo, pero encontré un problema. Quiero eliminar este espacio para acercar <span> - s. ¿Me puedes ayudar? ¡Gracias! HTML <div class="sidebar" id="left-sidebar"> <div class="service-container" id="logo-service-container"> <img id="logo....
4 ago. 2020 a las 14:51
Quiero establecer la propiedad de contenido en "\ e000", pero no importa lo que haga, cambia el valor al compilar. &-#{$iconName}::before { $code: #{"\\e" + $unicode}; content: "" + $code; } Resultado: .creator-icon.devicon-git::before { content: "\\e602"; } &-#{$iconName}::before { $....
2 ago. 2020 a las 22:32
Tengo un sitio web construido sobre SASS. Hay ciertas variables que quiero cambiar al cambiar entre temas claros y oscuros, pero todas las variables se compilan y convierten a su valor original. Por lo tanto, no sé cómo cambiar las variables de SASS al cambiar de tema. Suponiendo que tengo las sigui....
2 ago. 2020 a las 14:04
¿Alguien puede explicarme cómo mover el bloque hacia el lado izquierdo cuando la pantalla se vuelve más pequeña? .limited-offer-box display: flex flex-direction: row justify-content: space-around flex-wrap: wrap En mi caso, necesito mover el libro "El ladrón de ....
31 jul. 2020 a las 19:53
Gracias de antemano por cualquier ayuda y dirección. Estoy tratando de reordenar los elementos de mi formulario para el tamaño xl. Para dispositivos hasta xl: 1, 2, 3, 4 Para dispositivos xl y posteriores: 1, 2, 4, 3 Los elementos tienen diferentes anchos de columna, pero no creo que esto deba afect....
30 jul. 2020 a las 04:53
Lo que necesito lograr: Mi sitio web consta de varias secciones, y cada sección ocupa una página completa. A medida que el usuario intenta desplazarse hacia abajo, lo que intento lograr es: La página no se mueve en absoluto antes de que el desplazamiento alcance un cierto umbral de velocidad. Se des....
29 jul. 2020 a las 02:16
Así que estoy tratando de hacer que la transición funcione en 0.5s cada vez que coloco el cursor sobre el botón, pero no funciona, ¿alguien tiene alguna idea? Este es mi código : .btn { display: inline-block; background-image: linear-gradient(90deg, #e34067,#f89c4b); padding: 1rem 2rem....
28 jul. 2020 a las 16:23
Estoy un poco confundido con el uso de SASS/SCSS en un proyecto de mecanografía de reacción. Encontré un artículo que decía cómo SASS/SCSS se puede usar en el proyecto de reacción: https://create-react-app.dev/docs/adding-a-sass-stylesheet Aunque parece importar archivos .scss en archivos de compone....
27 jul. 2020 a las 12:58
Uso Bootstrap 4.5 y uso bg-dark en mi plantilla HTML . Me gustaría implementar un interruptor "claro / oscuro". Entonces, Bootstrap tiene una clase bg-light css, pero no estoy seguro de cuál es el enfoque actual de cómo usarlo. Déjame aclarar mi confusión: ¿Se supone que debo reemplazar todas las ap....
25 jul. 2020 a las 02:07
He estado tratando de hackear el ícono de la fuente para que sea todo azul con el ícono blanco, pero esto es lo más cerca que he estado. ¿Sabes lo que necesito agregar / eliminar? Probé bordes transparentes, eliminé el relleno / márgenes, posicioné un tramo absoluto sin suerte. .b-social-me....
20 jul. 2020 a las 19:47
Estoy tratando de flotar una etiqueta, funciona bien. Cuando el usuario se enfoca en la entrada y escribe algo, el texto de la etiqueta está pegado arriba cuando el usuario hace clic en el siguiente campo, el texto de entrada desaparece y el texto de la etiqueta se coloca en la entrada. Necesito ver....
20 jul. 2020 a las 12:43
Hola, quiero que mi foto / imagen de perfil vaya sobre el área del encabezado pero. Como puede ver, se está cortando. Traté de jugar con el código y me acerqué, también hice que la posición fuera absoluta, pero arruina el tamaño flexible 2 (para la sección acerca de mí). Entonces, ¿cómo puedo soluc....
12 jul. 2020 a las 11:48
Actualmente estoy desarrollando el pie de página de una página web en HTML / CSS. Este pie de página contendrá muchos elementos (dirección, enlaces, botones, ...) y, por lo tanto, debe responder. En consecuencia, en una versión de escritorio, tenemos todos los elementos de pie de página en una fila ....
11 jul. 2020 a las 15:44
Traté de cambiar el botón de radio del componente por el CSS en mi código, pero no parece funcionar. El comportamiento normal de este componente es tener el botón a la izquierda y la etiqueta a la derecha y quiero invertir este orden. Quiero tener la etiqueta a la izquierda y el botón a la extrema d....
9 jul. 2020 a las 12:10
Hola, esta es la primera vez que uso Sass en un proyecto, así que no estoy seguro de si es porque configuré el código correctamente en sass o si las partículas causan problemas. Logotipo: por alguna razón, puedo cambiar el tamaño del logotipo pero no puedo cambiar el color. Enlaces de menú: no estoy....
9 jul. 2020 a las 08:56
Hola a todos, acabo de agregar sass de todas las formas posibles a mi aplicación por npm install sass por npm install node-sass por yarn add sass-loader incluso por sudo npm install --save-dev --unsafe-perm node-sass todos estos comandos por yarn también y mi la aplicación me dice que agregue sass:....
5 jul. 2020 a las 11:21
Tengo un proyecto SCSS y necesito usar la propiedad de imagen de fondo en un div, pero no encuentra la imagen. (CSS está correctamente vinculado). Este es mi código SCSS: .coffee-icon { background-image: url('./../img/coffee.png') no-repeat; width: 400px; height: 400px; background-si....
3 jul. 2020 a las 18:38
+-------------------+ | Top (dynamic) | +-------------------+ | | | | | Main content | | | | | | | | | +-------------------+ Mi encabezado es un elemento con altura variable, que v....
1 jul. 2020 a las 06:05
Este es mi código actual: <div class="col-md-3"> <div class="date"> <p class="date-top">23/4/5/66</p> <p class="dote-bottom">23/4/5/66</p> </div> <div class="text"> <p>hello</p> <p>hello</p> <p>hello</p....
29 jun. 2020 a las 17:25
¿Es posible cargar la propiedad de la clase desde un archivo scss diferente? Este archivo scss lateral se importa al archivo scss principal. Todas las propiedades son heredadas, pero los márgenes, rellenos, estilos de fuente no. El navegador no está dispuesto a cargar estas propiedades. ¿Hay alguna ....
27 jun. 2020 a las 20:09
Creé el componente y lo estilicé (usando sass): const WidgetCard = (props) => { return ( <div className={style["widget-card"]}> {props.children} </div> ) } Ahora estoy usando este componente en mi widget: const TasksWidget = () => { return ( <WidgetCard> <p>SOME AWESOM....
27 jun. 2020 a las 17:04
Entonces tengo un contenedor cuadrado de 300x300 y una imagen <img src="" /> dentro. Lo que quiero es que la imagen cubra todo el contenedor, pero mantenga su relación ancho / alto. Si el ancho de la imagen es menor que su altura (vertical), debe tener un ancho del 100% y una parte de la altura que ....
26 jun. 2020 a las 18:53