|
|
|
|
$primary: #4661A9;
|
|
|
|
|
$secondary: #60AB60;
|
|
|
|
|
$warning: #FFC434;
|
|
|
|
|
$danger: #E15647;
|
|
|
|
|
$font: 'Source Sans Pro', sans-serif !important;
|
|
|
|
|
|
|
|
|
|
// Open color
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
// ๐ ๐ข ๐ ๐ข ๐ฅ
|
|
|
|
|
// v 1.6.3
|
|
|
|
|
//
|
|
|
|
|
// โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// General
|
|
|
|
|
// โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
|
|
|
|
|
|
|
|
|
|
$oc-white: #ffffff;
|
|
|
|
|
$oc-black: #000000;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Gray
|
|
|
|
|
// โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
|
|
|
|
|
|
|
|
|
|
$oc-gray-list: (
|
|
|
|
|
"0": #f8f9fa,
|
|
|
|
|
"1": #f1f3f5,
|
|
|
|
|
"2": #e9ecef,
|
|
|
|
|
"3": #dee2e6,
|
|
|
|
|
"4": #ced4da,
|
|
|
|
|
"5": #adb5bd,
|
|
|
|
|
"6": #868e96,
|
|
|
|
|
"7": #495057,
|
|
|
|
|
"8": #343a40,
|
|
|
|
|
"9": #212529
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
$oc-gray-0: map-get($oc-gray-list, "0");
|
|
|
|
|
$oc-gray-1: map-get($oc-gray-list, "1");
|
|
|
|
|
$oc-gray-2: map-get($oc-gray-list, "2");
|
|
|
|
|
$oc-gray-3: map-get($oc-gray-list, "3");
|
|
|
|
|
$oc-gray-4: map-get($oc-gray-list, "4");
|
|
|
|
|
$oc-gray-5: map-get($oc-gray-list, "5");
|
|
|
|
|
$oc-gray-6: map-get($oc-gray-list, "6");
|
|
|
|
|
$oc-gray-7: map-get($oc-gray-list, "7");
|
|
|
|
|
$oc-gray-8: map-get($oc-gray-list, "8");
|
|
|
|
|
$oc-gray-9: map-get($oc-gray-list, "9");
|
|
|
|
|
|
|
|
|
|
// Mixins
|
|
|
|
|
//
|
|
|
|
|
// .header-display :before size and position
|
|
|
|
|
@mixin headerDisplayBefore($size) {
|
|
|
|
|
$height: $size * 1.5;
|
|
|
|
|
$horizontalAlignment: -15px;
|
|
|
|
|
$verticalAlignment: $height * -0.25;
|
|
|
|
|
height: $height;
|
|
|
|
|
transform: translate($horizontalAlignment, 0);
|
|
|
|
|
margin-bottom: $verticalAlignment;
|
|
|
|
|
}
|
