Back

CSS Cheat Sheet

Here's some quick reference Less / CSS classes & style definitions.

Bootstrap Mixins

Here's some Mixins that are exposed through the Bootstrap Less files.

Gradients

Here are some example that render a background gradient


Vertical

To render a vertical gradient Background :

Exmaple output p-r

.v-gradient {

  #gradient.vertical(  
    fadeout( darken( @brand-primary, 5% ), 75%); 
    fadeout( darken( @brand-primary, 5% ), 35%); 
    0%; 
    100%
  );

}

Horizontal

To render a horizontal gradient Background :

Exmaple output p-r

.h-gradient {

  #gradient.horizontal(  
    fadeout( darken( @brand-primary, 5% ), 75%); 
    fadeout( darken( @brand-primary, 5% ), 35%); 
    0%; 
    100%
  );

}

Params :

  1. Start Colour
  2. End Colour
  3. Start Position
  4. End Position