114 lines
1.8 KiB
SCSS
114 lines
1.8 KiB
SCSS
|
|
||
|
|
|
||
|
|
/* Color */
|
||
|
|
|
||
|
|
$black: #191919;
|
||
|
|
$white: #f2f2f2;
|
||
|
|
$gray-light: #e5e5e5;
|
||
|
|
$gray: #6f6f6e;
|
||
|
|
$gray-dark: #333333;
|
||
|
|
|
||
|
|
|
||
|
|
$blue: #008bd2;
|
||
|
|
$blue-light: #33a2db;
|
||
|
|
$blue-lighter: #99d1ed;
|
||
|
|
$blue-dark: #004669;
|
||
|
|
$blue-darker: #002335;
|
||
|
|
|
||
|
|
$red: #e73230;
|
||
|
|
$red-light: #ff5f5d;
|
||
|
|
$red-lighter: #f5adac;
|
||
|
|
$red-dark: #741918;
|
||
|
|
$red-darker: #3a0c0c;
|
||
|
|
|
||
|
|
$yellow: #e5e133;
|
||
|
|
$yellow-light: #eae75c;
|
||
|
|
$yellow-lighter: #f5f3ad;
|
||
|
|
$yellow-dark: #807d1c;
|
||
|
|
$yellow-darker: #0d2510;
|
||
|
|
|
||
|
|
$green: #349240;
|
||
|
|
$green-light: #85be8c;
|
||
|
|
$green-lighter: #aed3b3;
|
||
|
|
$green-dark: #1a4920;
|
||
|
|
$green-darker: #002335;
|
||
|
|
|
||
|
|
$purple: #6b00d1;
|
||
|
|
$purple-light: #8933da;
|
||
|
|
$purple-lighter: #c499ed;
|
||
|
|
$purple-dark: #360069;
|
||
|
|
$purple-darker: #1b0034;
|
||
|
|
|
||
|
|
|
||
|
|
$tuebingen-red: $red;
|
||
|
|
$link-color: $blue;
|
||
|
|
|
||
|
|
/* Font Properties */
|
||
|
|
$card-font-color: $white;
|
||
|
|
$font-family: "Calibri", sans-serif;
|
||
|
|
|
||
|
|
$tiny-font-size: 8px;
|
||
|
|
$small-font-size: 18px;
|
||
|
|
$regular-font-size: 26px;
|
||
|
|
$large-font-size: 36px;
|
||
|
|
$title-font-size: 52px;
|
||
|
|
|
||
|
|
$strong-font-weight: 700;
|
||
|
|
$medium-font-weight: 500;
|
||
|
|
$light-font-weight: 300;
|
||
|
|
|
||
|
|
/* Spacing */
|
||
|
|
$grid-space: 25px;
|
||
|
|
$default-space: 20px;
|
||
|
|
$article-space: 30px;
|
||
|
|
$border-space: 3* $default-space;
|
||
|
|
|
||
|
|
|
||
|
|
/* Borders */
|
||
|
|
$default-radius: 3px;
|
||
|
|
|
||
|
|
/* Shadows */
|
||
|
|
$near-hover-shadow: 1px 2px 5px rgba(0,0,0,0.5);
|
||
|
|
$medium-hover-shadow: 2px 3px 25px rgba(0,0,0,0.3);
|
||
|
|
|
||
|
|
/*
|
||
|
|
$context: "../../../../../..";
|
||
|
|
$white: #FEFEFE;
|
||
|
|
$shady-white: rgb(240, 240, 240);
|
||
|
|
$gray: #CCC;
|
||
|
|
$dark: #333;
|
||
|
|
$black: #222;
|
||
|
|
|
||
|
|
$small-edge-radius: 3px;
|
||
|
|
$big-edge-radius: 10px;
|
||
|
|
|
||
|
|
$small-pad: 16px;
|
||
|
|
$big-pad: 32px;
|
||
|
|
$tuebingen-red: #e73230;
|
||
|
|
|
||
|
|
$increased-letter-spacing: 0.1em;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$font-color: $black;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$text-font-size: 26px;
|
||
|
|
$medium-font-size: 28px;
|
||
|
|
$large-font-size: 32px;
|
||
|
|
|
||
|
|
$regular-font-size: 1.451rem;
|
||
|
|
|
||
|
|
|
||
|
|
$subtitle-font-size: $medium-font-size;
|
||
|
|
$title-font-size: $subtitle-font-size * 1.641;
|
||
|
|
|
||
|
|
/* Font Weights *//*
|
||
|
|
$strong-font-weight: 700;
|
||
|
|
$medium-font-weight: 500;
|
||
|
|
$light-font-weight: 300;
|
||
|
|
|
||
|
|
*/
|