1

Tengo el siguiente código que estoy desarrollando en Dreamweaver, he hecho la instalación de SASS en la terminal de mi Mac, no de Ruby ya que viene de serie en los Mac y aún así la variable $green no funciona de ninguna manera...Gracias.

$green:rgba(254,185,54,1.00);
body{margin:none; overflow:hidden;; background: rgba(239,234,150,0.80); }
.square0{position:absolute; left:0%; width:50px;height:50px; bottom:0px;z-index:2000; border:1px solid black; background-color: $green;}
<div class="square0"></div>

2
  • El código Sass es correcto y compila de la manera que se espera. En todo caso, lo que está mal es tu instalación del Sass o la forma en la que lo estás llamando. Asegúrate que la instalación es correcta y edita tu pregunta agregando información de como ejecutas la compilación
    – toledano
    el 2 jun. 2016 a las 23:58
  • Verifica la estructura de tu projecto thesassway.com/beginner/how-to-structure-a-sass-project
    – Johan
    el 10 jun. 2016 a las 5:20

2 respuestas 2

1

Después de $green coloca = y no :

$green = rgba(254, 185, 54, 1);
body {
margin: none;
overflow: hidden;
background: rgba(239, 234, 150, .8);
}
.square0 {
position: absolute;
left: 0%;
width: 50px;
height: 50px;
bottom: 0px;
z-index: 2000;
border: 1px solid black;
background-color: $green;
}
<div class="square0"></div>

10
  • ¿cómo debería ser?
    – Ivan Soler
    el 2 jun. 2016 a las 23:37
  • Usar = en vez de : el 2 jun. 2016 a las 23:38
  • Gracias no había notado el matiz. Aún así no funciona, creo que puede ser por este mensaje que aparece en el visualizador de fallos de Koala: Individual stylesheets must be in sass directory pero no sé a qué se refiere
    – Ivan Soler
    el 2 jun. 2016 a las 23:40
  • De nada, también observa que en el overflow pusiste doble punto y coma. el 2 jun. 2016 a las 23:42
  • Perdona, puede ser el error lo del sass directory?
    – Ivan Soler
    el 2 jun. 2016 a las 23:44
0

Tu codigo está bien, puedes pegarlo aquí para comprobar que compila correctamente: http://www.sassmeister.com/

En los comentarios dices que te da un error el Koala. Mira a ver si estás usando compass para compilar, si es así o lo quitas o tienes que estar en el directorio que tiene el archivo config.rb

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.