second commit
This commit is contained in:
66
node_modules/flowbite-datepicker/sass/datepicker-foundation.scss
generated
vendored
Normal file
66
node_modules/flowbite-datepicker/sass/datepicker-foundation.scss
generated
vendored
Normal file
@ -0,0 +1,66 @@
|
||||
$dp-background-color: $body-background !default;
|
||||
$dp-border-color: $light-gray !default;
|
||||
$dp-border-radius: $global-radius !default;
|
||||
$dp-border-radius-small: $global-radius !default;
|
||||
$dp-line-height-base: $global-lineheight !default;
|
||||
$dp-font-size-normal: 1rem !default;
|
||||
$dp-font-size-small: 0.75rem !default;
|
||||
$dp-font-weight-semibold: semibold !default;
|
||||
$dp-font-weight-bold: bold !default;
|
||||
$dp-dropdown-offset: 4px !default;
|
||||
$dp-dropdown-shadow: 0 0 0 1px $medium-gray !default;
|
||||
$dp-dropdown-z: 10 !default;
|
||||
|
||||
$dp-title-background-color: $light-gray !default;
|
||||
|
||||
$dp-cell-size-base: 2.25rem !default;
|
||||
$dp-cell-focus-background-color: darken($white, 5%) !default;
|
||||
$dp-cell-prevnext-color: $medium-gray !default;
|
||||
$dp-cell-disabled-color: $light-gray !default;
|
||||
$dp-cell-selected-background-color: get-color('primary') !default;
|
||||
$dp-cell-selected-color: $white !default;
|
||||
$dp-cell-selected-font-weight: $dp-font-weight-semibold !default;
|
||||
$dp-cell-today-background-color: scale-color(get-color('primary'), $lightness: 85%) !default;
|
||||
$dp-cell-today-color: $dark-gray !default;
|
||||
$dp-cell-highlighted-background-color: scale-color($medium-gray, $lightness: 85%) !default;
|
||||
$dp-range-start-end-background-color: get-color('secondary') !default;
|
||||
$dp-range-start-end-color: $dp-cell-selected-color !default;
|
||||
$dp-range-background-color: $light-gray !default;
|
||||
$dp-range-today-background-color: darken($dp-cell-today-background-color, 8%) !default;
|
||||
$dp-week-color: $dark-gray !default;
|
||||
|
||||
$dp-footer-background-color: $light-gray !default;
|
||||
|
||||
$dp-input-in-edit-border-color: darken($medium-gray, 15%) !default;
|
||||
$dp-input-in-edit-focus-box-shadow-size: 0 0 0.25em 0.25em !default;
|
||||
|
||||
@import 'mixins';
|
||||
|
||||
@mixin dp-button {
|
||||
.button {
|
||||
margin: 0;
|
||||
background-color: $dp-background-color;
|
||||
color: $body-font-color;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: scale-color($dp-background-color, $lightness: -15%);
|
||||
|
||||
&[disabled] {
|
||||
opacity: 0.25; // $button-opacity-disabled
|
||||
background-color: $dp-background-color;
|
||||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker-header & {
|
||||
@include dp-header-button-common;
|
||||
}
|
||||
|
||||
.datepicker-footer & {
|
||||
@include dp-footer-button-common;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import 'datepicker';
|
Reference in New Issue
Block a user