|
|
|
|
//these are the main variables used in the sass file
|
|
|
|
|
|
|
|
|
|
$site-width : 1200px
|
|
|
|
|
$gut : 18px
|
|
|
|
|
$postboardWidth : 670px
|
|
|
|
|
|
|
|
|
|
$miniProfileWidth : $site-width/8
|
|
|
|
|
$leftWidth : $miniProfileWidth + $gut
|
|
|
|
|
$rightWidth : $site-width - ($leftWidth + $postboardWidth)
|
|
|
|
|
|
|
|
|
|
$postboardLargeWidth : $postboardWidth + $rightWidth
|
|
|
|
|
|
|
|
|
|
$micro-usr-img : 36px
|
|
|
|
|
$mini-usr-img : 48px
|
|
|
|
|
$usr-img : 64px
|
|
|
|
|
|
|
|
|
|
$space : 1rem
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// colors
|
|
|
|
|
$light-grey: #C3C3C3
|
|
|
|
|
$color-green: #A1B775
|
|
|
|
|
$color-red: #EF5D43
|
|
|
|
|
$color-blue: #39434F
|
|
|
|
|
$dark-grey : #3E3C42
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$main-color-light: #000
|
|
|
|
|
$main-color-dark: #222
|
|
|
|
|
$main-color-color: $color-green
|
|
|
|
|
$main-background-color: #eee
|
|
|
|
|
$bloc-light-color: #FDFCFA
|
|
|
|
|
$bloc-background-color: #F3F2F0
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$defaut-font-color: $dark-grey
|
|
|
|
|
|
|
|
|
|
$global-font-size : 15px
|
|
|
|
|
$main-font-size : 1rem
|
|
|
|
|
$main-line-height : 1.3rem
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* FONTS */
|
|
|
|
|
|
|
|
|
|
$main-font-family: "Roboto", sans-serif, "Symbola"
|
|
|
|
|
$symbol-font-family: "Ionicons"
|
|
|
|
|
$serif-font-family: "Droid", serif
|
