Nin is a theme for twister-html
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

61 lines
1.1 KiB

//these are the main variables used in the sass file
9 years ago
// G R I D
9 years ago
$grid_width : 50% // grid width %
9 years ago
$grid_max_width : 100% // max width
$grid_cols : 12 // cols number
$grid_gut : 2.5% // gut width %
$grid_col : ($grid_width - ($grid_gut * ($grid_cols - 1))) / $grid_cols
$class-col : col !default
.col
float: left
margin: 0 $grid_gut 0 0
+box-sizing(border-box)
@extend .clear-fix
&.last
margin-right: 0
@for $i from 1 through $grid_cols
$j: $i - 1
.#{$class-col}-#{$i}
width: ($i * $grid_col) + ($j * $grid_gut)
9 years ago
// vars used for the website
$site-width : $grid_max_width
$gut-width : $grid_gut
9 years ago
$space : 1rem
// colors
9 years ago
$light-grey: #C3C3C3
$color-green: #A1B775
$color-red: #EF5D43
9 years ago
$color-blue: #39434F
9 years ago
$dark-grey : #444
9 years ago
$main-color-light: #aaa
9 years ago
$main-color-dark: #222
$main-color-color: $color-green
$main-background-color: #EBEBEB
$bloc-light-color : #FDFCFA
$bloc-background-color: #EBEBEB
$defaut-font-color: $dark-grey
$global-font-size : 14px
9 years ago
$main-font-size : 1rem
$main-line-height : 1.4rem
/* FONTS */
$main-font-family: "Roboto", sans-serif
$symbol-font-family: "fontello"
9 years ago
$serif-font-family: "Droid", serif