2015-07-26 21:39:11 +02:00
|
|
|
//these are the main variables used in the sass file
|
|
|
|
|
|
2015-07-31 10:58:25 +02:00
|
|
|
$site-width : 1200px
|
2015-08-03 16:20:22 +02:00
|
|
|
$gut : 18px
|
|
|
|
|
$postboardWidth : 670px
|
2015-08-10 05:56:39 +02:00
|
|
|
|
2015-08-01 22:52:31 +02:00
|
|
|
$miniProfileWidth : $site-width/8
|
2015-07-31 10:58:25 +02:00
|
|
|
$leftWidth : $miniProfileWidth + $gut
|
|
|
|
|
$rightWidth : $site-width - ($leftWidth + $postboardWidth)
|
2015-07-26 21:39:11 +02:00
|
|
|
|
2015-08-10 05:56:39 +02:00
|
|
|
$postboardLargeWidth : $postboardWidth + $rightWidth
|
|
|
|
|
|
2015-08-03 16:20:22 +02:00
|
|
|
$micro-usr-img : 36px
|
2015-08-01 22:52:31 +02:00
|
|
|
$mini-usr-img : 48px
|
2015-07-31 10:58:25 +02:00
|
|
|
$usr-img : 64px
|
2015-07-27 12:15:24 +02:00
|
|
|
|
|
|
|
|
$space : 1rem
|
2015-07-31 10:58:25 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2015-08-10 05:56:39 +02:00
|
|
|
// colors
|
2015-07-27 14:53:52 +02:00
|
|
|
$light-grey: #C3C3C3
|
2015-07-28 10:40:52 +02:00
|
|
|
$color-green: #A1B775
|
2015-07-26 21:39:11 +02:00
|
|
|
$color-red: #EF5D43
|
2015-07-27 14:53:52 +02:00
|
|
|
$color-blue: #39434F
|
2015-08-01 22:52:31 +02:00
|
|
|
$dark-grey : #3E3C42
|
2015-07-26 21:39:11 +02:00
|
|
|
|
2015-07-27 14:53:52 +02:00
|
|
|
|
2015-08-01 22:52:31 +02:00
|
|
|
$main-color-light: #000
|
2015-07-27 14:53:52 +02:00
|
|
|
$main-color-dark: #222
|
2015-07-26 21:39:11 +02:00
|
|
|
$main-color-color: $color-green
|
2015-08-01 22:52:31 +02:00
|
|
|
$main-background-color: #eee
|
2015-07-28 10:40:52 +02:00
|
|
|
$bloc-light-color : #FDFCFA
|
2015-08-01 22:52:31 +02:00
|
|
|
$bloc-background-color: #F3F2F0
|
|
|
|
|
|
|
|
|
|
|
2015-07-26 21:39:11 +02:00
|
|
|
|
|
|
|
|
$defaut-font-color: $dark-grey
|
|
|
|
|
|
2015-08-01 22:52:31 +02:00
|
|
|
$global-font-size : 15px
|
2015-07-27 12:15:24 +02:00
|
|
|
$main-font-size : 1rem
|
2015-08-01 22:52:31 +02:00
|
|
|
$main-line-height : 1.3rem
|
2015-07-27 12:15:24 +02:00
|
|
|
|
2015-07-26 21:39:11 +02:00
|
|
|
|
|
|
|
|
/* FONTS */
|
|
|
|
|
|
2016-01-28 16:46:49 +01:00
|
|
|
$main-font-family: "Roboto", sans-serif, "Symbola"
|
2015-08-01 22:52:31 +02:00
|
|
|
$symbol-font-family: "Ionicons"
|
2015-07-27 12:15:24 +02:00
|
|
|
$serif-font-family: "Droid", serif
|
2015-07-29 03:28:09 +02:00
|
|
|
|
