1//----------------------------------------------------------------------- 2// Colors 3//----------------------------------------------------------------------- 4 5// text 6$text: rgb(119, 119, 119); 7$lighter-text: rgb(153, 153, 153); 8$headline-color: rgb(0, 0, 0); 9$monospace-font-color: rgb(0, 136, 0); // green 10 11 12// links 13$link-color: #39c; 14$link-hover-color: #39f; 15$footer-link-color: #999; 16$menu-link: #fff; 17 18// colors 19$gray-light: rgb(245, 245, 245); 20$gray-light-dark: rgb(190, 190, 190); 21$gray-medium: rgb(170, 170, 170); 22$gray-dark: rgb(130, 130, 130); 23$black: rgb(0, 0, 0); 24$white: rgb(255, 255, 255); 25 26//else 27$line-color: rgb(219, 219, 219); 28 29 30//----------------------------------------------------------------------- 31// Typography sizing 32//----------------------------------------------------------------------- 33 34$base-font-size: 16px; // setting to 16px so that 1em = 16px, and can be used easily in math for layout (instead of 13) 35$base-line-height: 24px; 36@include establish-baseline; 37 38$body-font-size: 0.8125 * $base-font-size; // 13px, default text size for all text 39 40$h1-font-size: 2.625 * $base-font-size; // 42px 41$h2-font-size: 1.875 * $base-font-size; // 30px 42$h3-font-size: 1.125 * $base-font-size; // 18px 43$h4-font-size: 1.1 * $base-font-size; 44$h5-font-size: 1 * $base-font-size; 45$h6-font-size: 1 * $base-font-size; 46 47$small-label-size: 0.7 * $base-font-size; 48$monospace-font-size: 0.875 * $base-font-size; // 13px 49 50// The amount lists, blockquotes and comments are indented. 51$indent-amount: 0.8em; 52 53 54//----------------------------------------------------------------------- 55// Fonts 56//----------------------------------------------------------------------- 57 58// Let's define some font stacks 59 60$opensans: "Open Sans", Arial, "Lucida Grande", sans-serif; 61$sourcecode: 'Source Code Pro', sans-serif; 62$georgia: Georgia, "Times New Roman", "DejaVu Serif", serif; 63$helvetica: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 64$courier: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; 65 66// Now let's create variables for fonts in use 67$base-font: $opensans; 68$body-font: $opensans; 69$alt-font: $opensans; 70$accent-font: $opensans; 71$monospace-font: $courier; 72$headline-font: $opensans; 73 74 75//----------------------------------------------------------------------- 76// Layout 77//----------------------------------------------------------------------- 78 79$break-small: 580px; 80$break-large: 990px; 81 82// Navigational 83$site-max-width: 870px; 84//$site-sides-padding: 0 25px; 85$top-nav-height: 64px; 86$main-content-top-margin: 40px; 87 88$default-padding: 20px; 89 90 91//----------------------------------------------------------------------- 92// Shiny Things 93//----------------------------------------------------------------------- 94 95$default-border: 1px solid $line-color; 96 97 98