mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-10 19:57:13 +03:00
releas: 4.2.0
This commit is contained in:
parent
e47ab0bbe0
commit
96ad6f93ed
|
@ -1,5 +1,5 @@
|
||||||
MDB5
|
MDB5
|
||||||
Version: FREE 4.1.0
|
Version: FREE 4.2.0
|
||||||
|
|
||||||
Documentation:
|
Documentation:
|
||||||
https://mdbootstrap.com/docs/standard/
|
https://mdbootstrap.com/docs/standard/
|
||||||
|
|
6
css/mdb.dark.min.css
vendored
6
css/mdb.dark.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
css/mdb.dark.rtl.min.css
vendored
4
css/mdb.dark.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
8
css/mdb.min.css
vendored
8
css/mdb.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
css/mdb.rtl.min.css
vendored
4
css/mdb.rtl.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
js/mdb.min.js
vendored
4
js/mdb.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "mdb-ui-kit",
|
"name": "mdb-ui-kit",
|
||||||
"version": "4.1.0",
|
"version": "4.2.0",
|
||||||
"main": "js/mdb.min.js",
|
"main": "js/mdb.min.js",
|
||||||
"homepage": "https://mdbootstrap.com/docs/standard/",
|
"homepage": "https://mdbootstrap.com/docs/standard/",
|
||||||
"repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",
|
"repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",
|
||||||
|
|
|
@ -8,10 +8,20 @@
|
||||||
border-top-left-radius: $card-border-radius;
|
border-top-left-radius: $card-border-radius;
|
||||||
border-top-right-radius: $card-border-radius;
|
border-top-right-radius: $card-border-radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&[class*='bg-'] {
|
||||||
|
.card-header {
|
||||||
|
border-bottom-color: $card-border-color;
|
||||||
|
}
|
||||||
|
.card-footer {
|
||||||
|
border-top-color: $card-border-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header {
|
.card-header {
|
||||||
background-color: $card-header-background-color;
|
background-color: $card-header-background-color;
|
||||||
|
border-bottom: $card-header-border-width solid $card-header-border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-body {
|
.card-body {
|
||||||
|
@ -23,6 +33,7 @@
|
||||||
|
|
||||||
.card-footer {
|
.card-footer {
|
||||||
background-color: $card-footer-background-color;
|
background-color: $card-footer-background-color;
|
||||||
|
border-top: $card-header-border-width solid $card-header-border-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-img-left {
|
.card-img-left {
|
||||||
|
|
|
@ -114,3 +114,8 @@
|
||||||
.fade-out {
|
.fade-out {
|
||||||
animation-name: fade-out;
|
animation-name: fade-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-divider {
|
||||||
|
border-top: 2px solid $dropdown-divider-bg;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
|
@ -41,28 +41,3 @@
|
||||||
padding: 0.5rem 0;
|
padding: 0.5rem 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group {
|
|
||||||
&.input-group-lg {
|
|
||||||
.input-group-text {
|
|
||||||
height: $input-group-lg-height;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
.input-group-text {
|
|
||||||
height: $input-group-height;
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-group {
|
|
||||||
&.input-group-sm {
|
|
||||||
.input-group-text {
|
|
||||||
height: $input-group-sm-height;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -11,4 +11,5 @@
|
||||||
|
|
||||||
.popover-header {
|
.popover-header {
|
||||||
background-color: $popover-background-color;
|
background-color: $popover-background-color;
|
||||||
|
border-bottom: $popover-border-width solid $popover-border-color;
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
tbody {
|
tbody {
|
||||||
font-weight: 300;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
> :not(:last-child) > :last-child > * {
|
> :not(:last-child) > :last-child > * {
|
||||||
|
@ -41,3 +41,12 @@
|
||||||
background-color: var(--#{$variable-prefix}table-hover-bg);
|
background-color: var(--#{$variable-prefix}table-hover-bg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-group-divider {
|
||||||
|
border-top: (2 * $table-border-width) solid;
|
||||||
|
border-top-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-divider-color {
|
||||||
|
border-top-color: rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
|
@ -12,6 +12,12 @@
|
||||||
|
|
||||||
.toast-header {
|
.toast-header {
|
||||||
background-color: $toast-header-background-color;
|
background-color: $toast-header-background-color;
|
||||||
|
border-bottom-width: 2px;
|
||||||
|
|
||||||
|
.btn-close {
|
||||||
|
margin-right: -0.375rem;
|
||||||
|
margin-left: 0.75rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.parent-toast-relative {
|
.parent-toast-relative {
|
||||||
|
@ -26,3 +32,11 @@
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: $zindex-toast;
|
z-index: $zindex-toast;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@each $name, $color in $toasts {
|
||||||
|
.toast-#{$name} {
|
||||||
|
background-color: map-get($color, background-color);
|
||||||
|
color: map-get($color, text-color);
|
||||||
|
border-color: map-get($color, border-color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -174,3 +174,34 @@ $utilities: map-merge(
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
|
hr.divider-horizontal:not([size]) {
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider-horizontal {
|
||||||
|
opacity: 1;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider-vertical {
|
||||||
|
opacity: 1;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
display: inline-block;
|
||||||
|
width: 2px;
|
||||||
|
margin: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.divider-horizontal-blurry {
|
||||||
|
background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 40%), transparent);
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr.divider-vertical-blurry {
|
||||||
|
background-image: linear-gradient(180deg, transparent, hsl(0, 0%, 40%), transparent);
|
||||||
|
background-color: transparent;
|
||||||
|
width: 1px;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
|
@ -350,47 +350,112 @@ $badges: map-merge(
|
||||||
'background-color': hsl(217, 88.8%, 90%),
|
'background-color': hsl(217, 88.8%, 90%),
|
||||||
'text-color': hsl(217, 88.8%, 35%),
|
'text-color': hsl(217, 88.8%, 35%),
|
||||||
'icon-color': hsl(217, 88.8%, 65%),
|
'icon-color': hsl(217, 88.8%, 65%),
|
||||||
|
'border-color': hsl(217, 88.8%, 85%),
|
||||||
),
|
),
|
||||||
'secondary': (
|
'secondary': (
|
||||||
'background-color': hsl(277, 98%, 90%),
|
'background-color': hsl(277, 98%, 90%),
|
||||||
'text-color': hsl(277, 98%, 35%),
|
'text-color': hsl(277, 98%, 35%),
|
||||||
'icon-color': hsl(277, 98%, 55%),
|
'icon-color': hsl(277, 98%, 55%),
|
||||||
|
'border-color': hsl(277, 98%, 85%),
|
||||||
),
|
),
|
||||||
'success': (
|
'success': (
|
||||||
'background-color': hsl(144, 70%, 87%),
|
'background-color': hsl(144, 70%, 87%),
|
||||||
'text-color': hsl(144, 70%, 15%),
|
'text-color': hsl(144, 70%, 15%),
|
||||||
'icon-color': hsl(144, 70%, 35%),
|
'icon-color': hsl(144, 70%, 35%),
|
||||||
|
'border-color': hsl(144, 70%, 77%),
|
||||||
),
|
),
|
||||||
'danger': (
|
'danger': (
|
||||||
'background-color': hsl(350, 90.3%, 92%),
|
'background-color': hsl(350, 90.3%, 92%),
|
||||||
'text-color': hsl(350, 90.3%, 25%),
|
'text-color': hsl(350, 90.3%, 25%),
|
||||||
'icon-color': hsl(350, 90.3%, 55%),
|
'icon-color': hsl(350, 90.3%, 55%),
|
||||||
|
'border-color': hsl(350, 90.3%, 87%),
|
||||||
),
|
),
|
||||||
'warning': (
|
'warning': (
|
||||||
'background-color': hsl(40, 100%, 88%),
|
'background-color': hsl(40, 100%, 88%),
|
||||||
'text-color': hsl(40, 80%, 15%),
|
'text-color': hsl(40, 80%, 15%),
|
||||||
'icon-color': hsl(40, 100%, 40%),
|
'icon-color': hsl(40, 100%, 40%),
|
||||||
|
'border-color': hsl(40, 100%, 80%),
|
||||||
),
|
),
|
||||||
'info': (
|
'info': (
|
||||||
'background-color': hsl(195, 83.3%, 90%),
|
'background-color': hsl(195, 83.3%, 90%),
|
||||||
'text-color': hsl(195, 83.3%, 18%),
|
'text-color': hsl(195, 83.3%, 18%),
|
||||||
'icon-color': hsl(195, 83.3%, 45%),
|
'icon-color': hsl(195, 83.3%, 45%),
|
||||||
|
'border-color': hsl(195, 83.3%, 85%),
|
||||||
),
|
),
|
||||||
'light': (
|
'light': (
|
||||||
'background-color': hsl(0, 0%, 96%),
|
'background-color': hsl(0, 0%, 96%),
|
||||||
'text-color': hsl(0, 0%, 25%),
|
'text-color': hsl(0, 0%, 25%),
|
||||||
'icon-color': hsl(0, 0%, 55%),
|
'icon-color': hsl(0, 0%, 55%),
|
||||||
|
'border-color': hsl(0, 0%, 88%),
|
||||||
),
|
),
|
||||||
'dark': (
|
'dark': (
|
||||||
'background-color': hsl(0, 0%, 16%),
|
'background-color': hsl(0, 0%, 16%),
|
||||||
'text-color': hsl(0, 0%, 96%),
|
'text-color': hsl(0, 0%, 96%),
|
||||||
'icon-color': hsl(0, 0%, 85%),
|
'icon-color': hsl(0, 0%, 85%),
|
||||||
|
'border-color': hsl(0, 0%, 20%),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
$badges
|
$badges
|
||||||
);
|
);
|
||||||
// scss-docs-end badges-colors-map
|
// scss-docs-end badges-colors-map
|
||||||
|
|
||||||
|
// scss-docs-start toasts-colors-map
|
||||||
|
$toasts: () !default;
|
||||||
|
$toasts: map-merge(
|
||||||
|
(
|
||||||
|
'primary': (
|
||||||
|
'background-color': hsl(217, 88.8%, 90%),
|
||||||
|
'text-color': hsl(217, 88.8%, 35%),
|
||||||
|
'icon-color': hsl(217, 88.8%, 65%),
|
||||||
|
'border-color': hsl(217, 88.8%, 87%),
|
||||||
|
),
|
||||||
|
'secondary': (
|
||||||
|
'background-color': hsl(277, 98%, 90%),
|
||||||
|
'text-color': hsl(277, 98%, 35%),
|
||||||
|
'icon-color': hsl(277, 98%, 55%),
|
||||||
|
'border-color': hsl(277, 98%, 87%),
|
||||||
|
),
|
||||||
|
'success': (
|
||||||
|
'background-color': hsl(144, 70%, 87%),
|
||||||
|
'text-color': hsl(144, 70%, 15%),
|
||||||
|
'icon-color': hsl(144, 70%, 35%),
|
||||||
|
'border-color': hsl(144, 70%, 81%),
|
||||||
|
),
|
||||||
|
'danger': (
|
||||||
|
'background-color': hsl(350, 90.3%, 92%),
|
||||||
|
'text-color': hsl(350, 90.3%, 25%),
|
||||||
|
'icon-color': hsl(350, 90.3%, 55%),
|
||||||
|
'border-color': hsl(350, 90.3%, 89%),
|
||||||
|
),
|
||||||
|
'warning': (
|
||||||
|
'background-color': hsl(40, 100%, 88%),
|
||||||
|
'text-color': hsl(40, 80%, 15%),
|
||||||
|
'icon-color': hsl(40, 100%, 40%),
|
||||||
|
'border-color': hsl(40, 100%, 82%),
|
||||||
|
),
|
||||||
|
'info': (
|
||||||
|
'background-color': hsl(195, 83.3%, 90%),
|
||||||
|
'text-color': hsl(195, 83.3%, 18%),
|
||||||
|
'icon-color': hsl(195, 83.3%, 45%),
|
||||||
|
'border-color': hsl(195, 83.3%, 85%),
|
||||||
|
),
|
||||||
|
'light': (
|
||||||
|
'background-color': hsl(0, 0%, 96%),
|
||||||
|
'text-color': hsl(0, 0%, 25%),
|
||||||
|
'icon-color': hsl(0, 0%, 55%),
|
||||||
|
'border-color': hsl(0, 0%, 90%),
|
||||||
|
),
|
||||||
|
'dark': (
|
||||||
|
'background-color': hsl(0, 0%, 16%),
|
||||||
|
'text-color': hsl(0, 0%, 96%),
|
||||||
|
'icon-color': hsl(0, 0%, 85%),
|
||||||
|
'border-color': hsl(0, 0%, 13%),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
$toasts
|
||||||
|
);
|
||||||
|
// scss-docs-end toasts-colors-map
|
||||||
|
|
||||||
// Prefix for :root CSS variables
|
// Prefix for :root CSS variables
|
||||||
|
|
||||||
$variable-prefix: mdb- !default;
|
$variable-prefix: mdb- !default;
|
||||||
|
@ -414,12 +479,12 @@ $placeholder-opacity-min: 0.2 !default;
|
||||||
|
|
||||||
$box-shadow-0: none !default;
|
$box-shadow-0: none !default;
|
||||||
|
|
||||||
$box-shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.07) !default;
|
$box-shadow-1: 0 0px 2px 0 rgb(0 0 0 / 7%), 0 1px 1px 0 rgb(0 0 0 / 4%) !default;
|
||||||
$box-shadow-2: 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-2: 0 0px 3px 0 rgb(0 0 0 / 7%), 0 2px 2px 0 rgb(0 0 0 / 4%) !default;
|
||||||
$box-shadow-3: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-3: 0 2px 6px -1px rgb(0 0 0 / 7%), 0 6px 18px -1px rgb(0 0 0 / 4%) !default;
|
||||||
$box-shadow-4: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-4: 0 2px 15px -3px rgb(0 0 0 / 7%), 0 10px 20px -2px rgb(0 0 0 / 4%) !default;
|
||||||
$box-shadow-5: 0 20px 25px -5px rgba(0, 0, 0, 0.07), 0 10px 10px -5px rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-5: 0 2px 25px -5px rgb(0 0 0 / 7%), 0 25px 21px -5px rgb(0 0 0 / 4%) !default;
|
||||||
$box-shadow-6: 0 25px 50px -12px rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-6: 0 2px 35px -12px rgb(0 0 0 / 21%), 0 50px 40px -5px rgb(0 0 0 / 4%) !default;
|
||||||
|
|
||||||
$box-shadow-1-soft: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-1-soft: 0 1px 5px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
$box-shadow-2-soft: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-2-soft: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
|
@ -428,12 +493,12 @@ $box-shadow-4-soft: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
$box-shadow-5-soft: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-5-soft: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
$box-shadow-6-soft: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-6-soft: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
|
|
||||||
$box-shadow-1-strong: 0 1px 5px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-1-strong: 0 0px 2px 0 rgb(0 0 0 / 16%), 0 1px 1px 0 rgb(0 0 0 / 10%) !default;
|
||||||
$box-shadow-2-strong: 0 2px 10px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-2-strong: 0 0px 3px 0 rgb(0 0 0 / 16%), 0 2px 2px 0 rgb(0 0 0 / 10%) !default;
|
||||||
$box-shadow-3-strong: 0 5px 15px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-3-strong: 0 2px 6px -1px rgb(0 0 0 / 16%), 0 6px 18px -1px rgb(0 0 0 / 10%) !default;
|
||||||
$box-shadow-4-strong: 0 10px 20px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-4-strong: 0 2px 15px -3px rgb(0 0 0 / 16%), 0 10px 20px -2px rgb(0 0 0 / 10%) !default;
|
||||||
$box-shadow-5-strong: 0 15px 30px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-5-strong: 0 2px 25px -5px rgb(0 0 0 / 16%), 0 25px 21px -5px rgb(0 0 0 / 10%) !default;
|
||||||
$box-shadow-6-strong: 0 20px 40px 0 rgba(0, 0, 0, 0.21) !default;
|
$box-shadow-6-strong: 0 2px 35px -12px rgb(0 0 0 / 26%), 0 50px 40px -5px rgb(0 0 0 / 10%) !default;
|
||||||
|
|
||||||
$box-shadow-3-top: 0 -10px 20px 0 rgba(0, 0, 0, 0.05) !default;
|
$box-shadow-3-top: 0 -10px 20px 0 rgba(0, 0, 0, 0.05) !default;
|
||||||
$box-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !default;
|
$box-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !default;
|
||||||
|
@ -632,7 +697,7 @@ $form-check-input-width-md: 1.125rem !default;
|
||||||
$form-check-input-height: $form-check-input-width-md !default;
|
$form-check-input-height: $form-check-input-width-md !default;
|
||||||
$form-check-input-background-color: $white !default;
|
$form-check-input-background-color: $white !default;
|
||||||
$form-check-input-border-width: 0.125rem !default;
|
$form-check-input-border-width: 0.125rem !default;
|
||||||
$form-check-input-border-color: rgb(117, 117, 117) !default;
|
$form-check-input-border-color: rgba(0, 0, 0, 0.25) !default;
|
||||||
|
|
||||||
$form-check-input-before-box-shadow: 0px 0px 0px 13px transparent !default;
|
$form-check-input-before-box-shadow: 0px 0px 0px 13px transparent !default;
|
||||||
$form-check-input-before-border-radius: 50% !default;
|
$form-check-input-before-border-radius: 50% !default;
|
||||||
|
@ -658,7 +723,7 @@ $form-check-input-checked-focus-before-box-shadow: 0px 0px 0px 13px $primary !de
|
||||||
$form-check-input-checked-focus-before-transform: $form-check-input-focus-before-transform !default;
|
$form-check-input-checked-focus-before-transform: $form-check-input-focus-before-transform !default;
|
||||||
$form-check-input-checked-focus-before-transition: $form-check-input-focus-before-transition !default;
|
$form-check-input-checked-focus-before-transition: $form-check-input-focus-before-transition !default;
|
||||||
|
|
||||||
$form-check-input-checkbox-border-radius: 0.125rem !default;
|
$form-check-input-checkbox-border-radius: 0.25rem !default;
|
||||||
$form-check-input-checkbox-focus-after-width: 0.875rem !default;
|
$form-check-input-checkbox-focus-after-width: 0.875rem !default;
|
||||||
$form-check-input-checkbox-focus-after-height: $form-check-input-checkbox-focus-after-width !default;
|
$form-check-input-checkbox-focus-after-height: $form-check-input-checkbox-focus-after-width !default;
|
||||||
$form-check-input-checkbox-focus-after-background-color: $white !default;
|
$form-check-input-checkbox-focus-after-background-color: $white !default;
|
||||||
|
@ -712,7 +777,7 @@ $form-switch-padding-left: 1.85rem !default;
|
||||||
$form-switch-form-check-input-border-radius: 0.4375rem !default;
|
$form-switch-form-check-input-border-radius: 0.4375rem !default;
|
||||||
$form-switch-form-check-input-width: 2rem !default;
|
$form-switch-form-check-input-width: 2rem !default;
|
||||||
$form-switch-form-check-input-height: 0.875rem !default;
|
$form-switch-form-check-input-height: 0.875rem !default;
|
||||||
$form-switch-form-check-input-background-color: rgba(0, 0, 0, 0.38) !default;
|
$form-switch-form-check-input-background-color: rgba(0, 0, 0, 0.25) !default;
|
||||||
$form-switch-form-check-input-margin-top: 0.35rem !default;
|
$form-switch-form-check-input-margin-top: 0.35rem !default;
|
||||||
$form-switch-form-check-input-margin-right: 0.7rem !default;
|
$form-switch-form-check-input-margin-right: 0.7rem !default;
|
||||||
|
|
||||||
|
@ -862,7 +927,7 @@ $navbar-brand-img-margin-right: 0.25rem !default;
|
||||||
//
|
//
|
||||||
// Dropdown menu container and content !default;
|
// Dropdown menu container and content !default;
|
||||||
|
|
||||||
$dropdown-color: #212529 !default;
|
$dropdown-color: $body-color !default;
|
||||||
$dropdown-margin-top: 0.125rem !default;
|
$dropdown-margin-top: 0.125rem !default;
|
||||||
$dropdown-box-shadow: $box-shadow-4 !default;
|
$dropdown-box-shadow: $box-shadow-4 !default;
|
||||||
$dropdown-font-size: 0.875rem !default;
|
$dropdown-font-size: 0.875rem !default;
|
||||||
|
@ -870,6 +935,7 @@ $dropdown-item-border-radius: 0.5rem !default;
|
||||||
$dropdown-item-padding-y: 0.5rem !default;
|
$dropdown-item-padding-y: 0.5rem !default;
|
||||||
$dropdown-item-padding-x: 1rem !default;
|
$dropdown-item-padding-x: 1rem !default;
|
||||||
$dropdown-border-radius: 0.5rem !default;
|
$dropdown-border-radius: 0.5rem !default;
|
||||||
|
$dropdown-divider-bg: hsl(0, 0%, 96%) !default;
|
||||||
|
|
||||||
$dropdown-state-color: #16181b !default;
|
$dropdown-state-color: #16181b !default;
|
||||||
$dropdown-state-background-color: #eee !default;
|
$dropdown-state-background-color: #eee !default;
|
||||||
|
@ -880,7 +946,7 @@ $dropdown-menu-animated-animation-timing-function: ease !default;
|
||||||
// Pagination
|
// Pagination
|
||||||
|
|
||||||
$pagination-font-size: 0.9rem !default;
|
$pagination-font-size: 0.9rem !default;
|
||||||
$pagination-color: #212529 !default;
|
$pagination-color: $body-color !default;
|
||||||
$pagination-transition: all 0.3s linear !default;
|
$pagination-transition: all 0.3s linear !default;
|
||||||
$pagination-border-radius: 0.25rem !default;
|
$pagination-border-radius: 0.25rem !default;
|
||||||
|
|
||||||
|
@ -904,6 +970,10 @@ $card-spacer-x: 1.5rem !default;
|
||||||
$card-box-shadow: $box-shadow-4 !default;
|
$card-box-shadow: $box-shadow-4 !default;
|
||||||
$card-header-background-color: rgba(255, 255, 255, 0) !default;
|
$card-header-background-color: rgba(255, 255, 255, 0) !default;
|
||||||
$card-footer-background-color: rgba(255, 255, 255, 0) !default;
|
$card-footer-background-color: rgba(255, 255, 255, 0) !default;
|
||||||
|
$card-header-border-width: 2px !default;
|
||||||
|
$card-header-border-color: hsl(0, 0%, 96%) !default;
|
||||||
|
$card-footer-border-width: 2px !default;
|
||||||
|
$card-footer-border-color: hsl(0, 0%, 96%) !default;
|
||||||
$card-border-radius: 0.5rem !default;
|
$card-border-radius: 0.5rem !default;
|
||||||
$card-img-overlay-padding: 1.5rem !default;
|
$card-img-overlay-padding: 1.5rem !default;
|
||||||
|
|
||||||
|
@ -930,6 +1000,8 @@ $tooltip-inner-border-radius: 0.25rem !default;
|
||||||
$popover-box-shadow: $box-shadow-4 !default;
|
$popover-box-shadow: $box-shadow-4 !default;
|
||||||
$popover-background-color: #fff !default;
|
$popover-background-color: #fff !default;
|
||||||
$popover-border-radius: $border-radius-xl !default;
|
$popover-border-radius: $border-radius-xl !default;
|
||||||
|
$popover-border-width: 2px !default;
|
||||||
|
$popover-border-color: hsl(0, 0%, 96%) !default;
|
||||||
|
|
||||||
// Toasts
|
// Toasts
|
||||||
|
|
||||||
|
@ -937,6 +1009,8 @@ $toast-background-color: #fff !default;
|
||||||
$toast-box-shadow: $box-shadow-4 !default;
|
$toast-box-shadow: $box-shadow-4 !default;
|
||||||
$toast-header-background-color: #fff !default;
|
$toast-header-background-color: #fff !default;
|
||||||
$toast-border-radius: $border-radius-xl !default;
|
$toast-border-radius: $border-radius-xl !default;
|
||||||
|
$toast-padding-x: 1rem !default;
|
||||||
|
$toast-padding-y: 0.65rem !default;
|
||||||
|
|
||||||
// Badges
|
// Badges
|
||||||
|
|
||||||
|
@ -957,6 +1031,10 @@ $badge-border-radius: 0.27rem !default;
|
||||||
|
|
||||||
$modal-box-shadow: $box-shadow-4 !default;
|
$modal-box-shadow: $box-shadow-4 !default;
|
||||||
$modal-content-border-radius: $border-radius-xl !default;
|
$modal-content-border-radius: $border-radius-xl !default;
|
||||||
|
$modal-header-border-color: hsl(0, 0%, 96%) !default;
|
||||||
|
$modal-footer-border-color: hsl(0, 0%, 96%) !default;
|
||||||
|
$modal-header-border-width: 2px !default;
|
||||||
|
$modal-footer-border-width: 2px !default;
|
||||||
|
|
||||||
// Alerts
|
// Alerts
|
||||||
|
|
||||||
|
@ -972,6 +1050,7 @@ $progress-height: 4px !default;
|
||||||
|
|
||||||
$list-group-border-radius: $border-radius-xl !default;
|
$list-group-border-radius: $border-radius-xl !default;
|
||||||
$list-group-item-padding-x: 1.5rem !default;
|
$list-group-item-padding-x: 1.5rem !default;
|
||||||
|
$list-group-color: $body-color !default;
|
||||||
|
|
||||||
// Carousel
|
// Carousel
|
||||||
|
|
||||||
|
@ -1021,7 +1100,7 @@ $note-paragraph-font-weight: 500 !default;
|
||||||
|
|
||||||
// Table
|
// Table
|
||||||
|
|
||||||
$table-color: #212529 !default;
|
$table-color: $body-color !default;
|
||||||
$table-font-size: 0.9rem !default;
|
$table-font-size: 0.9rem !default;
|
||||||
$table-hover-transition: 0.5s !default;
|
$table-hover-transition: 0.5s !default;
|
||||||
$table-group-separator-color: inherit !default;
|
$table-group-separator-color: inherit !default;
|
||||||
|
|
|
@ -82,7 +82,7 @@
|
||||||
&[type='checkbox'] {
|
&[type='checkbox'] {
|
||||||
border-radius: $form-check-input-checkbox-border-radius;
|
border-radius: $form-check-input-checkbox-border-radius;
|
||||||
margin-top: 0.19em;
|
margin-top: 0.19em;
|
||||||
margin-right: 8px;
|
margin-right: 6px;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
&:after {
|
&:after {
|
||||||
|
@ -131,7 +131,7 @@
|
||||||
width: $form-check-input-radio-width;
|
width: $form-check-input-radio-width;
|
||||||
height: $form-check-input-radio-height;
|
height: $form-check-input-radio-height;
|
||||||
margin-top: 0.125em;
|
margin-top: 0.125em;
|
||||||
margin-right: 6px;
|
margin-right: 4px;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
width: $form-check-input-radio-before-width;
|
width: $form-check-input-radio-before-width;
|
||||||
|
|
|
@ -98,3 +98,28 @@
|
||||||
.input-group > .btn {
|
.input-group > .btn {
|
||||||
padding-top: 0.59rem;
|
padding-top: 0.59rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
&.input-group-lg {
|
||||||
|
.input-group-text {
|
||||||
|
height: $input-group-lg-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
.input-group-text {
|
||||||
|
height: $input-group-height;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
&.input-group-sm {
|
||||||
|
.input-group-text {
|
||||||
|
height: $input-group-sm-height;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user