@charset "UTF-8"; @import "edge/base"; // Settings file to override Edge variables // To override, uncomment the variable and set the new value // The first thing to change is Font-family and Main color of your site // ------- // FONT // ------- // $header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif"; // $body-font-family : "Helvetica", Helvetica, Arial, "sans-serif"; // $code-font-family : "Consolas", Courier, "monospace"; // ---------- // COLOR // ---------- // Two main colors of your site // $main-color : #0173BC; // $sub-color : #E9E9E9; // --------------- // OUTPUT CONFIG // --------------- // $full : true; // Output full CSS styling. If false, only gives barebone CSS // $debug : false; // No effect currently, will be used for outputting debug comment // $include-normalize : true; // $include-grid : true; // $include-block-grid : true; // $include-visibility : true; // $include-button : true; // $include-form : true; // $include-typography : true; // $include-print : true; // ------ // BODY // ------ // $body-bg : #fff; // $body-font-color : #222; // $body-font-weight : normal; // $body-font-style : normal; // $body-line-height : 1; // $base-font-size : 100%; // 100% is normally 16px // $content-width : 1140px; // Maximum width of the grid // -------------- // COLOR PALETTE // -------------- // These colors below should NEVER be used directly // set to another variable like $header-color: $blue-color; // $passive-color : #E9E9E9; // $blue-color : #0173BC; // $yellow-color : #DBA924; // $red-color : #DA2E18; // $green-color : #2CAE34; // --------------- // GLOBAL VALUE // --------------- // $g-radius : 5px; // $g-round : 1000px; // $g-transition : all 0.2s ease-out; // $em-base : 16px; // Base size for px -> em conversion // ------------------- // MEDIA QUERIES // ------------------- // $phone-screen : 480px; // $small-screen : 767px; // Right below iPad // $medium-screen : 1140px; // $large-screen : 1440px; // $retina-screen : 192dpi; // ------------------ // TEXT DIRECTION // ------------------ // $text-direction : ltr; // Controls default global text direction, 'rtl' or 'ltr' // --------------- // Typography // --------------- // $h1-font-size: em(44px); // $h2-font-size: em(36px); // $h3-font-size: em(28px); // $h4-font-size: em(22px); // $h5-font-size: em(18px); // $h6-font-size: 1em; // $header-font-weight: 700; // $p-margin-bottom: em(30px); // -------- // GRID // -------- // $column-distance : 30px; // $row-max-width : $content-width; // $total-columns : 12; // ------------ // BLOCK-GRID // ------------ // $block-distance : em(15px); // $max-blocks : 12; // ---------- // BUTTON // ---------- // $button-padding : em(10px 20px);