Tema: uso de variables
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 10/06/2012, 09:51
Avatar de cristian_cena
cristian_cena
Colaborador
  
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 11 meses
Puntos: 269
Respuesta: uso de variables
Cita:
Iniciado por oscartt67 Ver Mensaje
Pero en http://www.forosdelweb.com/f53/uso-v...n-less-939245/ me ha parecido ver que se podia implementar desde js. Es asi? Voy a investigar por ahí...
Piensas bien, no hace falta que instales nada en el servidor, ejemplo del sitio de less:
Crea tres archivos:
  • index.html
  • styles.less
  • less.js <--- esta es la librería
Código HTML: 
Ver original
  1. <!-- index.html -->
  2. <!DOCTYPE HTML>
  3. <html lang="en-US">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <title>hola</title>
  7.         <link rel="stylesheet/less" type="text/css" href="styles.less">
  8.         <script src="less.js" type="text/javascript"></script>
  9.     </head>
  10.     <body>
  11.         <div class="box">hola
  12.             <div>mundo</div>
  13.         </div>
  14.     </body>
  15. </html>
Código CSS: 
Ver original
  1. /*style.less*/
  2. @base: #f938ab;
  3. .box-shadow(@style, @c) when (iscolor(@c)) {
  4.   box-shadow:         @style @c;
  5.   -webkit-box-shadow: @style @c;
  6.   -moz-box-shadow:    @style @c;
  7. }
  8. .box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  9.   .box-shadow(@style, rgba(0, 0, 0, @alpha));
  10. }
  11. .box { 
  12.   color: saturate(@base, 5%);
  13.   border-color: lighten(@base, 30%);
  14.   div { .box-shadow(0 0 5px, 30%) }
  15. }
Cita:
Iniciado por oscartt67 Ver Mensaje
....y aunque el saber no ocupa lugar, tiempo si ocupa, y de eso, ahora mismo, voy justo.
Es cierto, en ningún momento intenté decir que el tiempo es algo que te sobre, me disculpo si sonó de esa manera.
La cuestión es que cualquiera de los dos caminos te llevará tiempo, realmente he encontrado mas documentación sobre less, sass y stylus que gente haciendo cosas con el borrador de la w3c, además de que ya sabemos el dolor de cabeza que nos da la compatibilidad con IE, de ahí mi humilde opinión/sugerencia.
Cita:
Iniciado por oscartt67 Ver Mensaje
Es decir, dependo de la voluntad de otros para dichas modificaciones.
Seria triste que se oponga a instalar una herramienta tan poderosa. No hay dudas de que te servirá mucho usarla.
Desconozco si mediante javascript lado cliente se puede hacer una compilación de los archivos .less en tiempo de ejecución, supongo que no. Y esto de cara a la validación w3c es negativo. (repito, ignoro si existe solución, tal vez la haya)
Sass se compila en ruby por lo cual deberías instalar ruby.
No tengo experiencia con stylus, pero la gente que usa nodejs (javascript en el servidor) lo usa mucho. También se puede usar less del lado del servidor, en los links anteriores hay una prueba hecha con php.
Cita:
Iniciado por oscartt67 Ver Mensaje
pd:y también $(selector).css , que es como he solucionado mi problema.
Si aquí hay ironía lo siento por tu muestra de ingratitud, el comentario carece de inteligencia como para prestarle interés.

Adios y suerte.