SpitiGlykou
This commit is contained in:
Argyrios Deligiannidis
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,116 @@
|
||||
// Mixin to prefix several properties at once
|
||||
// @author Hugo Giraudel
|
||||
// @param {Map} $declarations - Declarations to prefix
|
||||
// @param {List} $prefixes (()) - List of prefixes to print
|
||||
@mixin prefix($declarations, $prefixes: ()) {
|
||||
@each $property, $value in $declarations {
|
||||
@each $prefix in $prefixes {
|
||||
#{'-' + $prefix + '-' + $property}: $value;
|
||||
}
|
||||
#{$property}: $value;
|
||||
}
|
||||
}
|
||||
|
||||
// Gives a card depth effect.
|
||||
// @param {Number} $depth - depth level (between 1 and 5)
|
||||
// @link http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality Google Design
|
||||
// @requires {function} top-shadow
|
||||
// @requires {function} bottom-shadow
|
||||
@mixin depth($depth) {
|
||||
@if $depth < 1 {
|
||||
box-shadow: none;
|
||||
} @else if $depth > 5 {
|
||||
@warn "Invalid $depth `#{$depth}` for mixin `card`.";
|
||||
} @else {
|
||||
box-shadow: bottom-shadow($depth), top-shadow($depth);
|
||||
}
|
||||
}
|
||||
|
||||
// Computes a top-shadow for a card effect.
|
||||
// @param {Number} $depth - depth level
|
||||
// @return {List}
|
||||
|
||||
@function top-shadow($depth) {
|
||||
$primary-offset: nth($shadow-offsets-top , $depth) * 1px;
|
||||
$blur: nth($shadow-blurs-top, $depth) * 4px;
|
||||
$color: rgba(black, nth($shadow-opacities-top, $depth));
|
||||
|
||||
@return 0 $primary-offset $blur $color;
|
||||
}
|
||||
|
||||
// Computes a bottom-shadow for a card effect.
|
||||
// @param {Number} $depth - depth level
|
||||
// @return {List}
|
||||
@function bottom-shadow($depth) {
|
||||
$primary-offset: nth($shadow-offsets-bottom, $depth) * 1px;
|
||||
$blur: nth($shadow-blurs-bottom, $depth) * 5px;
|
||||
$color: rgba(black, nth($shadow-opacities-bottom, $depth));
|
||||
@return 0 $primary-offset $blur $color;
|
||||
}
|
||||
|
||||
@mixin clearfix() {
|
||||
&::after {
|
||||
display: block;
|
||||
content: "";
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//Responsive Breakpoints
|
||||
|
||||
$breakpoints: (
|
||||
xxs: 420px,
|
||||
xs: 576px,
|
||||
sm: 768px,
|
||||
md: 992px,
|
||||
lg: 1200px,
|
||||
xl: 1440px
|
||||
);
|
||||
|
||||
@mixin respond-below($breakpoint) {
|
||||
// If the breakpoint exists in the map.
|
||||
@if map-has-key($breakpoints, $breakpoint) {
|
||||
// Get the breakpoint value.
|
||||
$breakpoint-value: map-get(
|
||||
$breakpoints,
|
||||
$breakpoint
|
||||
); // Write the media query.
|
||||
@media (max-width: ($breakpoint-value - 1)) {
|
||||
@content;
|
||||
}
|
||||
// If the breakpoint doesn't exist in the map.
|
||||
} @else {
|
||||
// Log a warning.
|
||||
@warn "Invalid breakpoint: #{$breakpoint}.";
|
||||
}
|
||||
}
|
||||
|
||||
@mixin respond-above($breakpoint) {
|
||||
// If the breakpoint exists in the map.
|
||||
@if map-has-key($breakpoints, $breakpoint) {
|
||||
// Get the breakpoint value.
|
||||
$breakpoint-value: map-get(
|
||||
$breakpoints,
|
||||
$breakpoint
|
||||
); // Write the media query.
|
||||
@media (min-width: ($breakpoint-value - 1)) {
|
||||
@content;
|
||||
}
|
||||
// If the breakpoint doesn't exist in the map.
|
||||
} @else {
|
||||
// Log a warning.
|
||||
@warn "Invalid breakpoint: #{$breakpoint}.";
|
||||
}
|
||||
}
|
||||
|
||||
@function encodecolor($string) {
|
||||
@if type-of($string) == 'color' {
|
||||
$hex: str-slice(ie-hex-str($string), 4);
|
||||
$string:unquote("#{$hex}");
|
||||
}
|
||||
$string: '%23' + $string;
|
||||
@return $string;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #18191b;
|
||||
$foreground-color: #1e2022;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #236591;
|
||||
$theme-color-2: #1d477a;
|
||||
$theme-color-3: #637383;
|
||||
$theme-color-4: #385068;
|
||||
$theme-color-5: #2e5585;
|
||||
$theme-color-6: #4d5f72;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #256b99;
|
||||
$gradient-color-2 : #18557e;
|
||||
$gradient-color-3 : #216491;
|
||||
|
||||
$lp-bg-color-1 : #001425;
|
||||
$lp-bg-color-2 : #001f33;
|
||||
$lp-bg-color-3 : #00273b;
|
||||
$lp-bg-color-4 : #003f5f;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #18191b;
|
||||
$foreground-color: #1e2022;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #3e83a1;
|
||||
$theme-color-2: #304d72;
|
||||
$theme-color-3: #637383;
|
||||
$theme-color-4: #405264;
|
||||
$theme-color-5: #426188;
|
||||
$theme-color-6: #4d5f72;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #509ab9;
|
||||
$gradient-color-2 : #3a7a96;
|
||||
$gradient-color-3 : #4386a3;
|
||||
|
||||
$lp-bg-color-1 : #004b6b;
|
||||
$lp-bg-color-2 : #006996;
|
||||
$lp-bg-color-3 : #2a85ac;
|
||||
$lp-bg-color-4 : #3e98be;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #18191b;
|
||||
$foreground-color: #1e2022;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #38688b;
|
||||
$theme-color-2: #3e8ab9;
|
||||
$theme-color-3: #6a7980;
|
||||
$theme-color-4: #365573;
|
||||
$theme-color-5: #47799a;
|
||||
$theme-color-6: #8e9599;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #46789b;
|
||||
$gradient-color-2 : #38688b;
|
||||
$gradient-color-3 : #427599;
|
||||
|
||||
$lp-bg-color-1 : #06243f;
|
||||
$lp-bg-color-2 : #072c4b;
|
||||
$lp-bg-color-3 : #094475;
|
||||
$lp-bg-color-4 : #0c5088;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1a1b18;
|
||||
$foreground-color: #212220;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #63883b;
|
||||
$theme-color-2: #4d7058;
|
||||
$theme-color-3: #9ca397;
|
||||
$theme-color-4: #808d6e;
|
||||
$theme-color-5: #5d946f;
|
||||
$theme-color-6: #7e9172;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #6b8f45;
|
||||
$gradient-color-2 : #567535;
|
||||
$gradient-color-3 : #5f803c;
|
||||
|
||||
$lp-bg-color-1 : #2a460c;
|
||||
$lp-bg-color-2 : #355513;
|
||||
$lp-bg-color-3 : #4d7521;
|
||||
$lp-bg-color-4 : #588f1d;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1a1b18;
|
||||
$foreground-color: #212220;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #627745;
|
||||
$theme-color-2: #8f7b39;
|
||||
$theme-color-3: #849b65;
|
||||
$theme-color-4: #494d43;
|
||||
$theme-color-5: #d1c19a;
|
||||
$theme-color-6: #7c8174;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #738855;
|
||||
$gradient-color-2 : #576a3d;
|
||||
$gradient-color-3 : #607445;
|
||||
|
||||
$lp-bg-color-1 : #1d2b0a;
|
||||
$lp-bg-color-2 : #2b3d0f;
|
||||
$lp-bg-color-3 : #3b501d;
|
||||
$lp-bg-color-4 : #475f26;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1d1d1d;
|
||||
$foreground-color: #242424;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #767e8d;
|
||||
$theme-color-2: #4d5a5f;
|
||||
$theme-color-3: #444341;
|
||||
$theme-color-4: #60646b;
|
||||
$theme-color-5: #52595f;
|
||||
$theme-color-6: #5a5953;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #787c85;
|
||||
$gradient-color-2 : #666b75;
|
||||
$gradient-color-3 : #6d727a;
|
||||
|
||||
$lp-bg-color-1 : #1c1d1d;
|
||||
$lp-bg-color-2 : #1e1f1f;
|
||||
$lp-bg-color-3 : #2c2d2e;
|
||||
$lp-bg-color-4 : #303030;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1b1a19;
|
||||
$foreground-color: #242322;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #ad7140;
|
||||
$theme-color-2: #aa4f43;
|
||||
$theme-color-3: #c4a688;
|
||||
$theme-color-4: #916948;
|
||||
$theme-color-5: #856f5a;
|
||||
$theme-color-6: #6e5e59;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #c27d45;
|
||||
$gradient-color-2 : #ad6e3a;
|
||||
$gradient-color-3 : #af7240;
|
||||
|
||||
$lp-bg-color-1 : #5a2602;
|
||||
$lp-bg-color-2 : #853c08;
|
||||
$lp-bg-color-3 : #af5210;
|
||||
$lp-bg-color-4 : #cf6f29;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1d1a1d;
|
||||
$foreground-color: #242224;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #7e4877;
|
||||
$theme-color-2: #3c4b9a;
|
||||
$theme-color-3: #af67a4;
|
||||
$theme-color-4: #743c6e;
|
||||
$theme-color-5: #4b5480;
|
||||
$theme-color-6: #795d75;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #8a5381;
|
||||
$gradient-color-2 : #7e4877;
|
||||
$gradient-color-3 : #804a77;
|
||||
|
||||
$lp-bg-color-1 : #240429;
|
||||
$lp-bg-color-2 : #29072b;
|
||||
$lp-bg-color-3 : #420e40;
|
||||
$lp-bg-color-4 : #52124c;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,47 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1b1919;
|
||||
$foreground-color: #222020;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #913a47;
|
||||
$theme-color-2: #aa5e6c;
|
||||
$theme-color-3: #a5456d;
|
||||
$theme-color-4: #843a47;
|
||||
$theme-color-5: #9e777e;
|
||||
$theme-color-6: #c07a6c;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #9e4653;
|
||||
$gradient-color-2 : #913a47;
|
||||
$gradient-color-3 : #913e4a;
|
||||
|
||||
$lp-bg-color-1 : #270303;
|
||||
$lp-bg-color-2 : #3a0807;
|
||||
$lp-bg-color-3 : #5a1312;
|
||||
$lp-bg-color-4 : #580c0a;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #313131;
|
||||
$separator-color: #424242;
|
||||
$background-color: #1f1e1c;
|
||||
$foreground-color: #242321;
|
||||
$input-background: #232223;
|
||||
|
||||
$dark-btn-background: #8d8d8d;
|
||||
$light-btn-background: #e4e4e4;
|
||||
$button-text-color: #d0d0d0;
|
||||
|
||||
$theme-color-1: #8a722c;
|
||||
$theme-color-2: #a88048;
|
||||
$theme-color-3: #ac9c57;
|
||||
$theme-color-4: #665218;
|
||||
$theme-color-5: #7c715f;
|
||||
$theme-color-6: #8d7a24;
|
||||
|
||||
$primary-color: #8f8f8f;
|
||||
$secondary-color: #707070;
|
||||
$muted-color: #696969;
|
||||
|
||||
$gradient-color-1 : #a08a47;
|
||||
$gradient-color-2 : #7a6525;
|
||||
$gradient-color-3 : #8b773a;
|
||||
|
||||
$lp-bg-color-1 : #2b2411;
|
||||
$lp-bg-color-2 : #52451e;
|
||||
$lp-bg-color-3 : #685828;
|
||||
$lp-bg-color-4 : #7a672d;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 2 6 10 14 19;
|
||||
$shadow-opacities-top: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.1 0.3 0.6 0.7 0.8;
|
||||
|
||||
$logo-path: "../logos/white.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/white-full.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,47 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #00365a;
|
||||
$theme-color-2: #184f90;
|
||||
$theme-color-3: #8a9fb4;
|
||||
$theme-color-4: #2c4d6e;
|
||||
$theme-color-5: #245794;
|
||||
$theme-color-6: #6a7b8d;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #015994;
|
||||
$gradient-color-2 : #00365a;
|
||||
$gradient-color-3 : #00538a;
|
||||
|
||||
$lp-bg-color-1 : #001627;
|
||||
$lp-bg-color-2 : #01253d;
|
||||
$lp-bg-color-3 : #014366;
|
||||
$lp-bg-color-4 : #006da3;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #008ecc;
|
||||
$theme-color-2: #73c2fb;
|
||||
$theme-color-3: #95c8d9;
|
||||
$theme-color-4: #2780a7;
|
||||
$theme-color-5: #6fa4cb;
|
||||
$theme-color-6: #8aaab4;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #39addf;
|
||||
$gradient-color-2 : #008ecc;
|
||||
$gradient-color-3 : #2e98c5;
|
||||
|
||||
$lp-bg-color-1 : #006894;
|
||||
$lp-bg-color-2 : #007fb6;
|
||||
$lp-bg-color-3 : #37b9f1;
|
||||
$lp-bg-color-4 : #56c4f3;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #145388;
|
||||
$theme-color-2: #2a93d5;
|
||||
$theme-color-3: #6c90a1;
|
||||
$theme-color-4: #365573;
|
||||
$theme-color-5: #47799a;
|
||||
$theme-color-6: #8e9599;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #1f5c8d;
|
||||
$gradient-color-2 : #145388;
|
||||
$gradient-color-3 : #285172;
|
||||
|
||||
$lp-bg-color-1 : #073458;
|
||||
$lp-bg-color-2 : #0a4372;
|
||||
$lp-bg-color-3 : #0b60a7;
|
||||
$lp-bg-color-4 : #1370bd;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #6fb327;
|
||||
$theme-color-2: #51c878;
|
||||
$theme-color-3: #aaba9f;
|
||||
$theme-color-4: #849b65;
|
||||
$theme-color-5: #3db264;
|
||||
$theme-color-6: #9ecd7e;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #8ebb4e;
|
||||
$gradient-color-2 : #6c9e37;
|
||||
$gradient-color-3 : #76a543;
|
||||
|
||||
$lp-bg-color-1 : #426d14;
|
||||
$lp-bg-color-2 : #51831d;
|
||||
$lp-bg-color-3 : #70ad2e;
|
||||
$lp-bg-color-4 : #8de231;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #576a3d;
|
||||
$theme-color-2: #dd9c02;
|
||||
$theme-color-3: #849b65;
|
||||
$theme-color-4: #494d43;
|
||||
$theme-color-5: #d1c19a;
|
||||
$theme-color-6: #7c8174;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #7baa39;
|
||||
$gradient-color-2 : #576a3d;
|
||||
$gradient-color-3 : #73904c;
|
||||
|
||||
$lp-bg-color-1 : #314712;
|
||||
$lp-bg-color-2 : #436119;
|
||||
$lp-bg-color-3 : #5a7a2e;
|
||||
$lp-bg-color-4 : #779e41;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #48494b;
|
||||
$theme-color-2: #999da0;
|
||||
$theme-color-3: #bebdb8;
|
||||
$theme-color-4: #60646b;
|
||||
$theme-color-5: #8996a0;
|
||||
$theme-color-6: #aaa89c;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #646568;
|
||||
$gradient-color-2 : #48494b;
|
||||
$gradient-color-3 : #4d4d4d;
|
||||
|
||||
$lp-bg-color-1 : #242525;
|
||||
$lp-bg-color-2 : #393a3b;
|
||||
$lp-bg-color-3 : #57585c;
|
||||
$lp-bg-color-4 : #6c6e72;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #ed7117;
|
||||
$theme-color-2: #e7523e;
|
||||
$theme-color-3: #d6a779;
|
||||
$theme-color-4: #dba070;
|
||||
$theme-color-5: #f6c797;
|
||||
$theme-color-6: #d6cdca;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #f0701a;
|
||||
$gradient-color-2 : #ce6520;
|
||||
$gradient-color-3 : #da6b22;
|
||||
|
||||
$lp-bg-color-1 : #af4b03;
|
||||
$lp-bg-color-2 : #bb5308;
|
||||
$lp-bg-color-3 : #ed7117;
|
||||
$lp-bg-color-4 : #ff8935;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #575057;
|
||||
$light-btn-background: #d4d4d4;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #922c88;
|
||||
$theme-color-2: #4556ac;
|
||||
$theme-color-3: #af67a4;
|
||||
$theme-color-4: #743c6e;
|
||||
$theme-color-5: #4b5480;
|
||||
$theme-color-6: #795d75;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #a9449f;
|
||||
$gradient-color-2 : #832579;
|
||||
$gradient-color-3 : #922c88;
|
||||
|
||||
$lp-bg-color-1 : #52125a;
|
||||
$lp-bg-color-2 : #511452;
|
||||
$lp-bg-color-3 : #b02ba6;
|
||||
$lp-bg-color-4 : #cb33bd;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #900604;
|
||||
$theme-color-2: #e7284a;
|
||||
$theme-color-3: #c06b62;
|
||||
$theme-color-4: #843a47;
|
||||
$theme-color-5: #d8667a;
|
||||
$theme-color-6: #f69682;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #992235;
|
||||
$gradient-color-2 : #790503;
|
||||
$gradient-color-3 : #900604;
|
||||
|
||||
$lp-bg-color-1 : #3b0201;
|
||||
$lp-bg-color-2 : #5c0605;
|
||||
$lp-bg-color-3 : #8b0e0b;
|
||||
$lp-bg-color-4 : #a51310;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
@@ -0,0 +1,46 @@
|
||||
$separator-color-light: #f3f3f3;
|
||||
$separator-color: #d7d7d7;
|
||||
$background-color: #f8f8f8;
|
||||
$foreground-color : white;
|
||||
$input-background: white;
|
||||
|
||||
$dark-btn-background: #131113;
|
||||
$light-btn-background: #ececec;
|
||||
$button-text-color: #fff;
|
||||
|
||||
$theme-color-1: #c0a145;
|
||||
$theme-color-2: #e3b778;
|
||||
$theme-color-3: #e6cd61;
|
||||
$theme-color-4: #ae8c27;
|
||||
$theme-color-5: #c9b69a;
|
||||
$theme-color-6: #e2c33c;
|
||||
|
||||
$primary-color: #3a3a3a;
|
||||
$secondary-color: #8f8f8f;
|
||||
$muted-color: #909090;
|
||||
|
||||
$gradient-color-1 : #e0bf5c;
|
||||
$gradient-color-2 : #c7a951;
|
||||
$gradient-color-3 : #d3b455;
|
||||
|
||||
$lp-bg-color-1 : #74622d;
|
||||
$lp-bg-color-2 : #9c8339;
|
||||
$lp-bg-color-3 : #dab74f;
|
||||
$lp-bg-color-4 : #e6c154;
|
||||
|
||||
$shadow-offsets-top : 1 3 10 14 19;
|
||||
$shadow-blurs-top: 1.5 5 10 14 19;
|
||||
$shadow-opacities-top: 0.04 0.1 0.19 0.25 0.3;
|
||||
|
||||
$shadow-offsets-bottom : 1 3 6 10 15;
|
||||
$shadow-blurs-bottom: 3 6 6 5 6;
|
||||
$shadow-opacities-bottom: 0.04 0.1 0.2 0.22 0.22;
|
||||
|
||||
$logo-path: "../logos/black.svg";
|
||||
$logo-path-mobile: "../logos/mobile.svg";
|
||||
|
||||
$lp-logo-path-pinned: "../logos/black.svg";
|
||||
$lp-logo-path: "../logos/white-full.svg";
|
||||
|
||||
@import "../_mixins.scss";
|
||||
@import "../_dore.style.scss";
|
||||
Reference in New Issue
Block a user