responsivewebframework
Version:
Jalasoft Foundation Front End Framework ========================================
96 lines (78 loc) • 2.42 kB
text/less
//
// Variables
// --------------------------------------------------
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
@color-base: #000000;
@gray-darker: lighten(@color-base, 46%); //#757575 --rgb(117,117,117)
@gray-dark: lighten(@color-base, 47%); //#787878 -- rgb(120,120,120)
@gray: lighten(@color-base, 59%); //#969696 -- rgb(150,150,150)
//== Body
//
//## Settings for some of the most global styles.
//** Font size base
@font-size-base: 16px;
//** letter space
@letter-space-longest: -2px;
@letter-space-longer: -1px;
@letter-space-long: -0.75px;
@letter-space-normal: 0px;
@letter-space-small: 0.14px;
@letter-space-smaller: 0.24px;
//** Variables for textTransformation
@text-uppercase: uppercase;
@text-lowercase: lowercase;
@text-capitalize: capitalize;
//** Background color for <body>.
@body-bg: #ffffff;
//** Global text color on <body>.
@text-color: rgb(77, 77, 77);
//** Line height for <body>.
@body-line-height: 21.3 px;
//** Letter space for <body>.
@letter-space-body: 0;
//** Font size for <body>.
@font-size-body: @font-size-base;
//** Global textual link color.
@link-color: rgb(50, 135, 255);
//** Link decoration.
@link-decoration: none;
//** Link hover decoration.
@link-hover-decoration: underline;
//== Heading
//
//## Setting font size, color for headings h1, h2, h3, h4.
//** h1
@h1-font-size: floor((@font-size-base * 3.15));
@h1-color: @gray-darker;
@h1-letter-space : @letter-space-longest;
@h1-line-height: 53.3px;
//** h2
@h2-font-size: floor((@font-size-base * 2.2));
@h2-color: @gray-darker;
@h2-letter-space : @letter-space-longer;
@h2-line-height: 42.6px;
//** h3
@h3-font-size: floor((@font-size-base * 1.6));
@h3-color: @gray-dark;
@h3-letter-space :@letter-space-long;
@h3-line-height: 32px;
//** h4
@h4-font-size: floor((@font-size-base * 1.3));
@h4-color: @gray-dark;
@h4-letter-space :@letter-space-normal;
@h4-line-height: 26.6px;
//** Menu, Sub menu and caption
@nav-font-size: ceil((@font-size-base * 0.9));
@nav-color: @gray;
@nav-letter-space: @letter-space-normal;
@nav-line-height: @letter-space-body;
@sub-menu-font-size: ceil((@font-size-base * 0.85));
@sub-menu-color: @gray;
@sub-menu-letter-space: @letter-space-small;
@sub-menu-line-height: @letter-space-body;
@caption-font-size: ceil((@font-size-base * 0.7));
@caption-color: @gray;
@caption-letter-space: @letter-space-smaller;
@caption-line-height: @letter-space-body;