iwmlib/lib/card/test/example/_theme/sass/_variables.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;
*/