You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
5.5 KiB
SCSS
196 lines
5.5 KiB
SCSS
// Fonts Path
|
|
$roboto-font-path: "../font/roboto/" !default;
|
|
|
|
// Full Palette
|
|
$enable_full_palette: true;
|
|
|
|
// $btn-floating-icon-margin: 5px;
|
|
|
|
//Tabs
|
|
$tabs-padding: 0.7rem;
|
|
$tabs-margin-x: 1rem;
|
|
$tabs-margin-y: -20px;
|
|
$pills-padding: 0.6rem;
|
|
|
|
// Spacers
|
|
$spacer: 1rem !default;
|
|
$spacer-x: $spacer !default;
|
|
$spacer-y: $spacer !default;
|
|
$spacers: (
|
|
0: 0,
|
|
1: ($spacer * .25),
|
|
2: ($spacer * .5),
|
|
3: $spacer,
|
|
4: ($spacer * 1.5),
|
|
5: ($spacer * 3),
|
|
6: ($spacer * 5)
|
|
) !default;
|
|
|
|
|
|
// Extreme Padding
|
|
$extreme-padding: (
|
|
"xs": 0,
|
|
"sm": 5%,
|
|
"md": 10%,
|
|
"lg": 15%,
|
|
"xl": 20%
|
|
);
|
|
|
|
// Navbar
|
|
$font-weight: 300;
|
|
|
|
$navbar-light-toggler-icon: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
|
|
$navbar-light-bg-active-color: rgba($black, .1) !default;
|
|
$navbar-light-hover-color: rgba($black, .75);
|
|
|
|
$navbar-dark-toggler-icon: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
|
|
$navbar-dark-bg-active-color: rgba($white, .1) !default;
|
|
$navbar-dark-hover-color: rgba($white, .75);
|
|
|
|
$navbar-scrolling-padding: 12px;
|
|
$navbar-top-collapse-padding: 5px;
|
|
$navbar-flex-icons-padding-md: 6px;
|
|
$navbar-flex-icons-padding-lg: 3px;
|
|
$navbar-form-input-mr: 5px;
|
|
$navbar-form-input-mb: 1px;
|
|
$navbar-form-input-ml: 8px;
|
|
$navbar-form-input-height: 1rem;
|
|
$navbar-dropdown-font-size: 0.9375rem;
|
|
$navbar-dropdown-menu-padding: 10px;
|
|
$navbar-padding-dropdown: 1rem;
|
|
$navbar-avatar-height: 35px;
|
|
$navbar-double-small-padding: 4px;
|
|
$navbar-double-font-size: 15px;
|
|
$navbar-breadcrumb-dn-padding: 1rem;
|
|
$navbar-button-collapse-top: 1px;
|
|
$navbar-button-collapse-left: 10px;
|
|
$navbar-button-collapse-font-size: 1.5rem;
|
|
$navbar-button-collapse-fs-sm: 1.4rem;
|
|
$navbar-button-collapse-mx: 10px;
|
|
$navbar-button-collapse-mt: 2px;
|
|
|
|
//Dropdown
|
|
$dropdown-menu-padding: 0.5rem;
|
|
$dropdown-item-padding: 1rem;
|
|
|
|
// Badges
|
|
$badge-pill-padding-x: 0.6rem !default;
|
|
$badge-pill-border-radius: 10rem !default;
|
|
|
|
// Progress
|
|
$progress-bar-height: 4px;
|
|
$progress-bar-wider-height: 20px;
|
|
$progress-bar-narrower-height: 1px;
|
|
$progress-bar-margin-y: 1rem;
|
|
$progress-bar-bg-color: map-get($grey, lighten-3);
|
|
|
|
// Forms
|
|
// Text Inputs + Textarea
|
|
$input-border-color: map-get($grey, "lighten-1");
|
|
$input-focus-color: $primary-color;
|
|
$input-font-size: 1rem;
|
|
$form-control-margin: 0.5rem;
|
|
$form-control-border-color: $primary-color;
|
|
// TODO
|
|
$input-disabled-color: rgba(0,0,0, .46) !default;
|
|
$input-disabled-solid-color: $primary-color !default;
|
|
|
|
// Radio Buttons
|
|
$radio-fill-color: $primary-color !default;
|
|
$radio-empty-color: #5a5a5a !default;
|
|
|
|
// Dropdown
|
|
$dropdown-bg-color: #fff !default;
|
|
$dropdown-hover-bg-color: #eee !default;
|
|
$dropdown-color: $primary-color !default;
|
|
$dropdown-item-height: 40px !default;
|
|
|
|
// Inputs
|
|
$input-bg-color: #fff !default;
|
|
$input-error-color: $error-color !default;
|
|
$input-success-color: $success-color !default;
|
|
$input-focus-color: $primary-color !default;
|
|
$label-font-size: .8rem !default;
|
|
$input-disabled-color: rgba(0,0,0, .46) !default;
|
|
// $input-disabled-solid-color: $primary-color !default; //trochę dziwny kolor był tutaj wpisany dlatego zamieniłem
|
|
$input-disabled-solid-color: #BDBDBD;
|
|
|
|
// Table
|
|
$product-table-img-max-height: 150px;
|
|
$product-table-img-min-width: 50px;
|
|
$table-inverse-color-border: $white !default;
|
|
|
|
// Footer
|
|
$footer-margin-top: 20px;
|
|
$footer-padding-top: 20px;
|
|
$footer-copyright-height: 50px;
|
|
$footer-copyright-line-height: 50px;
|
|
$footer-call-to-action-pt: 1.3rem;
|
|
$footer-call-to-action-pb: 0.5rem;
|
|
$footer-call-to-action-pr: 10px;
|
|
$footer-insta-photos-max-width: 100px;
|
|
$footer-insta-photos-margin: 4px;
|
|
|
|
// Images Path
|
|
$image-path: '../img/';
|
|
|
|
// Reponsive Headings
|
|
$responsive-headings: (
|
|
"xs": (
|
|
"h1": 150%,
|
|
"h2": 145%,
|
|
"h3": 135%,
|
|
"h4": 135%,
|
|
"h5": 135%
|
|
),
|
|
"sm": (
|
|
"h1": 170%,
|
|
"h2": 140%,
|
|
"h3": 125%,
|
|
"h4": 125%,
|
|
"h5": 125%
|
|
),
|
|
"md": (
|
|
"h1": 200%,
|
|
"h2": 170%,
|
|
"h3": 140%,
|
|
"h4": 125%,
|
|
"h5": 125%
|
|
),
|
|
"lg": (
|
|
"h1": 200%,
|
|
"h2": 170%,
|
|
"h3": 140%,
|
|
"h4": 125%,
|
|
"h5": 125%
|
|
),
|
|
"xl": (
|
|
"h1": 250%,
|
|
"h2": 200%,
|
|
"h3": 170%,
|
|
"h4": 140%,
|
|
"h5": 125%
|
|
),
|
|
);
|
|
|
|
|
|
|
|
/*** Global ***/
|
|
// Media Query Ranges
|
|
$small-screen-up: 601px !default;
|
|
$medium-screen-up: 993px !default;
|
|
$large-screen-up: 1201px !default;
|
|
$small-screen: 600px !default;
|
|
$medium-screen: 992px !default;
|
|
$large-screen: 1200px !default;
|
|
$sidenav-breakpoint: 1440px !default;
|
|
|
|
$medium-and-up: "only screen and (min-width : #{$small-screen-up})" !default;
|
|
$large-and-up: "only screen and (min-width : #{$medium-screen-up})" !default;
|
|
$small-and-down: "only screen and (max-width : #{$small-screen})" !default;
|
|
$medium-and-down: "only screen and (max-width : #{$medium-screen})" !default;
|
|
$medium-only: "only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})" !default;
|
|
$hide-sidenav: "only screen and (max-width : #{$sidenav-breakpoint})" !default;
|
|
|
|
// Link color
|
|
$link-color: #0275d8; |