Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
159 lines (130 sloc) 11.7 KB
// Variables
// --------------------------------------------------
// Config
// -------------------------
// set to false to make responsive
// mixin give only xs- versions of
// responsive classes
$generate-responsive-classes: true !default;
// Controls whether or not we use font sizing.
// See the font-smoothing mixin in _mixins.scss
$font-smoothing: true !default;
// Fonts
// -------------------------
$sans: "Proxima Nova", Helvetica, Arial, sans-serif !default;
$slab: "Caponi-Slab-Semibold", "Proxima Nova", Helvetica, Arial, sans-serif !default;
// Borders
// -------------------------
$border: 1px solid rgba(0, 0, 0, .2) !default;
$border-lighter: 1px solid rgba(0, 0, 0, .1) !default;
$border-radius: 3px !default;
// Spacing
// -------------------------
$space-05: .25rem !default; // 4px
$space-1: .5rem !default; // 8px
$space-2: 1rem !default; // 16px
$space-3: 1.5rem !default; // 24px
$space-4: 2rem !default; // 32px
$space-5: 3rem !default; // 48px
$space-6: 4.5rem !default; // 72px
// Z-index
// -------------------------
$z1: 100 !default;
$z2: 200 !default;
$z3: 300 !default;
$z4: 400 !default;
// Colors
// -------------------------
// Fills
$fill-red: #e32 !default;
$fill-red-lighter: #feebe9 !default;
$fill-pink: #e40c78 !default;
$fill-blue: #0f65ef !default;
$fill-purple: #6645dd !default;
$fill-yellow: #ffee00 !default;
$fill-yellow-lighter: #fffab6 !default;
$fill-teal: #007c7c !default;
$fill-green: #68af15 !default;
$fill-green-lighter: #e1efd0 !default;
$fill-orange: #f47f16 !default;
$fill-promoted-orange: #bf5608 !default;
$fill-gray-lighter: #f4f4f4 !default;
$fill-gray-light: #d7d7d7 !default;
$fill-gray: #aaa !default;
$fill-gray-darker: #222 !default;
$fill-white: #fff !default;
// Social Fills
$fill-facebook: #1877f2 !default;
$fill-twitter: #55acee !default;
$fill-google: #dd4b39 !default;
$fill-linkedin: #2867b2 !default;
$fill-pinterest: #e60019 !default;
$fill-tumblr: #001935 !default;
$fill-youtube: #FF0000 !default;
$fill-instagram: #000000 !default;
$fill-buzzfeed: $fill-red !default;
$fill-vine: #00b488 !default;
$fill-snapchat: #fffc00 !default;
// Type Colors
$text-white: #fff !default;
$text-gray: #222 !default;
$text-gray-lighter: #666 !default;
$text-gray-lightest: #757575 !default;
$text-red: #e32 !default;
$text-pink: #e40c78 !default;
$text-orange: #f47f16 !default;
$text-promoted-orange: #f7ad19 !default;
$text-purple: #6645dd !default;
$text-green: #68af15 !default;
$text-blue: #0f65ef !default;
// Social Type Colors
$text-facebook: #3b5998 !default;
$text-twitter: #55acee !default;
$text-google: #dd4b39 !default;
$text-linkedin: #0077b5 !default;
$text-pinterest: #bd081c !default;
$text-tumblr: #36465d !default;
$text-youtube: #FF0000 !default;
$text-instagram: #000000 !default;
// Interface Colors
$highlight-outline: #7a9ff3;
// Typography Sizes and Weights
// -------------------------
$base-font-size: 16px !default;
$text-1: 1.75rem !default; // 28px
$text-2: 1.375rem !default; // 22px
$text-3: 1.125rem !default; // 18px
$text-4: 1rem !default; // 16px
$text-5: .875rem !default; // 14px
$text-6: .75rem !default; // 12px
$regular: 400 !default;
$bold: 600 !default;
$xbold: 700 !default;
// Line height
// -------------------------
// Using a unitless system for consistency.
$line-height-1: 1.2 !default; // set on h1-h3 and .text-1-.text-3
$line-height-2: 1.3 !default; // set on h4-h6 and .text-4-.text-6
$line-height-3: 1.5 !default; // default line-height set on the body
// Line heights specific to forms, buttons and tags.
$line-height-form: 1.5rem !default;
$line-height-form-small: 1.25rem !default;
// Disabled opacity for buttons, forms, pagination
$opacity-disabled: .3 !default;
// SVG
// -------------------------
// encoding this as utf8 is good!
// but like url encode it first or IE/FF will hate you
// svg icons saved as variables
$down-caret: "%3Csvg%20xmlns%3D%27http%3A//" !default;
$checkmark: "%3Csvg%20width%3D%2710%27%20height%3D%2710%27%20viewBox%3D%270%200%20512%20512%27%20xmlns%3D%27http%3A//" !default;
$solid-logo: "%3Csvg%20width%3D%22100%22%20height%3D%2234%22%20viewBox%3D%220%200%20100%2034%22%20xmlns%3D%22http%3A//" !default;
$close-icon: "%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//" !default;
$close-icon--thick: "%3Csvg%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A//" !default;
$close-icon--light: "%3Csvg%20width%3D%22450%22%20height%3D%22450%22%20viewBox%3D%220%200%20450%20450%22%20xmlns%3D%22http%3A//" !default;
// @TODO Remove in 3.0
$exclamation-circle: "%3Csvg%20width%3D%22488%22%20height%3D%22488%22%20viewBox%3D%220%200%20488%20488%22%20xmlns%3D%22http%3A//" !default;
You can’t perform that action at this time.