2018-06-05 01:33:38 +02:00
|
|
|
$base-color: white;
|
|
|
|
$primary-color: black;
|
|
|
|
$secondary-color: #9b9b9b;
|
|
|
|
$tertiary-color: #ccccc0;
|
2018-06-09 02:23:11 +02:00
|
|
|
$interactive-color: blue;
|
|
|
|
$success-color: green;
|
|
|
|
$failure-color: red;
|
2018-10-21 21:52:10 +02:00
|
|
|
// $brand-color: #ff725d;
|
|
|
|
$brand-color: #1944F9;
|
|
|
|
$grey: #9095A5;
|
2018-10-22 00:09:02 +02:00
|
|
|
$grey-alt: #DDDFE4;
|
2018-10-25 20:59:08 +02:00
|
|
|
$shadow-color: rgba(169, 173, 186, 0.2);
|
2018-06-05 01:33:38 +02:00
|
|
|
|
|
|
|
$primary-padding: 3em;
|
|
|
|
$secondary-padding: 2em;
|
2018-07-12 01:42:40 +02:00
|
|
|
$tertiary-padding: 1em;
|
2018-06-08 17:50:25 +02:00
|
|
|
$thin-padding: 0.3em;
|
|
|
|
$full-width-thin-padding: calc(100% - 0.6em);
|
2018-06-05 01:33:38 +02:00
|
|
|
|
|
|
|
$background-color: $base-color;
|
|
|
|
$font-color: $primary-color;
|
2018-06-09 02:23:11 +02:00
|
|
|
|
|
|
|
$button-border-width: 1px;
|
|
|
|
$button-border-strength: solid;
|
|
|
|
$button-full-width: calc(100% - 2px);
|
|
|
|
|
|
|
|
$input-padding: 0.3em;
|
|
|
|
$input-full-width: calc(100% - 0.6em);
|
2018-06-11 01:07:15 +02:00
|
|
|
|
|
|
|
$text-xx-large: 2.5em;
|
|
|
|
$text-x-large: xx-large;
|
|
|
|
$text-large: x-large;
|
|
|
|
$text-medium: large;
|
|
|
|
$text-small: medium;
|
|
|
|
$text-x-small: small;
|
|
|
|
|
|
|
|
$break-point-xx-large: 1400px;
|
|
|
|
$break-point-x-large: 1290px;
|
|
|
|
$break-point-large: 1000px;
|
2018-10-22 22:26:19 +02:00
|
|
|
$break-point-tablet: 900px;
|
2018-06-11 01:07:15 +02:00
|
|
|
$break-point-medium: 800px;
|
2018-10-22 22:26:19 +02:00
|
|
|
$break-point-phone: 640px;
|
2018-06-11 01:07:15 +02:00
|
|
|
$break-point-small: 500px;
|
|
|
|
$break-point-x-small: 400px;
|
|
|
|
|