62 lines
1.5 KiB
Sass
62 lines
1.5 KiB
Sass
|
//**
|
||
|
|
// Susy: Fixed-Elastic-Fluid grids without all the math
|
||
|
|
// By: Eric A. Meyer and OddBird Collective
|
||
|
|
// Site: www.oddbird.net/susy/
|
||
|
|
//**
|
||
|
|
|
||
|
|
// GRID
|
||
|
|
// Set these values as needed for your grid layout.
|
||
|
|
// - defaults are shown.
|
||
|
|
!grid_unit = "em"
|
||
|
|
!total_cols = 12
|
||
|
|
!col_width = 4
|
||
|
|
!gutter_width = 1
|
||
|
|
!side_gutter_width = !gutter_width
|
||
|
|
|
||
|
|
|
||
|
|
// OMEGA_FLOAT
|
||
|
|
// By default, +omega elements are floated right.
|
||
|
|
// You can override that globally here:
|
||
|
|
// !omega_float = "right"
|
||
|
|
|
||
|
|
|
||
|
|
// HACKS
|
||
|
|
// Are you using hacks or conditional comments? Susy makes both possible.
|
||
|
|
// Leave this as 'true' to use hacks, set it as false for conditional comments.
|
||
|
|
// Conditional comments will require overrides for +omega, +inline-block and
|
||
|
|
// several other mixins.
|
||
|
|
// !hacks = true
|
||
|
|
|
||
|
|
|
||
|
|
// FONT-SIZE
|
||
|
|
// Override these values as needed (defaults are shown)
|
||
|
|
// - You set the font and line heights in pixels.
|
||
|
|
// - Susy will do the math and give you !base_font_size and !base_line_height
|
||
|
|
// variables, set flexibly against the common browser default of 16px
|
||
|
|
!base_font_size_px = 16
|
||
|
|
!base_line_height_px = 24
|
||
|
|
|
||
|
|
|
||
|
|
// SUSY
|
||
|
|
// Don't move this @import above the GRID and FONT-SIZE overrides.
|
||
|
|
@import susy/susy.sass
|
||
|
|
|
||
|
|
|
||
|
|
// COLORS
|
||
|
|
// Set any colors you will need later.
|
||
|
|
!main = #194C66
|
||
|
|
!alt = #CC6633
|
||
|
|
|
||
|
|
|
||
|
|
// FONTS
|
||
|
|
// Give yourself some font stacks to work with.
|
||
|
|
=sans-family
|
||
|
|
font-family: Helvetica, Arial, sans-serif
|
||
|
|
|
||
|
|
=serif-family
|
||
|
|
font-family: Baskerville, Palatino, serif
|
||
|
|
|
||
|
|
|
||
|
|
// OTHER MIXINS
|
||
|
|
// Mixins set here will be available in defaults, screen, print and IE
|
||
|
|
// Or anywhere you import either base.sass or defaults.sass
|