smc
This commit is contained in:
mstfyldz
2
smc/temp/scss/abstract/_abstract.scss
Normal file
2
smc/temp/scss/abstract/_abstract.scss
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "./variable";
|
||||
@import "./color";
|
||||
169
smc/temp/scss/abstract/_color.scss
Normal file
169
smc/temp/scss/abstract/_color.scss
Normal file
@@ -0,0 +1,169 @@
|
||||
|
||||
.theme-dark {
|
||||
background-color: #1a2236;
|
||||
.app-content {
|
||||
background-color: #1a2236;
|
||||
&:before {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
}
|
||||
.card {
|
||||
background-color: #293145 !important;
|
||||
}
|
||||
.app-footer {
|
||||
background-color: #293145 !important;
|
||||
border-top: 0;
|
||||
i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.app-header .logo svg path {
|
||||
fill: #fff;
|
||||
}
|
||||
.app-header .menu-icon i {
|
||||
color: #fff;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #fff !important;}
|
||||
}
|
||||
|
||||
.color-theme-red {
|
||||
---theme-color: #ff3b30;
|
||||
---theme-color-rgb: 255, 59, 48;
|
||||
---theme-color-shade: #ff1407;
|
||||
---theme-color-tint: #ff6259
|
||||
}
|
||||
|
||||
.color-theme-green {
|
||||
---theme-color: #4cd964;
|
||||
---theme-color-rgb: 76, 217, 100;
|
||||
---theme-color-shade: #2cd048;
|
||||
---theme-color-tint: #6ee081
|
||||
}
|
||||
|
||||
.color-theme-blue {
|
||||
---theme-color: #05f;
|
||||
---theme-color-rgb: 33, 150, 243;
|
||||
---theme-color-shade: #09f;
|
||||
---theme-color-tint: #1E74FD;
|
||||
}
|
||||
|
||||
.color-theme-pink {
|
||||
---theme-color: #ff2d55;
|
||||
---theme-color-rgb: 255, 45, 85;
|
||||
---theme-color-shade: #ff0434;
|
||||
---theme-color-tint: #ff5676
|
||||
}
|
||||
|
||||
.color-theme-yellow {
|
||||
---theme-color: #ffcc00;
|
||||
---theme-color-rgb: 255, 204, 0;
|
||||
---theme-color-shade: #d6ab00;
|
||||
---theme-color-tint: #ffd429
|
||||
}
|
||||
|
||||
.color-theme-orange {
|
||||
---theme-color: #ff9500;
|
||||
---theme-color-rgb: 255, 149, 0;
|
||||
---theme-color-shade: #d67d00;
|
||||
---theme-color-tint: #ffa629
|
||||
}
|
||||
|
||||
.color-theme-purple {
|
||||
---theme-color: #9c27b0;
|
||||
---theme-color-rgb: 156, 39, 176;
|
||||
---theme-color-shade: #7e208f;
|
||||
---theme-color-tint: #b92fd1
|
||||
}
|
||||
|
||||
.color-theme-deeppurple {
|
||||
---theme-color: #673ab7;
|
||||
---theme-color-rgb: 103, 58, 183;
|
||||
---theme-color-shade: #563098;
|
||||
---theme-color-tint: #7c52c8
|
||||
}
|
||||
|
||||
.color-theme-lightblue {
|
||||
---theme-color: #5ac8fa;
|
||||
---theme-color-rgb: 90, 200, 250;
|
||||
---theme-color-shade: #32bbf9;
|
||||
---theme-color-tint: #82d5fb
|
||||
}
|
||||
|
||||
.color-theme-teal {
|
||||
---theme-color: #009688;
|
||||
---theme-color-rgb: 0, 150, 136;
|
||||
---theme-color-shade: #006d63;
|
||||
---theme-color-tint: #00bfad
|
||||
}
|
||||
|
||||
.color-theme-lime {
|
||||
---theme-color: #cddc39;
|
||||
---theme-color-rgb: 205, 220, 57;
|
||||
---theme-color-shade: #bac923;
|
||||
---theme-color-tint: #d6e25c
|
||||
}
|
||||
|
||||
.color-theme-deeporange {
|
||||
---theme-color: #ff6b22;
|
||||
---theme-color-rgb: 255, 107, 34;
|
||||
---theme-color-shade: #f85200;
|
||||
---theme-color-tint: #ff864b
|
||||
}
|
||||
|
||||
.color-theme-gray {
|
||||
---theme-color: #8e8e93;
|
||||
---theme-color-rgb: 142, 142, 147;
|
||||
---theme-color-shade: #79797f;
|
||||
---theme-color-tint: #a3a3a7
|
||||
}
|
||||
|
||||
.color-theme-white {
|
||||
---theme-color: #ffffff;
|
||||
---theme-color-rgb: 255, 255, 255;
|
||||
---theme-color-shade: #ebebeb;
|
||||
---theme-color-tint: #ffffff
|
||||
}
|
||||
|
||||
.color-theme-black {
|
||||
---theme-color: #000000;
|
||||
---theme-color-rgb: 0, 0, 0;
|
||||
---theme-color-shade: #000000;
|
||||
---theme-color-tint: #141414
|
||||
}
|
||||
|
||||
.color-theme-brown {
|
||||
---theme-color: #5d463d;
|
||||
---theme-color-rgb: 255, 107, 34;
|
||||
---theme-color-shade: #5d463d;
|
||||
---theme-color-tint: #5d463d
|
||||
}
|
||||
|
||||
.color-theme-darkgreen {
|
||||
---theme-color: #228B22;
|
||||
---theme-color-rgb: 142, 142, 147;
|
||||
---theme-color-shade: #79797f;
|
||||
---theme-color-tint: #a3a3a7
|
||||
}
|
||||
|
||||
.color-theme-deeppink {
|
||||
---theme-color: #12baaf;
|
||||
---theme-color-rgb: 255, 255, 255;
|
||||
---theme-color-shade: #6ae2da;
|
||||
---theme-color-tint: #6ae2da
|
||||
}
|
||||
|
||||
.color-theme-darkorchid {
|
||||
---theme-color: #9932cc;
|
||||
---theme-color-rgb: 0, 0, 0;
|
||||
---theme-color-shade: #000000;
|
||||
---theme-color-tint: #141414
|
||||
}
|
||||
|
||||
.inter-font {font-family: 'Inter', sans-serif;}
|
||||
.mont-font {font-family: 'Montserrat', sans-serif;}
|
||||
.lato-font {font-family: 'Lato', sans-serif;}
|
||||
.dm-font {font-family: 'DM Serif Display', serif; }
|
||||
.play-font {font-family: 'Playfair Display', serif;}
|
||||
|
||||
|
||||
|
||||
185
smc/temp/scss/abstract/_variable.scss
Normal file
185
smc/temp/scss/abstract/_variable.scss
Normal file
@@ -0,0 +1,185 @@
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- C O L O R ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
|
||||
|
||||
//to ignore cli warning about deprecated mixin
|
||||
// $enable-deprecation-messages: false;
|
||||
// $ignore-warning : true;
|
||||
|
||||
|
||||
// stylelint-disable-next-line scss/dollar-variable-default
|
||||
$primary : #1E74FD !default;
|
||||
$secondary : #673BB7 !default;
|
||||
$success : #10d876 !default;
|
||||
$info : #2754e6 !default;
|
||||
$warning : #FE9431 !default;
|
||||
$danger : #E50202 !default;
|
||||
$light : #f7f7f7 !default;
|
||||
$dark : #343a40;
|
||||
|
||||
// Body
|
||||
$body-bg : #fff;
|
||||
$body-color: #515184;
|
||||
|
||||
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- FONT WEIGHT ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
|
||||
$fw-100: 100 !default;
|
||||
$fw-200: 200 !default;
|
||||
$fw-300: 300 !default;
|
||||
$fw-400: 400 !default;
|
||||
$fw-500: 500 !default;
|
||||
$fw-600: 600 !default;
|
||||
$fw-700: 700 !default;
|
||||
$fw-800: 800 !default;
|
||||
$fw-900: 900 !default;
|
||||
|
||||
$fws: () !default;
|
||||
// stylelint-disable-next-line scss/dollar-variable-default
|
||||
$fws: map-merge(
|
||||
(
|
||||
"100": $fw-100,
|
||||
"200": $fw-200,
|
||||
"300": $fw-300,
|
||||
"400": $fw-400,
|
||||
"500": $fw-500,
|
||||
"600": $fw-600,
|
||||
"700": $fw-700,
|
||||
"800": $fw-800,
|
||||
"900": $fw-900
|
||||
),
|
||||
$fws
|
||||
);
|
||||
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- F O N T S ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
|
||||
// Google Font
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
|
||||
|
||||
|
||||
|
||||
|
||||
$headings-font-weight : 400;
|
||||
|
||||
$font-size-base : 1rem;
|
||||
$font-weight-base : 400 !default;
|
||||
|
||||
|
||||
$h1-font-size : 24px;
|
||||
$h2-font-size : 20px;
|
||||
$h3-font-size : 18px;
|
||||
$h4-font-size : 16px;
|
||||
$h5-font-size : 14px;
|
||||
$h6-font-size : 12px;
|
||||
|
||||
|
||||
$display1-size : 70px;
|
||||
$display2-size : 56px;
|
||||
$display3-size : 42px;
|
||||
$display4-size : 34px;
|
||||
|
||||
$text-muted : #AEAED5;
|
||||
$colors : () !default;
|
||||
|
||||
$heading-primary-size: 1.8rem;
|
||||
$sub-heading-size : 1.6rem !default;
|
||||
$grid-gutter-width : 30px;
|
||||
$dropdown-lik-color : $body-color;
|
||||
$border-color : #E1E1F0;
|
||||
$headings-color :#111 !default;
|
||||
$grid-breakpoints : (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400);
|
||||
$container-max-widths: (sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1199px) !default;
|
||||
|
||||
$input-btn-focus-width: 0rem !default;
|
||||
$border-radius-base : 4px !default;
|
||||
|
||||
$shadow-color: rgba(160, 159, 202, 0.15);
|
||||
|
||||
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- HEADER ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$header-bg:transparent;
|
||||
$header-padding:20px;
|
||||
$header-menu-font-size:16px;
|
||||
$header-menu-font-color:#888;
|
||||
$header-avater-radius:35px;
|
||||
$header-search-height:40px;
|
||||
$header-search-width:250px;
|
||||
$header-search-border-radius:5px;
|
||||
$header-search-border-color:#ddd;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- BANNER ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$banner-height:500px;
|
||||
$banner-border-radius:7px;
|
||||
$banner-title-font-color:#fff;
|
||||
$banner-title-font-size:68px;
|
||||
$banner-subtitle-font-color:#fff;
|
||||
$banner-subtitle-font-size:14px;
|
||||
$banner-tag-font-color:#ddd;
|
||||
$banner-tag-font-size:14px;
|
||||
$banner-btn-height:40px;
|
||||
$banner-btn-width:200px;
|
||||
$banner-btn-font-size:13px;
|
||||
$banner-btn-font-color:#fff;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- SLIDER ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$slider-border-radius:6px;
|
||||
$slider-headline-size:22px;
|
||||
$slider-headline-color:#222;
|
||||
$slider-post-title-size:18px;
|
||||
$slider-post-title-color:#fff;
|
||||
$slider-post-subtitle-size:12px;
|
||||
$slider-post-subtitle-color:#ddd;
|
||||
$slider-post-icon-size:20px;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- PAGE NAV ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$pagenav-padding:100px;
|
||||
$pagenav-post-title-size:46px;
|
||||
$pagenav-post-title-color:#111;
|
||||
$pagenav-post-subtitle-size:14px;
|
||||
$pagenav-post-subtitle-color:#666;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- LANGUAGE ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$language-border-radius:6px;
|
||||
$language-height:120px;
|
||||
$language-post-title-size:14px;
|
||||
$language-post-title-color:#fff;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- CREW ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$crew-width:150px;
|
||||
$crew-post-title-size:14px;
|
||||
$crew-post-title-color:#222;
|
||||
|
||||
////////////////////////////////////////////////////
|
||||
//---------------- FOOTER ----------------------
|
||||
///////////////////////////////////////////////////
|
||||
$footer-title-font-color:#ddd;
|
||||
$footer-title-font-size:24px;
|
||||
$footer-search-input-height:50px;
|
||||
$footer-search-input-font-size:12px;
|
||||
$footer-link-title-font-size:11px;
|
||||
$footer-link-title-font-color:#ddd;
|
||||
$footer-link-font-size:12px;
|
||||
$footer-link-font-color:#999;
|
||||
Reference in New Issue
Block a user