Mediante twitter-bootstrap
Será posible modificar el aspecto de la barra de navegación, mediante la adición de .navbar-inverse.

<div class="navbar navbar-inverse">
  ...
</div>

Lo que estoy tratando de hacer es un simple js módulo para cambiar el tema del sitio web.
Mi script es capaz de agregar una clase al cuerpo selector y, a continuación, todo lo que se hace por los menos de archivo.

$('body').addClass('theme-dark');

Mediante el código js es muy fácil obtener el resultado.

$('.navbar').addClass('navbar-inverse');

Pero mi pregunta es diferente:
será posible sólo mediante la adición de la newTheme clase a cuerpo selector de aplicar la barra de exploración-inversa, el cambio de menos de archivo?
Si sí, ¿cómo debo escribir al menos la regla?

Me gustaría hacer algo como esto:

.theme-dark {
    .navbar {
       //a function which makes
       //the style of navbar-inverse

Requisitos:

Estoy utilizando menos para css, jquery y el carácter de subrayado.

Por qué no simplemente usar un alternate stylesheet?
gracias por tu comentario. ¿A qué te refieres con un alternate stylesheet? me puedes dar un ejemplo? gracias
a mí su sugerencia de utilizar alternate stylesheets parece que no entra en mi propósito. 1) bootstrap ya me dan el estilo acerca de la navbar-inversa… así que ¿por qué debo adjuntar otro archivo css? Tal vez yo no entendía el alternate stylesheets. Gracias a aclarar mí.

OriginalEl autor Lorraine Bernard | 2012-10-15

2 Comentarios

  1. 5

    MENOS ofrece la posibilidad de utilizar previamente definido las clases como mixins en otros contextos. Intente esto:

    .theme-dark {
        .navbar {
            .navbar-inverse;
        }
    }
    +1 gracias. esto es lo que yo estaba buscando.

    OriginalEl autor Liluakip

Dejar respuesta

Please enter your comment!
Please enter your name here