Style Guide for Site Administrator

This document is visible to authenticated users only.


/*
----------------
Helper classes
----------------
*/
.no-padding-right {
  padding-right: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-both {
  padding-left: 0;
  padding-right: 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.font-small {
  font-size: 12px;
}
.font-bold {
  font-weight: bold;
}
.kirby-gold {
  color: #ba9765;
}

 

Header font size reference: 

$font-size-h1:            floor(($font-size-base * 3.75)) !default; // ~60px
$font-size-h2:            floor(($font-size-base * 2.81)) !default; // ~45px
$font-size-h3:            ceil(($font-size-base * 1.87)) !default; // ~30px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~20px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.875)) !default; // ~14px

 

How to use?

If you want to display h3 with Kirby Gold colour and sommet font in body field, use the following html code.

This is a title

Examples:

H2 Sommet Gold

H3 Sommet

H4 Arial Gold

H5 Sommet
H6 Arial