feat(main): Add base theme: This is the falcon theme out of the box.
This commit is contained in:
2
_dev/css/abstracts/variables/_index.scss
Normal file
2
_dev/css/abstracts/variables/_index.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@import "custom/index";
|
||||
@import "bootstrap/index";
|
||||
2
_dev/css/abstracts/variables/bootstrap/_badge.scss
Normal file
2
_dev/css/abstracts/variables/bootstrap/_badge.scss
Normal file
@ -0,0 +1,2 @@
|
||||
$badge-padding-y: 0.3em;
|
||||
$badge-padding-x: 0.55em;
|
||||
1
_dev/css/abstracts/variables/bootstrap/_buttons.scss
Normal file
1
_dev/css/abstracts/variables/bootstrap/_buttons.scss
Normal file
@ -0,0 +1 @@
|
||||
$btn-font-weight: 500;
|
||||
3
_dev/css/abstracts/variables/bootstrap/_card.scss
Normal file
3
_dev/css/abstracts/variables/bootstrap/_card.scss
Normal file
@ -0,0 +1,3 @@
|
||||
$card-border-radius: $border-radius;
|
||||
$card-border-width: rem-calc(1px);
|
||||
$card-inner-border-radius: subtract($card-border-radius, $card-border-width);
|
||||
33
_dev/css/abstracts/variables/bootstrap/_colors.scss
Normal file
33
_dev/css/abstracts/variables/bootstrap/_colors.scss
Normal file
@ -0,0 +1,33 @@
|
||||
// Color system
|
||||
|
||||
$white: #fff;
|
||||
$gray-100: #f8f9fa;
|
||||
$gray-200: #e9ecef;
|
||||
$gray-300: #dee2e6;
|
||||
$gray-400: #ced4da;
|
||||
$gray-500: #adb5bd;
|
||||
$gray-600: #6c757d;
|
||||
$gray-700: #495057;
|
||||
$gray-800: #343a40;
|
||||
$gray-900: #212529;
|
||||
$black: #000;
|
||||
|
||||
$blue: #007bff;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6f42c1;
|
||||
$pink: #e83e8c;
|
||||
$red: #dc3545;
|
||||
$orange: #fd7e14;
|
||||
$yellow: #ffc107;
|
||||
$green: #28a745;
|
||||
$teal: #20c997;
|
||||
$cyan: #17a2b8;
|
||||
|
||||
$primary: $blue;
|
||||
$secondary: $gray-600;
|
||||
$success: $green;
|
||||
$info: $cyan;
|
||||
$warning: #ff9a52;
|
||||
$danger: $red;
|
||||
$light: $gray-100;
|
||||
$dark: $gray-800;
|
||||
2
_dev/css/abstracts/variables/bootstrap/_commons.scss
Normal file
2
_dev/css/abstracts/variables/bootstrap/_commons.scss
Normal file
@ -0,0 +1,2 @@
|
||||
$body-bg: $white;
|
||||
$body-color: $gray-900;
|
||||
5
_dev/css/abstracts/variables/bootstrap/_components.scss
Normal file
5
_dev/css/abstracts/variables/bootstrap/_components.scss
Normal file
@ -0,0 +1,5 @@
|
||||
$border-width: 1px;
|
||||
$border-color: $gray-300;
|
||||
$border-radius: .4rem;
|
||||
$border-radius-lg: .4rem;
|
||||
$border-radius-sm: .4rem;
|
||||
11
_dev/css/abstracts/variables/bootstrap/_custom-control.scss
Normal file
11
_dev/css/abstracts/variables/bootstrap/_custom-control.scss
Normal file
@ -0,0 +1,11 @@
|
||||
$custom-checkbox-indicator-border-radius: 4px;
|
||||
|
||||
|
||||
$custom-checkbox-indicator-icon-checked-dark-color: $black;
|
||||
$custom-checkbox-indicator-icon-checked-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-checkbox-indicator-icon-checked-dark-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
|
||||
|
||||
//Custom radio color
|
||||
|
||||
$custom-color-control-indicator-size: rem-calc(24px);
|
||||
$custom-color-control-indicator-size-checked-border-color: $gray-900;
|
||||
$custom-color-control-indicator-icon-size: rem-calc(18px);
|
||||
8
_dev/css/abstracts/variables/bootstrap/_forms.scss
Normal file
8
_dev/css/abstracts/variables/bootstrap/_forms.scss
Normal file
@ -0,0 +1,8 @@
|
||||
$input-btn-padding-y: rem-calc(8px);
|
||||
$input-btn-padding-x: rem-calc(16px);
|
||||
|
||||
$input-btn-padding-y-sm: rem-calc(4px);
|
||||
$input-btn-padding-x-sm: rem-calc(8px);
|
||||
|
||||
$input-btn-padding-y-lg: rem-calc(14px);
|
||||
$input-btn-padding-x-lg: rem-calc(20px);
|
||||
3
_dev/css/abstracts/variables/bootstrap/_grid.scss
Normal file
3
_dev/css/abstracts/variables/bootstrap/_grid.scss
Normal file
@ -0,0 +1,3 @@
|
||||
$grid-columns: 12;
|
||||
$grid-gutter-width: rem-calc(20px);
|
||||
$grid-row-columns: 6;
|
||||
14
_dev/css/abstracts/variables/bootstrap/_index.scss
Normal file
14
_dev/css/abstracts/variables/bootstrap/_index.scss
Normal file
@ -0,0 +1,14 @@
|
||||
@import "colors";
|
||||
@import "typography";
|
||||
@import "spacer";
|
||||
@import "components";
|
||||
@import "commons";
|
||||
@import "custom-control";
|
||||
@import "buttons";
|
||||
@import "options";
|
||||
@import "grid";
|
||||
@import "card";
|
||||
@import "rfs";
|
||||
@import "forms";
|
||||
@import "badge";
|
||||
@import "progress";
|
||||
1
_dev/css/abstracts/variables/bootstrap/_options.scss
Normal file
1
_dev/css/abstracts/variables/bootstrap/_options.scss
Normal file
@ -0,0 +1 @@
|
||||
$enable-responsive-font-sizes: true;
|
||||
3
_dev/css/abstracts/variables/bootstrap/_progress.scss
Normal file
3
_dev/css/abstracts/variables/bootstrap/_progress.scss
Normal file
@ -0,0 +1,3 @@
|
||||
|
||||
$progress-bg: $gray-200;
|
||||
$progress-height: rem-calc(8px);
|
||||
4
_dev/css/abstracts/variables/bootstrap/_rfs.scss
Normal file
4
_dev/css/abstracts/variables/bootstrap/_rfs.scss
Normal file
@ -0,0 +1,4 @@
|
||||
$rfs-breakpoint: 992;
|
||||
$rfs-breakpoint-unit: px;
|
||||
$rfs-base-font-size: 12;
|
||||
$rfs-factor: 5;
|
||||
12
_dev/css/abstracts/variables/bootstrap/_spacer.scss
Normal file
12
_dev/css/abstracts/variables/bootstrap/_spacer.scss
Normal file
@ -0,0 +1,12 @@
|
||||
$spacer: 10px;
|
||||
|
||||
// stylelint-disable-next-line scss/dollar-variable-default
|
||||
$spacers: (
|
||||
0: 0,
|
||||
1: ($spacer * .5),
|
||||
2: $spacer,
|
||||
3: ($spacer * 2),
|
||||
4: ($spacer * 3),
|
||||
5: ($spacer * 4),
|
||||
6: ($spacer * 5),
|
||||
);
|
||||
39
_dev/css/abstracts/variables/bootstrap/_typography.scss
Normal file
39
_dev/css/abstracts/variables/bootstrap/_typography.scss
Normal file
@ -0,0 +1,39 @@
|
||||
$font-family-sans-serif: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
$font-family-base: $font-family-sans-serif;
|
||||
|
||||
$font-size-base: rem-calc(16px);
|
||||
$font-size-lg: $font-size-base * 1.125;
|
||||
$font-size-sm: $font-size-base * .875;
|
||||
$font-size-xs: $font-size-base * .6875;
|
||||
|
||||
$font-weight-lighter: 200;
|
||||
$font-weight-light: 300;
|
||||
$font-weight-normal: 400;
|
||||
$font-weight-bold: 700;
|
||||
$font-weight-bolder: 800;
|
||||
|
||||
$h1-font-size: $font-size-base * 2;
|
||||
$h2-font-size: $font-size-base * 1.75;
|
||||
$h3-font-size: $font-size-base * 1.5;
|
||||
$h4-font-size: $font-size-base * 1.25;
|
||||
$h5-font-size: $font-size-base * 1.125;
|
||||
$h6-font-size: $font-size-base;
|
||||
|
||||
$display1-size: $font-size-base * 2.5;
|
||||
$display2-size: $font-size-base * 2.25;
|
||||
$display3-size: $font-size-base * 2;
|
||||
$display4-size: $font-size-base * 1.75;
|
||||
|
||||
$display1-weight: 400;
|
||||
$display2-weight: 400;
|
||||
$display3-weight: 400;
|
||||
$display4-weight: 400;
|
||||
|
||||
$text-muted: $gray-600;
|
||||
|
||||
$paragraph-margin-bottom: rem-calc(20px);
|
||||
|
||||
$headings-margin-bottom: rem-calc(20px);
|
||||
$headings-font-weight: 700;
|
||||
$headings-line-height: 1.2;
|
||||
$headings-color: $gray-900;
|
||||
2
_dev/css/abstracts/variables/custom/_icomoon.scss
Normal file
2
_dev/css/abstracts/variables/custom/_icomoon.scss
Normal file
@ -0,0 +1,2 @@
|
||||
$icomoon-font-path: "../css/fonts/icomoon/fonts";
|
||||
@import "../../../fonts/icomoon/variables";
|
||||
2
_dev/css/abstracts/variables/custom/_index.scss
Normal file
2
_dev/css/abstracts/variables/custom/_index.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@import "icomoon";
|
||||
@import "search";
|
||||
1
_dev/css/abstracts/variables/custom/_search.scss
Normal file
1
_dev/css/abstracts/variables/custom/_search.scss
Normal file
@ -0,0 +1 @@
|
||||
$search-input-height: rem-calc(46px);
|
||||
Reference in New Issue
Block a user