46 lines
1.8 KiB
CSS
46 lines
1.8 KiB
CSS
/* Config file : variables, mixins, ... */
|
|
|
|
:root {
|
|
|
|
/* font sizes */
|
|
--base-font-size : 14; /* if "14" then 1em = 14px */
|
|
--line-height : 1.5; /* equiv line-height 1.5 */
|
|
--h1-size : 3.2rem; /* equiv "32px" */
|
|
--h2-size : 2.8rem; /* equiv "28px" */
|
|
--h3-size : 2.4rem; /* equiv "24px" */
|
|
--h4-size : 2.0rem; /* equiv "20px" */
|
|
--h5-size : 1.8rem; /* equiv "18px" */
|
|
--h6-size : 1.6rem; /* equiv "16px" */
|
|
|
|
/* font stacks */
|
|
--font-stack-common : Helvetica, Arial, sans-serif;
|
|
--font-stack-monospace : Consolas, 'DejaVu Sans Mono', Courier, monospace;
|
|
--font-stack-universal : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
|
|
|
|
/* font colors */
|
|
--base-color : #000; /* text color on body */
|
|
--base-color-link : #333; /* primary links color */
|
|
--base-color-link-hover : #000; /* primary hovered/focused links color */
|
|
|
|
/* backgrounds */
|
|
--base-background : #fff; /* body background color */
|
|
|
|
/* spacings */
|
|
--tiny-value : 0.5em; /* tiny value for margins / paddings */
|
|
--small-value : 1em; /* small value for margins / paddings */
|
|
--medium-value : 2em; /* medium value for margins / paddings */
|
|
--large-value : 4em; /* large value for margins / paddings */
|
|
--extra-large-value : 6em; /* extra large value for margins / paddings */
|
|
--ultra-large-value : 10em; /* ultra large value for margins / paddings */
|
|
|
|
/* breakpoints */
|
|
--tiny-screen : 320px; /* tiny screens media query */
|
|
--small-screen : 480px; /* small screens media query */
|
|
--medium-screen : 768px; /* small screens media query */
|
|
--large-screen : 1024px; /* large screens media query */
|
|
--extra-large-screen : 1280px; /* extra large screens media query */
|
|
--ultra-large-screen : 1600px; /* ultra large screens media query */
|
|
|
|
/* misc */
|
|
--gutter : 20px; /* gutter value (%, px, em, rem) for grid layouts */
|
|
} |