mirror of
https://github.com/LinkStackOrg/LinkStack.git
synced 2024-12-11 09:45:27 +01:00
118 lines
2.9 KiB
SCSS
118 lines
2.9 KiB
SCSS
|
// Breakpoints
|
||
|
|
$grid-breakpoints: (
|
||
|
|
xs: 0,
|
||
|
|
sm: 576px,
|
||
|
|
md: 768px,
|
||
|
|
lg: 992px,
|
||
|
|
xl: 1200px,
|
||
|
|
xxl: 1500px
|
||
|
|
);
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
$primary: #4c84ff !default;
|
||
|
|
$dark: #1b223c !default;
|
||
|
|
$secondary: #8a909d !default;
|
||
|
|
$gray-100: #f5f6fa !default;
|
||
|
|
$border-color: #e5e9f2 !default;
|
||
|
|
$navy: #212a39 !default;
|
||
|
|
$pink: #ff548e !default;
|
||
|
|
$success: #29cc97 !default;
|
||
|
|
$info: #13cae1 !default;
|
||
|
|
$warning: #fec400 !default;
|
||
|
|
$danger: #fe5461 !default;
|
||
|
|
$inverse: #070707 !default;
|
||
|
|
$purple: #896def !default;
|
||
|
|
$white: #ffffff !default;
|
||
|
|
$logo-fill-blue:#7DBCFF !default;
|
||
|
|
|
||
|
|
$theme-colors: (
|
||
|
|
(
|
||
|
|
"purple": $purple,
|
||
|
|
)
|
||
|
|
);
|
||
|
|
|
||
|
|
// Body colors
|
||
|
|
|
||
|
|
$body-color: $secondary !default;
|
||
|
|
|
||
|
|
//Border radius
|
||
|
|
|
||
|
|
$border-radius: .25rem !default;
|
||
|
|
|
||
|
|
//Body
|
||
|
|
$body-bg: $gray-100;
|
||
|
|
|
||
|
|
// Fonts: ;
|
||
|
|
|
||
|
|
$font-family-sans-roboto: 'Roboto', sans-serif !default;
|
||
|
|
$font-family-matetial-icon: 'Material Design Icons' !default;
|
||
|
|
$font-family-base: $font-family-sans-roboto !default;
|
||
|
|
$font-family-icon: $font-family-matetial-icon !default;
|
||
|
|
|
||
|
|
$font-size-base: .875rem !default;
|
||
|
|
$font-weight-medium: 500 !default;
|
||
|
|
|
||
|
|
//Heading
|
||
|
|
|
||
|
|
$headings-margin-bottom: 0 !default;
|
||
|
|
$h1-font-size: $font-size-base * 2.86 !default;
|
||
|
|
$h2-font-size: $font-size-base * 2.285 !default;
|
||
|
|
$h3-font-size: $font-size-base * 1.71 !default;
|
||
|
|
$h4-font-size: $font-size-base * 1.43 !default;
|
||
|
|
$h5-font-size: $font-size-base * 1.285 !default;
|
||
|
|
$h6-font-size: $font-size-base * 1.07 !default;
|
||
|
|
|
||
|
|
// Space
|
||
|
|
$spacer: 1rem;
|
||
|
|
$spacers: ();
|
||
|
|
$spacers:(
|
||
|
|
6: ($spacer * 3.5),
|
||
|
|
7: ($spacer * 4),
|
||
|
|
8: ($spacer * 4.5),
|
||
|
|
9: ($spacer * 5)
|
||
|
|
);
|
||
|
|
|
||
|
|
// Alerts
|
||
|
|
|
||
|
|
$alert-padding-y: 1.25rem !default;
|
||
|
|
$alert-padding-x: 1.25rem !default;
|
||
|
|
$alert-border-level: -6 !default;
|
||
|
|
|
||
|
|
// Badges
|
||
|
|
|
||
|
|
$badge-padding-y: .5em !default;
|
||
|
|
$badge-padding-x: 1em !default;
|
||
|
|
$badge-border-radius: $border-radius / 2 !default;
|
||
|
|
$badge-font-weight: $font-weight-medium !default;
|
||
|
|
|
||
|
|
// Breadcrumbs
|
||
|
|
|
||
|
|
$breadcrumb-padding-y: 1rem !default;
|
||
|
|
$breadcrumb-padding-x: 1.25rem !default;
|
||
|
|
$breadcrumb-bg: transparent !default;
|
||
|
|
|
||
|
|
// Inputs
|
||
|
|
|
||
|
|
$input-btn-padding-y: .59rem !default;
|
||
|
|
$input-btn-padding-x: 1rem !default;
|
||
|
|
$input-placeholder-color: rgba($secondary, .7) !default;
|
||
|
|
|
||
|
|
$input-btn-padding-y-lg: .75rem !default;
|
||
|
|
|
||
|
|
// Buttons
|
||
|
|
|
||
|
|
$btn-font-weight: $font-weight-medium !default;
|
||
|
|
|
||
|
|
// Pagination
|
||
|
|
|
||
|
|
$pagination-padding-y: 1rem !default;
|
||
|
|
$pagination-padding-x: 1.25rem !default;
|
||
|
|
|
||
|
|
// Card
|
||
|
|
$card-border-color: $border-color !default;
|
||
|
|
|
||
|
|
//Table
|
||
|
|
$table-dark-bg: $navy;
|
||
|
|
|
||
|
|
//Modal
|
||
|
|
$modal-sm: 400px !default;
|