140 lines
2.9 KiB
SCSS
140 lines
2.9 KiB
SCSS
/*!
|
|
* Based on Bootstrap (https://getbootstrap.com)
|
|
*/
|
|
|
|
// Options
|
|
//
|
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
|
|
$enable-rounded: true !default;
|
|
$enable-shadows: true;
|
|
$enable-transitions: true;
|
|
$enable-hover-media-query: false;
|
|
$enable-grid-classes: true;
|
|
$enable-print-styles: true;
|
|
|
|
// Variables
|
|
//
|
|
// Colors
|
|
|
|
$theme-colors: (
|
|
primary: #12bbad,
|
|
secondary: #4f70ce,
|
|
light: #f3f3f3,
|
|
dark: #151515,
|
|
info: #ccc,
|
|
success: #28a745,
|
|
warning: #ffc107,
|
|
danger: #dc3545
|
|
);
|
|
|
|
$body-bg: white;
|
|
$body-color: #333;
|
|
|
|
|
|
$body-color-inverse: invert($body-color) !default;
|
|
$link-color: #12bbad;
|
|
|
|
// Fonts
|
|
$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
$headings-font-family: $font-family-base;
|
|
$display-font-family: $font-family-base;
|
|
$font-weight-normal: 200;
|
|
$headings-font-weight: 200;
|
|
$lead-font-size: 1.30rem;
|
|
|
|
$spacer: 1.5rem;
|
|
|
|
@import 'bootstrap-4.1.3';
|
|
|
|
|
|
html,body {
|
|
height:100%;
|
|
}
|
|
|
|
.cover {
|
|
min-height:100%;
|
|
display:flex;
|
|
align-items:center
|
|
}
|
|
|
|
|
|
.bg-gradient {
|
|
overflow: hidden;
|
|
color: color-yiq(map-get($theme-colors, 'primary'));
|
|
background: linear-gradient(-30deg, theme-color("secondary") 0%, theme-color("primary") 50%, theme-color("primary") 100%);
|
|
}
|
|
|
|
.filter-dark {
|
|
overflow: hidden;
|
|
position: relative;
|
|
color: color-yiq(map-get($theme-colors, 'dark'));
|
|
&:before {
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height: 100%;
|
|
content: ' ';
|
|
background: rgba(map-get($theme-colors, 'dark'), 0.75);
|
|
}
|
|
}
|
|
|
|
.filter-light {
|
|
overflow: hidden;
|
|
position: relative;
|
|
color: color-yiq(map-get($theme-colors, 'light'));
|
|
&:before {
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height: 100%;
|
|
content: ' ';
|
|
background: rgba(map-get($theme-colors, 'light'),0.75);
|
|
}
|
|
}
|
|
|
|
.filter-color {
|
|
overflow: hidden;
|
|
position: relative;
|
|
color: color-yiq(map-get($theme-colors, 'primary'));
|
|
&:before {
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height: 100%;
|
|
content: ' ';
|
|
background: rgba(map-get($theme-colors, 'primary'), 0.75);
|
|
}
|
|
}
|
|
|
|
.filter-gradient {
|
|
overflow: hidden;
|
|
position: relative;
|
|
color: color-yiq(map-get($theme-colors, 'primary'));
|
|
&:before {
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height: 100%;
|
|
content: ' ';
|
|
background: linear-gradient(-30deg, transparentize(theme-color("secondary"), 0.1) 0%, transparentize(theme-color("primary"), 0.1) 50%, transparentize(theme-color("primary"), 0.05) 100%);
|
|
}
|
|
}
|
|
|
|
.filter-fade-in {
|
|
overflow: hidden;
|
|
position: relative;
|
|
&:before {
|
|
position: absolute;
|
|
top:0px;
|
|
left:0px;
|
|
width:100%;
|
|
height: 100%;
|
|
content: ' ';
|
|
background: linear-gradient($body-bg, transparentize($body-bg, 0.2),transparentize($body-bg, 0.9),transparentize($body-bg, 1));
|
|
}
|
|
}
|