feat(main): Add base theme: This is the falcon theme out of the box.

This is falcon v3.1.2
This commit is contained in:
2025-11-18 14:04:01 +01:00
parent 3a7f2db331
commit f4f4bcad1d
604 changed files with 49818 additions and 0 deletions

View File

@ -0,0 +1,8 @@
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/mixins";
@import "functions/index";
@import "mixins/index";
@import "variables/index";
@import "~bootstrap/scss/variables";

View File

@ -0,0 +1 @@
@import "rem-calc";

View File

@ -0,0 +1,5 @@
@use "sass:math";
@function rem-calc($size) {
@return math.div($size, 16px) * 1rem;
}

View File

@ -0,0 +1,13 @@
@use "sass:math";
@mixin custom-col-padded($width, $padding: math.div($grid-gutter-width, 2)) {
flex: 0 0 $width;
max-width: $width;
padding-right: $padding;
padding-left: $padding;
}
@mixin custom-col($width) {
flex: 0 0 $width;
max-width: $width;
}

View File

@ -0,0 +1 @@
@import "custom-col";

View File

@ -0,0 +1,2 @@
@import "custom/index";
@import "bootstrap/index";

View File

@ -0,0 +1,2 @@
$badge-padding-y: 0.3em;
$badge-padding-x: 0.55em;

View File

@ -0,0 +1 @@
$btn-font-weight: 500;

View 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);

View 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;

View File

@ -0,0 +1,2 @@
$body-bg: $white;
$body-color: $gray-900;

View File

@ -0,0 +1,5 @@
$border-width: 1px;
$border-color: $gray-300;
$border-radius: .4rem;
$border-radius-lg: .4rem;
$border-radius-sm: .4rem;

View 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);

View 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);

View File

@ -0,0 +1,3 @@
$grid-columns: 12;
$grid-gutter-width: rem-calc(20px);
$grid-row-columns: 6;

View 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";

View File

@ -0,0 +1 @@
$enable-responsive-font-sizes: true;

View File

@ -0,0 +1,3 @@
$progress-bg: $gray-200;
$progress-height: rem-calc(8px);

View File

@ -0,0 +1,4 @@
$rfs-breakpoint: 992;
$rfs-breakpoint-unit: px;
$rfs-base-font-size: 12;
$rfs-factor: 5;

View 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),
);

View 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;

View File

@ -0,0 +1,2 @@
$icomoon-font-path: "../css/fonts/icomoon/fonts";
@import "../../../fonts/icomoon/variables";

View File

@ -0,0 +1,2 @@
@import "icomoon";
@import "search";

View File

@ -0,0 +1 @@
$search-input-height: rem-calc(46px);