administrate-bootstrap-theme 0.1.0 → 0.1.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +25 -11
- data/Rakefile +10 -14
- data/app/assets/config/administrate-bootstrap-theme_manifest.js +1 -0
- data/app/assets/javascripts/administrate-bootstrap-theme/theme.js +2 -0
- data/app/assets/stylesheets/administrate-bootstrap-theme/_base.scss +17 -1
- data/app/assets/stylesheets/administrate-bootstrap-theme/components/_content_body.scss +17 -3
- data/app/assets/stylesheets/administrate-bootstrap-theme/components/_form.scss +52 -16
- data/app/assets/stylesheets/administrate-bootstrap-theme/theme.scss +12 -0
- data/lib/administrate-bootstrap-theme/engine.rb +2 -0
- data/lib/administrate-bootstrap-theme/version.rb +1 -1
- data/node_modules/bootstrap/js/src/alert.js +141 -0
- data/node_modules/bootstrap/js/src/base-component.js +46 -0
- data/node_modules/bootstrap/js/src/button.js +95 -0
- data/node_modules/bootstrap/js/src/carousel.js +624 -0
- data/node_modules/bootstrap/js/src/collapse.js +410 -0
- data/node_modules/bootstrap/js/src/dom/data.js +57 -0
- data/node_modules/bootstrap/js/src/dom/event-handler.js +331 -0
- data/node_modules/bootstrap/js/src/dom/manipulator.js +80 -0
- data/node_modules/bootstrap/js/src/dom/selector-engine.js +75 -0
- data/node_modules/bootstrap/js/src/dropdown.js +543 -0
- data/node_modules/bootstrap/js/src/modal.js +582 -0
- data/node_modules/bootstrap/js/src/offcanvas.js +279 -0
- data/node_modules/bootstrap/js/src/popover.js +171 -0
- data/node_modules/bootstrap/js/src/scrollspy.js +319 -0
- data/node_modules/bootstrap/js/src/tab.js +220 -0
- data/node_modules/bootstrap/js/src/toast.js +219 -0
- data/node_modules/bootstrap/js/src/tooltip.js +802 -0
- data/node_modules/bootstrap/js/src/util/index.js +253 -0
- data/node_modules/bootstrap/js/src/util/sanitizer.js +127 -0
- data/node_modules/bootstrap/js/src/util/scrollbar.js +70 -0
- data/node_modules/bootstrap/scss/_accordion.scss +116 -0
- data/node_modules/bootstrap/scss/_alert.scss +57 -0
- data/node_modules/bootstrap/scss/_badge.scss +29 -0
- data/node_modules/bootstrap/scss/_breadcrumb.scss +28 -0
- data/node_modules/bootstrap/scss/_button-group.scss +139 -0
- data/node_modules/bootstrap/scss/_buttons.scss +111 -0
- data/node_modules/bootstrap/scss/_card.scss +215 -0
- data/node_modules/bootstrap/scss/_carousel.scss +229 -0
- data/node_modules/bootstrap/scss/_close.scss +40 -0
- data/node_modules/bootstrap/scss/_containers.scss +41 -0
- data/node_modules/bootstrap/scss/_dropdown.scss +246 -0
- data/node_modules/bootstrap/scss/_forms.scss +9 -0
- data/node_modules/bootstrap/scss/_functions.scss +205 -0
- data/node_modules/bootstrap/scss/_grid.scss +22 -0
- data/node_modules/bootstrap/scss/_helpers.scss +7 -0
- data/node_modules/bootstrap/scss/_images.scss +42 -0
- data/node_modules/bootstrap/scss/_list-group.scss +174 -0
- data/node_modules/bootstrap/scss/_mixins.scss +41 -0
- data/node_modules/bootstrap/scss/_modal.scss +237 -0
- data/node_modules/bootstrap/scss/_nav.scss +139 -0
- data/node_modules/bootstrap/scss/_navbar.scss +306 -0
- data/node_modules/bootstrap/scss/_offcanvas.scss +77 -0
- data/node_modules/bootstrap/scss/_pagination.scss +64 -0
- data/node_modules/bootstrap/scss/_popover.scss +158 -0
- data/node_modules/bootstrap/scss/_progress.scss +48 -0
- data/node_modules/bootstrap/scss/_reboot.scss +621 -0
- data/node_modules/bootstrap/scss/_root.scss +16 -0
- data/node_modules/bootstrap/scss/_spinners.scss +69 -0
- data/node_modules/bootstrap/scss/_tables.scss +150 -0
- data/node_modules/bootstrap/scss/_toasts.scss +51 -0
- data/node_modules/bootstrap/scss/_tooltip.scss +115 -0
- data/node_modules/bootstrap/scss/_transitions.scss +21 -0
- data/node_modules/bootstrap/scss/_type.scss +104 -0
- data/node_modules/bootstrap/scss/_utilities.scss +594 -0
- data/node_modules/bootstrap/scss/_variables.scss +1464 -0
- data/node_modules/bootstrap/scss/bootstrap-grid.scss +65 -0
- data/node_modules/bootstrap/scss/bootstrap-reboot.scss +15 -0
- data/node_modules/bootstrap/scss/bootstrap-utilities.scss +18 -0
- data/node_modules/bootstrap/scss/bootstrap.scss +52 -0
- data/node_modules/bootstrap/scss/forms/_floating-labels.scss +61 -0
- data/node_modules/bootstrap/scss/forms/_form-check.scss +152 -0
- data/node_modules/bootstrap/scss/forms/_form-control.scss +219 -0
- data/node_modules/bootstrap/scss/forms/_form-range.scss +91 -0
- data/node_modules/bootstrap/scss/forms/_form-select.scss +67 -0
- data/node_modules/bootstrap/scss/forms/_form-text.scss +11 -0
- data/node_modules/bootstrap/scss/forms/_input-group.scss +121 -0
- data/node_modules/bootstrap/scss/forms/_labels.scss +36 -0
- data/node_modules/bootstrap/scss/forms/_validation.scss +12 -0
- data/node_modules/bootstrap/scss/helpers/_clearfix.scss +3 -0
- data/node_modules/bootstrap/scss/helpers/_colored-links.scss +12 -0
- data/node_modules/bootstrap/scss/helpers/_position.scss +30 -0
- data/node_modules/bootstrap/scss/helpers/_ratio.scss +26 -0
- data/node_modules/bootstrap/scss/helpers/_stretched-link.scss +15 -0
- data/node_modules/bootstrap/scss/helpers/_text-truncation.scss +7 -0
- data/node_modules/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
- data/node_modules/bootstrap/scss/mixins/_alert.scss +11 -0
- data/node_modules/bootstrap/scss/mixins/_border-radius.scss +78 -0
- data/node_modules/bootstrap/scss/mixins/_box-shadow.scss +18 -0
- data/node_modules/bootstrap/scss/mixins/_breakpoints.scss +127 -0
- data/node_modules/bootstrap/scss/mixins/_buttons.scss +133 -0
- data/node_modules/bootstrap/scss/mixins/_caret.scss +64 -0
- data/node_modules/bootstrap/scss/mixins/_clearfix.scss +9 -0
- data/node_modules/bootstrap/scss/mixins/_container.scss +9 -0
- data/node_modules/bootstrap/scss/mixins/_deprecate.scss +10 -0
- data/node_modules/bootstrap/scss/mixins/_forms.scss +134 -0
- data/node_modules/bootstrap/scss/mixins/_gradients.scss +47 -0
- data/node_modules/bootstrap/scss/mixins/_grid.scss +120 -0
- data/node_modules/bootstrap/scss/mixins/_image.scss +16 -0
- data/node_modules/bootstrap/scss/mixins/_list-group.scss +24 -0
- data/node_modules/bootstrap/scss/mixins/_lists.scss +7 -0
- data/node_modules/bootstrap/scss/mixins/_pagination.scss +31 -0
- data/node_modules/bootstrap/scss/mixins/_reset-text.scss +17 -0
- data/node_modules/bootstrap/scss/mixins/_resize.scss +6 -0
- data/node_modules/bootstrap/scss/mixins/_table-variants.scss +21 -0
- data/node_modules/bootstrap/scss/mixins/_text-truncate.scss +8 -0
- data/node_modules/bootstrap/scss/mixins/_transition.scss +26 -0
- data/node_modules/bootstrap/scss/mixins/_utilities.scss +68 -0
- data/node_modules/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
- data/node_modules/bootstrap/scss/utilities/_api.scss +47 -0
- data/node_modules/bootstrap/scss/vendor/_rfs.scss +312 -0
- metadata +106 -19
@@ -0,0 +1,11 @@
|
|
1
|
+
// scss-docs-start alert-variant-mixin
|
2
|
+
@mixin alert-variant($background, $border, $color) {
|
3
|
+
color: $color;
|
4
|
+
@include gradient-bg($background);
|
5
|
+
border-color: $border;
|
6
|
+
|
7
|
+
.alert-link {
|
8
|
+
color: shade-color($color, 20%);
|
9
|
+
}
|
10
|
+
}
|
11
|
+
// scss-docs-end alert-variant-mixin
|
@@ -0,0 +1,78 @@
|
|
1
|
+
// stylelint-disable property-disallowed-list
|
2
|
+
// Single side border-radius
|
3
|
+
|
4
|
+
// Helper function to replace negative values with 0
|
5
|
+
@function valid-radius($radius) {
|
6
|
+
$return: ();
|
7
|
+
@each $value in $radius {
|
8
|
+
@if type-of($value) == number {
|
9
|
+
$return: append($return, max($value, 0));
|
10
|
+
} @else {
|
11
|
+
$return: append($return, $value);
|
12
|
+
}
|
13
|
+
}
|
14
|
+
@return $return;
|
15
|
+
}
|
16
|
+
|
17
|
+
// scss-docs-start border-radius-mixins
|
18
|
+
@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
|
19
|
+
@if $enable-rounded {
|
20
|
+
border-radius: valid-radius($radius);
|
21
|
+
}
|
22
|
+
@else if $fallback-border-radius != false {
|
23
|
+
border-radius: $fallback-border-radius;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin border-top-radius($radius: $border-radius) {
|
28
|
+
@if $enable-rounded {
|
29
|
+
border-top-left-radius: valid-radius($radius);
|
30
|
+
border-top-right-radius: valid-radius($radius);
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
@mixin border-end-radius($radius: $border-radius) {
|
35
|
+
@if $enable-rounded {
|
36
|
+
border-top-right-radius: valid-radius($radius);
|
37
|
+
border-bottom-right-radius: valid-radius($radius);
|
38
|
+
}
|
39
|
+
}
|
40
|
+
|
41
|
+
@mixin border-bottom-radius($radius: $border-radius) {
|
42
|
+
@if $enable-rounded {
|
43
|
+
border-bottom-right-radius: valid-radius($radius);
|
44
|
+
border-bottom-left-radius: valid-radius($radius);
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
@mixin border-start-radius($radius: $border-radius) {
|
49
|
+
@if $enable-rounded {
|
50
|
+
border-top-left-radius: valid-radius($radius);
|
51
|
+
border-bottom-left-radius: valid-radius($radius);
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
@mixin border-top-start-radius($radius: $border-radius) {
|
56
|
+
@if $enable-rounded {
|
57
|
+
border-top-left-radius: valid-radius($radius);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
@mixin border-top-end-radius($radius: $border-radius) {
|
62
|
+
@if $enable-rounded {
|
63
|
+
border-top-right-radius: valid-radius($radius);
|
64
|
+
}
|
65
|
+
}
|
66
|
+
|
67
|
+
@mixin border-bottom-end-radius($radius: $border-radius) {
|
68
|
+
@if $enable-rounded {
|
69
|
+
border-bottom-right-radius: valid-radius($radius);
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
@mixin border-bottom-start-radius($radius: $border-radius) {
|
74
|
+
@if $enable-rounded {
|
75
|
+
border-bottom-left-radius: valid-radius($radius);
|
76
|
+
}
|
77
|
+
}
|
78
|
+
// scss-docs-end border-radius-mixins
|
@@ -0,0 +1,18 @@
|
|
1
|
+
@mixin box-shadow($shadow...) {
|
2
|
+
@if $enable-shadows {
|
3
|
+
$result: ();
|
4
|
+
|
5
|
+
@each $value in $shadow {
|
6
|
+
@if $value != null {
|
7
|
+
$result: append($result, $value, "comma");
|
8
|
+
}
|
9
|
+
@if $value == none and length($shadow) > 1 {
|
10
|
+
@warn "The keyword 'none' must be used as a single argument.";
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
@if (length($result) > 0) {
|
15
|
+
box-shadow: $result;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
}
|
@@ -0,0 +1,127 @@
|
|
1
|
+
// Breakpoint viewport sizes and media queries.
|
2
|
+
//
|
3
|
+
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
4
|
+
//
|
5
|
+
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
|
6
|
+
//
|
7
|
+
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
8
|
+
|
9
|
+
// Name of the next breakpoint, or null for the last breakpoint.
|
10
|
+
//
|
11
|
+
// >> breakpoint-next(sm)
|
12
|
+
// md
|
13
|
+
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
14
|
+
// md
|
15
|
+
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
16
|
+
// md
|
17
|
+
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
|
18
|
+
$n: index($breakpoint-names, $name);
|
19
|
+
@if not $n {
|
20
|
+
@error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
|
21
|
+
}
|
22
|
+
@return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
|
23
|
+
}
|
24
|
+
|
25
|
+
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
26
|
+
//
|
27
|
+
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
28
|
+
// 576px
|
29
|
+
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
30
|
+
$min: map-get($breakpoints, $name);
|
31
|
+
@return if($min != 0, $min, null);
|
32
|
+
}
|
33
|
+
|
34
|
+
// Maximum breakpoint width.
|
35
|
+
// The maximum value is reduced by 0.02px to work around the limitations of
|
36
|
+
// `min-` and `max-` prefixes and viewports with fractional widths.
|
37
|
+
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
|
38
|
+
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
|
39
|
+
// See https://bugs.webkit.org/show_bug.cgi?id=178261
|
40
|
+
//
|
41
|
+
// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
42
|
+
// 767.98px
|
43
|
+
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
44
|
+
$max: map-get($breakpoints, $name);
|
45
|
+
@return if($max and $max > 0, $max - .02, null);
|
46
|
+
}
|
47
|
+
|
48
|
+
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
|
49
|
+
// Useful for making responsive utilities.
|
50
|
+
//
|
51
|
+
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
52
|
+
// "" (Returns a blank string)
|
53
|
+
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
|
54
|
+
// "-sm"
|
55
|
+
@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
|
56
|
+
@return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
|
57
|
+
}
|
58
|
+
|
59
|
+
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
60
|
+
// Makes the @content apply to the given breakpoint and wider.
|
61
|
+
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
62
|
+
$min: breakpoint-min($name, $breakpoints);
|
63
|
+
@if $min {
|
64
|
+
@media (min-width: $min) {
|
65
|
+
@content;
|
66
|
+
}
|
67
|
+
} @else {
|
68
|
+
@content;
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
73
|
+
// Makes the @content apply to the given breakpoint and narrower.
|
74
|
+
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
75
|
+
$max: breakpoint-max($name, $breakpoints);
|
76
|
+
@if $max {
|
77
|
+
@media (max-width: $max) {
|
78
|
+
@content;
|
79
|
+
}
|
80
|
+
} @else {
|
81
|
+
@content;
|
82
|
+
}
|
83
|
+
}
|
84
|
+
|
85
|
+
// Media that spans multiple breakpoint widths.
|
86
|
+
// Makes the @content apply between the min and max breakpoints
|
87
|
+
@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
|
88
|
+
$min: breakpoint-min($lower, $breakpoints);
|
89
|
+
$max: breakpoint-max($upper, $breakpoints);
|
90
|
+
|
91
|
+
@if $min != null and $max != null {
|
92
|
+
@media (min-width: $min) and (max-width: $max) {
|
93
|
+
@content;
|
94
|
+
}
|
95
|
+
} @else if $max == null {
|
96
|
+
@include media-breakpoint-up($lower, $breakpoints) {
|
97
|
+
@content;
|
98
|
+
}
|
99
|
+
} @else if $min == null {
|
100
|
+
@include media-breakpoint-down($upper, $breakpoints) {
|
101
|
+
@content;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
// Media between the breakpoint's minimum and maximum widths.
|
107
|
+
// No minimum for the smallest breakpoint, and no maximum for the largest one.
|
108
|
+
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
|
109
|
+
@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
|
110
|
+
$min: breakpoint-min($name, $breakpoints);
|
111
|
+
$next: breakpoint-next($name, $breakpoints);
|
112
|
+
$max: breakpoint-max($next);
|
113
|
+
|
114
|
+
@if $min != null and $max != null {
|
115
|
+
@media (min-width: $min) and (max-width: $max) {
|
116
|
+
@content;
|
117
|
+
}
|
118
|
+
} @else if $max == null {
|
119
|
+
@include media-breakpoint-up($name, $breakpoints) {
|
120
|
+
@content;
|
121
|
+
}
|
122
|
+
} @else if $min == null {
|
123
|
+
@include media-breakpoint-down($next, $breakpoints) {
|
124
|
+
@content;
|
125
|
+
}
|
126
|
+
}
|
127
|
+
}
|
@@ -0,0 +1,133 @@
|
|
1
|
+
// Button variants
|
2
|
+
//
|
3
|
+
// Easily pump out default styles, as well as :hover, :focus, :active,
|
4
|
+
// and disabled options for all buttons
|
5
|
+
|
6
|
+
// scss-docs-start btn-variant-mixin
|
7
|
+
@mixin button-variant(
|
8
|
+
$background,
|
9
|
+
$border,
|
10
|
+
$color: color-contrast($background),
|
11
|
+
$hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),
|
12
|
+
$hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),
|
13
|
+
$hover-color: color-contrast($hover-background),
|
14
|
+
$active-background: if($color == $color-contrast-light, shade-color($background,$btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),
|
15
|
+
$active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),
|
16
|
+
$active-color: color-contrast($active-background),
|
17
|
+
$disabled-background: $background,
|
18
|
+
$disabled-border: $border,
|
19
|
+
$disabled-color: color-contrast($disabled-background)
|
20
|
+
) {
|
21
|
+
color: $color;
|
22
|
+
@include gradient-bg($background);
|
23
|
+
border-color: $border;
|
24
|
+
@include box-shadow($btn-box-shadow);
|
25
|
+
|
26
|
+
&:hover {
|
27
|
+
color: $hover-color;
|
28
|
+
@include gradient-bg($hover-background);
|
29
|
+
border-color: $hover-border;
|
30
|
+
}
|
31
|
+
|
32
|
+
.btn-check:focus + &,
|
33
|
+
&:focus {
|
34
|
+
color: $hover-color;
|
35
|
+
@include gradient-bg($hover-background);
|
36
|
+
border-color: $hover-border;
|
37
|
+
@if $enable-shadows {
|
38
|
+
@include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
|
39
|
+
} @else {
|
40
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
41
|
+
box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
.btn-check:checked + &,
|
46
|
+
.btn-check:active + &,
|
47
|
+
&:active,
|
48
|
+
&.active,
|
49
|
+
.show > &.dropdown-toggle {
|
50
|
+
color: $active-color;
|
51
|
+
background-color: $active-background;
|
52
|
+
// Remove CSS gradients if they're enabled
|
53
|
+
background-image: if($enable-gradients, none, null);
|
54
|
+
border-color: $active-border;
|
55
|
+
|
56
|
+
&:focus {
|
57
|
+
@if $enable-shadows {
|
58
|
+
@include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
|
59
|
+
} @else {
|
60
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
61
|
+
box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
66
|
+
&:disabled,
|
67
|
+
&.disabled {
|
68
|
+
color: $disabled-color;
|
69
|
+
background-color: $disabled-background;
|
70
|
+
// Remove CSS gradients if they're enabled
|
71
|
+
background-image: if($enable-gradients, none, null);
|
72
|
+
border-color: $disabled-border;
|
73
|
+
}
|
74
|
+
}
|
75
|
+
// scss-docs-end btn-variant-mixin
|
76
|
+
|
77
|
+
// scss-docs-start btn-outline-variant-mixin
|
78
|
+
@mixin button-outline-variant(
|
79
|
+
$color,
|
80
|
+
$color-hover: color-contrast($color),
|
81
|
+
$active-background: $color,
|
82
|
+
$active-border: $color,
|
83
|
+
$active-color: color-contrast($active-background)
|
84
|
+
) {
|
85
|
+
color: $color;
|
86
|
+
border-color: $color;
|
87
|
+
|
88
|
+
&:hover {
|
89
|
+
color: $color-hover;
|
90
|
+
background-color: $active-background;
|
91
|
+
border-color: $active-border;
|
92
|
+
}
|
93
|
+
|
94
|
+
.btn-check:focus + &,
|
95
|
+
&:focus {
|
96
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
97
|
+
}
|
98
|
+
|
99
|
+
.btn-check:checked + &,
|
100
|
+
.btn-check:active + &,
|
101
|
+
&:active,
|
102
|
+
&.active,
|
103
|
+
&.dropdown-toggle.show {
|
104
|
+
color: $active-color;
|
105
|
+
background-color: $active-background;
|
106
|
+
border-color: $active-border;
|
107
|
+
|
108
|
+
&:focus {
|
109
|
+
@if $enable-shadows {
|
110
|
+
@include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));
|
111
|
+
} @else {
|
112
|
+
// Avoid using mixin so we can pass custom focus shadow properly
|
113
|
+
box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
|
114
|
+
}
|
115
|
+
}
|
116
|
+
}
|
117
|
+
|
118
|
+
&:disabled,
|
119
|
+
&.disabled {
|
120
|
+
color: $color;
|
121
|
+
background-color: transparent;
|
122
|
+
}
|
123
|
+
}
|
124
|
+
// scss-docs-end btn-outline-variant-mixin
|
125
|
+
|
126
|
+
// scss-docs-start btn-size-mixin
|
127
|
+
@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
|
128
|
+
padding: $padding-y $padding-x;
|
129
|
+
@include font-size($font-size);
|
130
|
+
// Manually declare to provide an override to the browser default
|
131
|
+
@include border-radius($border-radius, 0);
|
132
|
+
}
|
133
|
+
// scss-docs-end btn-size-mixin
|
@@ -0,0 +1,64 @@
|
|
1
|
+
// scss-docs-start caret-mixins
|
2
|
+
@mixin caret-down {
|
3
|
+
border-top: $caret-width solid;
|
4
|
+
border-right: $caret-width solid transparent;
|
5
|
+
border-bottom: 0;
|
6
|
+
border-left: $caret-width solid transparent;
|
7
|
+
}
|
8
|
+
|
9
|
+
@mixin caret-up {
|
10
|
+
border-top: 0;
|
11
|
+
border-right: $caret-width solid transparent;
|
12
|
+
border-bottom: $caret-width solid;
|
13
|
+
border-left: $caret-width solid transparent;
|
14
|
+
}
|
15
|
+
|
16
|
+
@mixin caret-end {
|
17
|
+
border-top: $caret-width solid transparent;
|
18
|
+
border-right: 0;
|
19
|
+
border-bottom: $caret-width solid transparent;
|
20
|
+
border-left: $caret-width solid;
|
21
|
+
}
|
22
|
+
|
23
|
+
@mixin caret-start {
|
24
|
+
border-top: $caret-width solid transparent;
|
25
|
+
border-right: $caret-width solid;
|
26
|
+
border-bottom: $caret-width solid transparent;
|
27
|
+
}
|
28
|
+
|
29
|
+
@mixin caret($direction: down) {
|
30
|
+
@if $enable-caret {
|
31
|
+
&::after {
|
32
|
+
display: inline-block;
|
33
|
+
margin-left: $caret-spacing;
|
34
|
+
vertical-align: $caret-vertical-align;
|
35
|
+
content: "";
|
36
|
+
@if $direction == down {
|
37
|
+
@include caret-down();
|
38
|
+
} @else if $direction == up {
|
39
|
+
@include caret-up();
|
40
|
+
} @else if $direction == end {
|
41
|
+
@include caret-end();
|
42
|
+
}
|
43
|
+
}
|
44
|
+
|
45
|
+
@if $direction == start {
|
46
|
+
&::after {
|
47
|
+
display: none;
|
48
|
+
}
|
49
|
+
|
50
|
+
&::before {
|
51
|
+
display: inline-block;
|
52
|
+
margin-right: $caret-spacing;
|
53
|
+
vertical-align: $caret-vertical-align;
|
54
|
+
content: "";
|
55
|
+
@include caret-start();
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
&:empty::after {
|
60
|
+
margin-left: 0;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
}
|
64
|
+
// scss-docs-end caret-mixins
|