A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Variables

31/42
Recursos

En las variables almacenamos datos que se puede reutilizar en todas nuestras hojas de estilos. As铆 evitamos tener que escribir lo mismo una y otra vez cuando se realiza alg煤n cambio, ya que s贸lo vamos a modificar el valor de la variable y se aplicar谩 a todos los lugares donde sea usada.

Com煤nmente almacenamos en variables las gu铆as de estilo de nuestro sitio, como pueden ser los colores y fuentes.

Aportes 31

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

En stylus no es necesario agregar los 鈥:鈥 para definir la propiedad鈥 Fantastico!

No s茅 uds, pero a mi me gustan los ; y {} todo est谩 m谩s organizado. No s茅.

Yo sigo con los puntos y comas 馃槀馃槀 pero esta genial stylus

No s茅 si sea bueno el dejar esa costumbre de usar los 鈥;鈥, 鈥:鈥 y 鈥渰}鈥, digo cada proyecto es diferente y si los requieren se va a complicar el desacostumbrase de nuevo鈥 no s茅 si la practicidad de stylus lo valga, solo digo

Variables en Stylus

La principal diferencia de las variables en Stylus con los otros preprocesadores que hemos visto hasta ahora es que en Stylus, las variables se declaran de la manera mas sencilla posible, osea鈥 pelonamente, sin un $ o un -var. Eso es realmente super cool.

yo uso python en el backend principalmente y ver stylus me parece fabuloso, la sint谩xis limpia siempre va a mejorar la lectura

Declaramos variables asi

Fuente1='Lato', sans-serif
Fuente2= 'Oswald', sans-serif
color-primario= #333333
color-secundario= #8841DA
color-claro=#FFFFFF```

Stylus parece ser muy bueno, me resulta muy ligero y f谩cil de escribir css, adem谩s el hecho de evitar escribir @, $, ; etc me hace sentir que avanzo mucho m谩s r谩pido鈥 sin embargo no s茅 si quiero olvidarme de utilizar las comas y punto y comas y s铆mbolos raros jaja, ser谩 una decisi贸n dif铆cil鈥

Este es un reto para no usar los punto y coma. Los uso hasta en JS, pero en Stylus no se deben llevar.

Este Preprocesador de CSS esta muy bueno, creo que sera de mis favoritos junto con SASS, aunque mi primera eleccion es SASS.

Viendo esto en Octubre 2020, tambi茅n se pueden quitar los dos puntos!!

Variables

Fuente1 = 'Lato', sans-serif
Fuente2 = 'Oswald', sans-serif
color-primario = #333333
color-secundario = #8841da
color-claro = #FFFFFF

Codigo clase

.encabezado--con-filtros 
	display: flex
	width 90%
	margin 0 auto
	padding: 30px 0
	h2
		margin-top: 10px
		text-transform: uppercase
		font-weight: 500
		font-size: 50px
		font-family: Fuente2
	.filtros
		width: 250px;
		height: 75px
		padding: 20px
		margin-left: auto
		span 
			text-transform: uppercase
			font-family: Fuente2 
		a
			margin-left: 20px
			font-size: 25px

Acostumbrarme a no usar llaves ni puntos con comas al final no me cost贸 tanto.

Fuente1 = "Lato", san-serif
Fuente2 = "Oswald", san-serif
color-primario = #333333
color-secundario = #8841da
color-claro = #fff```

estupendo, sigamos 馃槃

JAJAJAJ, no lo soporto!
no puedo aguantar la sintax铆s de este lenguaje, estoy enamorado de la sintax铆s de JS y CSS.

menos mal nadie quiere a Stylus

Buenas pr谩cticas en Prepos

No se declara la variable en base a un nombre en particular, solo se crea con nombres no relacionados con la propiedad.

驴c贸mo llamo la variable?
en el lugar donde se requiere la llamas as铆

Variableeeeeeee

Hasta ahora sin problemas, siempre me olvidaba de los punto y coma cuando escrib铆a en css que para mi era un gran dolor de cabeza.

Ya me enamor茅 de Stylus!

Yo sigo con el punto y los corchetes 馃槃 es algo que ya tengo guarado desde hace mucho tiempo

馃煡NO ES NECESARIO馃煡
No es necesario usar los dos puntos despues de la colocar la propiedad CSS

Podemos trabajar sin usarlos.

.encabezado--con-filtros
	display flex
	justify-content center

Brutal

La sintaxis de stylus es muy diferente a las dem谩s y esta no utiliza los famosos corchetes.

d

El no tener las llaves lo hace mas lindo digamos a la vista鈥 Pero cuando tiene que corregir un codigo css , que fue creado con css puro sin preprocesadores,
tienes la costumbre de no usar punto y coma.

Muy bien! 馃槃 vamos super!

entiendo por que se usa Sass es lo mas parecido a js

Opinion personal:
No tener que andar con el ; ni el : es la leche

hace mas agil la escritura de codigo el no tener que poner tantos signos y caracteres especiales

La manera de declarar variables en Stylus es bastante simple y agradable