[SOLUCIONADO] condicionales para css

[jocryo]

hola a todos

alguien sabe como se pueden hacer condicionales en css? es que quiero que si un div llega a reducir su ancho mas de un numero determinado entonces me active X reglas, investigue algo que se llama @if pero no me funciono, lo tenia asi

Código HTML:

@if ( #page (width <= 590px) ){
	
	#btnmenu {
		height: 32px;
		width: 34px;
		line-height: 32px;
		margin-top: 10px;
		margin-right: -34px;
		float: right;
		border-bottom: 0 none;
		display: inline-block;
		opacity: 0;
	}
}

basicamente lo que quiero hacer es algo asi

Código:

#btnmenu {
	display:none;
}

#page[width <= 590px] #container #lateral #btnmenu{
	height: 32px;
	width: 34px;
	line-height: 32px;
	margin-top: 10px;
	margin-right: -34px;
	float: right;
	border-bottom: 0 none;
	display: inline-block;
	opacity: 0;
}

alguien sabe como lograr lo que necesito? es que a ratos soy muy pero a ratos soy muy jejjejejejje

gracias por su atencion

[jocryo]

buenoo, segui mirando y encontre los @media , lo intente usar y despues de mucho sufrir logre ajustarlo de la siguiente forma

Código HTML:

@media screen and (max-width:700px){
/* reglas css*/
}

ahora tengo el problema de que no logro ajustar la estructura del menu actual pa que se encoja como quiero >.< pero bueno, eso con paciencia se puede XD , el problema que tengo ahora segun lo entiendo, es que necesito que un ul se comporte como mi primer li para que quede con todo el contenido dentro

[pzin]

Los condicionales @if son de SASS, que es un CSS pero con anabolizantes. En cualquier caso, no te valdría tampoco porque SASS no se ejecuta en el navegador por lo que no sabe qué medidas tiene una u otra cosa. No lo sabe ni CSS que sí se ejecuta ahí.

La otra duda no la entiendo. Pero si no tiene nada que ver con este hilo deberías de abrir uno nuevo.

[jocryo]

humm veo pzin, con que por eso no funcionaban xD, bueno, menos mal ya pude hacer eso usando los media queries ( @media )