7.0 Environment

Add several top-level classes, that can change the color of all the env element below. This might be extremely useful when you have a dominant color for an application, or a composant. You can change it seemlessly by changing the top level env-<*> class. See (the env page on the wiki) by simply using the .btn-env class for additional informations.

• .env-pool

  all the <*>-env element below are now of pool color.

  Environment primary button Environment secondary button Environment tertiary button
  

  Environment text

  Environment background

  Environment border

  Environment label

  • List with
  • Environment color
• .env-gold

  all the <*>-env element below are now of gold color.

  Environment primary button Environment secondary button Environment tertiary button
  

  Environment text

  Environment background

  Environment border

  Environment label

  • List with
  • Environment color

<div class="{$modifiers}">
		<button class="btn btn-primary btn-env"> Environment primary button </button>
		<button class="btn btn-env"> Environment secondary button </button>
		<button class="btn btn-tertiary btn-env"> Environment tertiary button </button> </br>
		<p class="text-env"> Environment text </p>
		<p class="bg-env"> Environment background</p>
		<p class="border-env"> Environment border</p>
		<span class="label-env"> Environment label</span>
		<ul class="ev-list ev-list-activable">
			<li class="active"> List with </li>
			<li> Environment color </li>
		</ul>
</div>

 <h1> Title h1 </h1>
 <h2> Title h2 </h2>
 <h3> Title h3 </h3>
 <h4> Title h4 </h4>
 <h5> Title h5 </h5>
 <h6> Title h6 </h6>