vitat-css 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.DS_Store +0 -0
- data/.gitignore +146 -8
- data/.idea/.gitignore +5 -0
- data/.idea/modules.xml +8 -0
- data/.idea/vcs.xml +6 -0
- data/.idea/vitat-design-system.iml +12 -0
- data/.vscode/settings.json +3 -0
- data/HTML/.DS_Store +0 -0
- data/HTML/Components/Arabescos.html +87 -0
- data/HTML/Components/Buttons.html +105 -0
- data/HTML/Components/Card.html +337 -0
- data/HTML/Components/CardApp.html +201 -0
- data/HTML/Components/Inputs.html +105 -0
- data/HTML/Components/Lista.html +106 -0
- data/HTML/Components/Pagination.html +218 -0
- data/HTML/Components/Pills.html +94 -0
- data/HTML/Components/Revisado.html +163 -0
- data/JS/prism.js +12 -0
- data/bootstrap/scss/_accordion.scss +118 -0
- data/bootstrap/scss/_alert.scss +57 -0
- data/bootstrap/scss/_badge.scss +29 -0
- data/bootstrap/scss/_breadcrumb.scss +28 -0
- data/bootstrap/scss/_button-group.scss +139 -0
- data/bootstrap/scss/_buttons.scss +111 -0
- data/bootstrap/scss/_card.scss +216 -0
- data/bootstrap/scss/_carousel.scss +229 -0
- data/bootstrap/scss/_close.scss +40 -0
- data/bootstrap/scss/_containers.scss +41 -0
- data/bootstrap/scss/_dropdown.scss +240 -0
- data/bootstrap/scss/_forms.scss +9 -0
- data/bootstrap/scss/_functions.scss +302 -0
- data/bootstrap/scss/_grid.scss +33 -0
- data/bootstrap/scss/_helpers.scss +9 -0
- data/bootstrap/scss/_images.scss +42 -0
- data/bootstrap/scss/_list-group.scss +174 -0
- data/bootstrap/scss/_mixins.scss +43 -0
- data/bootstrap/scss/_modal.scss +209 -0
- data/bootstrap/scss/_nav.scss +139 -0
- data/bootstrap/scss/_navbar.scss +335 -0
- data/bootstrap/scss/_offcanvas.scss +83 -0
- data/bootstrap/scss/_pagination.scss +64 -0
- data/bootstrap/scss/_placeholders.scss +51 -0
- data/bootstrap/scss/_popover.scss +158 -0
- data/bootstrap/scss/_progress.scss +48 -0
- data/bootstrap/scss/_reboot.scss +625 -0
- data/bootstrap/scss/_root.scss +54 -0
- data/bootstrap/scss/_spinners.scss +69 -0
- data/bootstrap/scss/_tables.scss +155 -0
- data/bootstrap/scss/_toasts.scss +51 -0
- data/bootstrap/scss/_tooltip.scss +115 -0
- data/bootstrap/scss/_transitions.scss +27 -0
- data/bootstrap/scss/_type.scss +104 -0
- data/bootstrap/scss/_utilities.scss +630 -0
- data/bootstrap/scss/_variables.scss +1641 -0
- data/bootstrap/scss/bootstrap-grid.scss +67 -0
- data/bootstrap/scss/bootstrap-reboot.scss +13 -0
- data/bootstrap/scss/bootstrap-utilities.scss +18 -0
- data/bootstrap/scss/bootstrap.scss +53 -0
- data/bootstrap/scss/forms/_floating-labels.scss +63 -0
- data/bootstrap/scss/forms/_form-check.scss +152 -0
- data/bootstrap/scss/forms/_form-control.scss +219 -0
- data/bootstrap/scss/forms/_form-range.scss +91 -0
- data/bootstrap/scss/forms/_form-select.scss +72 -0
- data/bootstrap/scss/forms/_form-text.scss +11 -0
- data/bootstrap/scss/forms/_input-group.scss +121 -0
- data/bootstrap/scss/forms/_labels.scss +36 -0
- data/bootstrap/scss/forms/_validation.scss +12 -0
- data/bootstrap/scss/helpers/_clearfix.scss +3 -0
- data/bootstrap/scss/helpers/_colored-links.scss +12 -0
- data/bootstrap/scss/helpers/_position.scss +30 -0
- data/bootstrap/scss/helpers/_ratio.scss +26 -0
- data/bootstrap/scss/helpers/_stacks.scss +15 -0
- data/bootstrap/scss/helpers/_stretched-link.scss +15 -0
- data/bootstrap/scss/helpers/_text-truncation.scss +7 -0
- data/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
- data/bootstrap/scss/helpers/_vr.scss +8 -0
- data/bootstrap/scss/mixins/_alert.scss +11 -0
- data/bootstrap/scss/mixins/_backdrop.scss +14 -0
- data/bootstrap/scss/mixins/_border-radius.scss +78 -0
- data/bootstrap/scss/mixins/_box-shadow.scss +18 -0
- data/bootstrap/scss/mixins/_breakpoints.scss +127 -0
- data/bootstrap/scss/mixins/_buttons.scss +133 -0
- data/bootstrap/scss/mixins/_caret.scss +64 -0
- data/bootstrap/scss/mixins/_clearfix.scss +9 -0
- data/bootstrap/scss/mixins/_color-scheme.scss +7 -0
- data/bootstrap/scss/mixins/_container.scss +9 -0
- data/bootstrap/scss/mixins/_deprecate.scss +10 -0
- data/bootstrap/scss/mixins/_forms.scss +144 -0
- data/bootstrap/scss/mixins/_gradients.scss +47 -0
- data/bootstrap/scss/mixins/_grid.scss +151 -0
- data/bootstrap/scss/mixins/_image.scss +16 -0
- data/bootstrap/scss/mixins/_list-group.scss +24 -0
- data/bootstrap/scss/mixins/_lists.scss +7 -0
- data/bootstrap/scss/mixins/_pagination.scss +31 -0
- data/bootstrap/scss/mixins/_reset-text.scss +17 -0
- data/bootstrap/scss/mixins/_resize.scss +6 -0
- data/bootstrap/scss/mixins/_table-variants.scss +21 -0
- data/bootstrap/scss/mixins/_text-truncate.scss +8 -0
- data/bootstrap/scss/mixins/_transition.scss +26 -0
- data/bootstrap/scss/mixins/_utilities.scss +89 -0
- data/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
- data/bootstrap/scss/utilities/_api.scss +47 -0
- data/bootstrap/scss/vendor/_rfs.scss +354 -0
- data/css/prism.css +4 -0
- data/css/style.css +6 -0
- data/gulpfile.js +35 -0
- data/img/.DS_Store +0 -0
- data/img/arrow-active.png +0 -0
- data/img/arrow-disable.png +0 -0
- data/img/arrow.png +0 -0
- data/img/close.png +0 -0
- data/img/phone.png +0 -0
- data/img/placeholder.png +0 -0
- data/img/placeholder_avatar.png +0 -0
- data/img/qr-code-loja.png +0 -0
- data/img/store_icon.png +0 -0
- data/index.html +33 -0
- data/install_nvm.sh +425 -0
- data/package-lock.json +4233 -0
- data/package.json +9 -0
- data/scss/.DS_Store +0 -0
- data/scss/guide/.DS_Store +0 -0
- data/scss/guide/_variables.scss +171 -0
- data/scss/guide/components/_animations.scss +8 -0
- data/scss/guide/components/_typography.scss +157 -0
- data/scss/guide/components/arabescos/arabescos.scss +47 -0
- data/scss/guide/components/buttons/btn.scss +26 -0
- data/scss/guide/components/buttons/btn__large.scss +10 -0
- data/scss/guide/components/buttons/btn__primary.scss +11 -0
- data/scss/guide/components/buttons/btn__secondary.scss +11 -0
- data/scss/guide/components/buttons/btn__tertiary.scss +11 -0
- data/scss/guide/components/cardapp/cardapp.scss +151 -0
- data/scss/guide/components/cards/card.scss +58 -0
- data/scss/guide/components/cards/card__horizontal.scss +35 -0
- data/scss/guide/components/cards/card__horizontal__small.scss +9 -0
- data/scss/guide/components/inputs/_checkbox.scss +45 -0
- data/scss/guide/components/inputs/_text.scss +8 -0
- data/scss/guide/components/lista/lista.scss +31 -0
- data/scss/guide/components/pagination/pagination.scss +81 -0
- data/scss/guide/components/pills/pill.scss +31 -0
- data/scss/guide/components/pills/pill__full.scss +8 -0
- data/scss/guide/components/pills/pill__secundary.scss +8 -0
- data/scss/guide/components/pills/pill__small.scss +8 -0
- data/scss/guide/components/revisado/revisado.scss +52 -0
- data/scss/guide/style.scss +96 -0
- metadata +147 -12
- data/CODE_OF_CONDUCT.md +0 -74
- data/Gemfile +0 -6
- data/LICENSE.txt +0 -21
- data/Rakefile +0 -2
- data/bin/console +0 -14
- data/bin/setup +0 -8
- data/lib/vitat/css/version.rb +0 -5
- data/lib/vitat/css.rb +0 -8
- data/vitat-css.gemspec +0 -41
@@ -0,0 +1,69 @@
|
|
1
|
+
//
|
2
|
+
// Rotating border
|
3
|
+
//
|
4
|
+
|
5
|
+
// scss-docs-start spinner-border-keyframes
|
6
|
+
@keyframes spinner-border {
|
7
|
+
to { transform: rotate(360deg) #{"/* rtl:ignore */"}; }
|
8
|
+
}
|
9
|
+
// scss-docs-end spinner-border-keyframes
|
10
|
+
|
11
|
+
.spinner-border {
|
12
|
+
display: inline-block;
|
13
|
+
width: $spinner-width;
|
14
|
+
height: $spinner-height;
|
15
|
+
vertical-align: $spinner-vertical-align;
|
16
|
+
border: $spinner-border-width solid currentColor;
|
17
|
+
border-right-color: transparent;
|
18
|
+
// stylelint-disable-next-line property-disallowed-list
|
19
|
+
border-radius: 50%;
|
20
|
+
animation: $spinner-animation-speed linear infinite spinner-border;
|
21
|
+
}
|
22
|
+
|
23
|
+
.spinner-border-sm {
|
24
|
+
width: $spinner-width-sm;
|
25
|
+
height: $spinner-height-sm;
|
26
|
+
border-width: $spinner-border-width-sm;
|
27
|
+
}
|
28
|
+
|
29
|
+
//
|
30
|
+
// Growing circle
|
31
|
+
//
|
32
|
+
|
33
|
+
// scss-docs-start spinner-grow-keyframes
|
34
|
+
@keyframes spinner-grow {
|
35
|
+
0% {
|
36
|
+
transform: scale(0);
|
37
|
+
}
|
38
|
+
50% {
|
39
|
+
opacity: 1;
|
40
|
+
transform: none;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
// scss-docs-end spinner-grow-keyframes
|
44
|
+
|
45
|
+
.spinner-grow {
|
46
|
+
display: inline-block;
|
47
|
+
width: $spinner-width;
|
48
|
+
height: $spinner-height;
|
49
|
+
vertical-align: $spinner-vertical-align;
|
50
|
+
background-color: currentColor;
|
51
|
+
// stylelint-disable-next-line property-disallowed-list
|
52
|
+
border-radius: 50%;
|
53
|
+
opacity: 0;
|
54
|
+
animation: $spinner-animation-speed linear infinite spinner-grow;
|
55
|
+
}
|
56
|
+
|
57
|
+
.spinner-grow-sm {
|
58
|
+
width: $spinner-width-sm;
|
59
|
+
height: $spinner-height-sm;
|
60
|
+
}
|
61
|
+
|
62
|
+
@if $enable-reduced-motion {
|
63
|
+
@media (prefers-reduced-motion: reduce) {
|
64
|
+
.spinner-border,
|
65
|
+
.spinner-grow {
|
66
|
+
animation-duration: $spinner-animation-speed * 2;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
}
|
@@ -0,0 +1,155 @@
|
|
1
|
+
//
|
2
|
+
// Basic Bootstrap table
|
3
|
+
//
|
4
|
+
|
5
|
+
.table {
|
6
|
+
--#{$variable-prefix}table-bg: #{$table-bg};
|
7
|
+
--#{$variable-prefix}table-accent-bg: #{$table-accent-bg};
|
8
|
+
--#{$variable-prefix}table-striped-color: #{$table-striped-color};
|
9
|
+
--#{$variable-prefix}table-striped-bg: #{$table-striped-bg};
|
10
|
+
--#{$variable-prefix}table-active-color: #{$table-active-color};
|
11
|
+
--#{$variable-prefix}table-active-bg: #{$table-active-bg};
|
12
|
+
--#{$variable-prefix}table-hover-color: #{$table-hover-color};
|
13
|
+
--#{$variable-prefix}table-hover-bg: #{$table-hover-bg};
|
14
|
+
|
15
|
+
width: 100%;
|
16
|
+
margin-bottom: $spacer;
|
17
|
+
color: $table-color;
|
18
|
+
vertical-align: $table-cell-vertical-align;
|
19
|
+
border-color: $table-border-color;
|
20
|
+
|
21
|
+
// Target th & td
|
22
|
+
// We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class.
|
23
|
+
// We use the universal selectors here to simplify the selector (else we would need 6 different selectors).
|
24
|
+
// Another advantage is that this generates less code and makes the selector less specific making it easier to override.
|
25
|
+
// stylelint-disable-next-line selector-max-universal
|
26
|
+
> :not(caption) > * > * {
|
27
|
+
padding: $table-cell-padding-y $table-cell-padding-x;
|
28
|
+
background-color: var(--#{$variable-prefix}table-bg);
|
29
|
+
border-bottom-width: $table-border-width;
|
30
|
+
box-shadow: inset 0 0 0 9999px var(--#{$variable-prefix}table-accent-bg);
|
31
|
+
}
|
32
|
+
|
33
|
+
> tbody {
|
34
|
+
vertical-align: inherit;
|
35
|
+
}
|
36
|
+
|
37
|
+
> thead {
|
38
|
+
vertical-align: bottom;
|
39
|
+
}
|
40
|
+
|
41
|
+
// Highlight border color between thead, tbody and tfoot.
|
42
|
+
> :not(:first-child) {
|
43
|
+
border-top: (2 * $table-border-width) solid $table-group-separator-color;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
|
48
|
+
//
|
49
|
+
// Change placement of captions with a class
|
50
|
+
//
|
51
|
+
|
52
|
+
.caption-top {
|
53
|
+
caption-side: top;
|
54
|
+
}
|
55
|
+
|
56
|
+
|
57
|
+
//
|
58
|
+
// Condensed table w/ half padding
|
59
|
+
//
|
60
|
+
|
61
|
+
.table-sm {
|
62
|
+
// stylelint-disable-next-line selector-max-universal
|
63
|
+
> :not(caption) > * > * {
|
64
|
+
padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
|
69
|
+
// Border versions
|
70
|
+
//
|
71
|
+
// Add or remove borders all around the table and between all the columns.
|
72
|
+
//
|
73
|
+
// When borders are added on all sides of the cells, the corners can render odd when
|
74
|
+
// these borders do not have the same color or if they are semi-transparent.
|
75
|
+
// Therefor we add top and border bottoms to the `tr`s and left and right borders
|
76
|
+
// to the `td`s or `th`s
|
77
|
+
|
78
|
+
.table-bordered {
|
79
|
+
> :not(caption) > * {
|
80
|
+
border-width: $table-border-width 0;
|
81
|
+
|
82
|
+
// stylelint-disable-next-line selector-max-universal
|
83
|
+
> * {
|
84
|
+
border-width: 0 $table-border-width;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
.table-borderless {
|
90
|
+
// stylelint-disable-next-line selector-max-universal
|
91
|
+
> :not(caption) > * > * {
|
92
|
+
border-bottom-width: 0;
|
93
|
+
}
|
94
|
+
|
95
|
+
> :not(:first-child) {
|
96
|
+
border-top-width: 0;
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
// Zebra-striping
|
101
|
+
//
|
102
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
103
|
+
|
104
|
+
.table-striped {
|
105
|
+
> tbody > tr:nth-of-type(#{$table-striped-order}) > * {
|
106
|
+
--#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg);
|
107
|
+
color: var(--#{$variable-prefix}table-striped-color);
|
108
|
+
}
|
109
|
+
}
|
110
|
+
|
111
|
+
// Active table
|
112
|
+
//
|
113
|
+
// The `.table-active` class can be added to highlight rows or cells
|
114
|
+
|
115
|
+
.table-active {
|
116
|
+
--#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-active-bg);
|
117
|
+
color: var(--#{$variable-prefix}table-active-color);
|
118
|
+
}
|
119
|
+
|
120
|
+
// Hover effect
|
121
|
+
//
|
122
|
+
// Placed here since it has to come after the potential zebra striping
|
123
|
+
|
124
|
+
.table-hover {
|
125
|
+
> tbody > tr:hover > * {
|
126
|
+
--#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg);
|
127
|
+
color: var(--#{$variable-prefix}table-hover-color);
|
128
|
+
}
|
129
|
+
}
|
130
|
+
|
131
|
+
|
132
|
+
// Table variants
|
133
|
+
//
|
134
|
+
// Table variants set the table cell backgrounds, border colors
|
135
|
+
// and the colors of the striped, hovered & active tables
|
136
|
+
|
137
|
+
@each $color, $value in $table-variants {
|
138
|
+
@include table-variant($color, $value);
|
139
|
+
}
|
140
|
+
|
141
|
+
// Responsive tables
|
142
|
+
//
|
143
|
+
// Generate series of `.table-responsive-*` classes for configuring the screen
|
144
|
+
// size of where your table will overflow.
|
145
|
+
|
146
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
147
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
148
|
+
|
149
|
+
@include media-breakpoint-down($breakpoint) {
|
150
|
+
.table-responsive#{$infix} {
|
151
|
+
overflow-x: auto;
|
152
|
+
-webkit-overflow-scrolling: touch;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
.toast {
|
2
|
+
width: $toast-max-width;
|
3
|
+
max-width: 100%;
|
4
|
+
@include font-size($toast-font-size);
|
5
|
+
color: $toast-color;
|
6
|
+
pointer-events: auto;
|
7
|
+
background-color: $toast-background-color;
|
8
|
+
background-clip: padding-box;
|
9
|
+
border: $toast-border-width solid $toast-border-color;
|
10
|
+
box-shadow: $toast-box-shadow;
|
11
|
+
@include border-radius($toast-border-radius);
|
12
|
+
|
13
|
+
&.showing {
|
14
|
+
opacity: 0;
|
15
|
+
}
|
16
|
+
|
17
|
+
&:not(.show) {
|
18
|
+
display: none;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
.toast-container {
|
23
|
+
width: max-content;
|
24
|
+
max-width: 100%;
|
25
|
+
pointer-events: none;
|
26
|
+
|
27
|
+
> :not(:last-child) {
|
28
|
+
margin-bottom: $toast-spacing;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.toast-header {
|
33
|
+
display: flex;
|
34
|
+
align-items: center;
|
35
|
+
padding: $toast-padding-y $toast-padding-x;
|
36
|
+
color: $toast-header-color;
|
37
|
+
background-color: $toast-header-background-color;
|
38
|
+
background-clip: padding-box;
|
39
|
+
border-bottom: $toast-border-width solid $toast-header-border-color;
|
40
|
+
@include border-top-radius(subtract($toast-border-radius, $toast-border-width));
|
41
|
+
|
42
|
+
.btn-close {
|
43
|
+
margin-right: $toast-padding-x * -.5;
|
44
|
+
margin-left: $toast-padding-x;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
.toast-body {
|
49
|
+
padding: $toast-padding-x; // apply to both vertical and horizontal
|
50
|
+
word-wrap: break-word;
|
51
|
+
}
|
@@ -0,0 +1,115 @@
|
|
1
|
+
// Base class
|
2
|
+
.tooltip {
|
3
|
+
position: absolute;
|
4
|
+
z-index: $zindex-tooltip;
|
5
|
+
display: block;
|
6
|
+
margin: $tooltip-margin;
|
7
|
+
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
8
|
+
// So reset our font and text properties to avoid inheriting weird values.
|
9
|
+
@include reset-text();
|
10
|
+
@include font-size($tooltip-font-size);
|
11
|
+
// Allow breaking very long words so they don't overflow the tooltip's bounds
|
12
|
+
word-wrap: break-word;
|
13
|
+
opacity: 0;
|
14
|
+
|
15
|
+
&.show { opacity: $tooltip-opacity; }
|
16
|
+
|
17
|
+
.tooltip-arrow {
|
18
|
+
position: absolute;
|
19
|
+
display: block;
|
20
|
+
width: $tooltip-arrow-width;
|
21
|
+
height: $tooltip-arrow-height;
|
22
|
+
|
23
|
+
&::before {
|
24
|
+
position: absolute;
|
25
|
+
content: "";
|
26
|
+
border-color: transparent;
|
27
|
+
border-style: solid;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.bs-tooltip-top {
|
33
|
+
padding: $tooltip-arrow-height 0;
|
34
|
+
|
35
|
+
.tooltip-arrow {
|
36
|
+
bottom: 0;
|
37
|
+
|
38
|
+
&::before {
|
39
|
+
top: -1px;
|
40
|
+
border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;
|
41
|
+
border-top-color: $tooltip-arrow-color;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
.bs-tooltip-end {
|
47
|
+
padding: 0 $tooltip-arrow-height;
|
48
|
+
|
49
|
+
.tooltip-arrow {
|
50
|
+
left: 0;
|
51
|
+
width: $tooltip-arrow-height;
|
52
|
+
height: $tooltip-arrow-width;
|
53
|
+
|
54
|
+
&::before {
|
55
|
+
right: -1px;
|
56
|
+
border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;
|
57
|
+
border-right-color: $tooltip-arrow-color;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
.bs-tooltip-bottom {
|
63
|
+
padding: $tooltip-arrow-height 0;
|
64
|
+
|
65
|
+
.tooltip-arrow {
|
66
|
+
top: 0;
|
67
|
+
|
68
|
+
&::before {
|
69
|
+
bottom: -1px;
|
70
|
+
border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;
|
71
|
+
border-bottom-color: $tooltip-arrow-color;
|
72
|
+
}
|
73
|
+
}
|
74
|
+
}
|
75
|
+
|
76
|
+
.bs-tooltip-start {
|
77
|
+
padding: 0 $tooltip-arrow-height;
|
78
|
+
|
79
|
+
.tooltip-arrow {
|
80
|
+
right: 0;
|
81
|
+
width: $tooltip-arrow-height;
|
82
|
+
height: $tooltip-arrow-width;
|
83
|
+
|
84
|
+
&::before {
|
85
|
+
left: -1px;
|
86
|
+
border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;
|
87
|
+
border-left-color: $tooltip-arrow-color;
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
|
92
|
+
.bs-tooltip-auto {
|
93
|
+
&[data-popper-placement^="top"] {
|
94
|
+
@extend .bs-tooltip-top;
|
95
|
+
}
|
96
|
+
&[data-popper-placement^="right"] {
|
97
|
+
@extend .bs-tooltip-end;
|
98
|
+
}
|
99
|
+
&[data-popper-placement^="bottom"] {
|
100
|
+
@extend .bs-tooltip-bottom;
|
101
|
+
}
|
102
|
+
&[data-popper-placement^="left"] {
|
103
|
+
@extend .bs-tooltip-start;
|
104
|
+
}
|
105
|
+
}
|
106
|
+
|
107
|
+
// Wrapper for the tooltip content
|
108
|
+
.tooltip-inner {
|
109
|
+
max-width: $tooltip-max-width;
|
110
|
+
padding: $tooltip-padding-y $tooltip-padding-x;
|
111
|
+
color: $tooltip-color;
|
112
|
+
text-align: center;
|
113
|
+
background-color: $tooltip-bg;
|
114
|
+
@include border-radius($tooltip-border-radius);
|
115
|
+
}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
.fade {
|
2
|
+
@include transition($transition-fade);
|
3
|
+
|
4
|
+
&:not(.show) {
|
5
|
+
opacity: 0;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
|
9
|
+
// scss-docs-start collapse-classes
|
10
|
+
.collapse {
|
11
|
+
&:not(.show) {
|
12
|
+
display: none;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
.collapsing {
|
17
|
+
height: 0;
|
18
|
+
overflow: hidden;
|
19
|
+
@include transition($transition-collapse);
|
20
|
+
|
21
|
+
&.collapse-horizontal {
|
22
|
+
width: 0;
|
23
|
+
height: auto;
|
24
|
+
@include transition($transition-collapse-width);
|
25
|
+
}
|
26
|
+
}
|
27
|
+
// scss-docs-end collapse-classes
|
@@ -0,0 +1,104 @@
|
|
1
|
+
//
|
2
|
+
// Headings
|
3
|
+
//
|
4
|
+
.h1 {
|
5
|
+
@extend h1;
|
6
|
+
}
|
7
|
+
|
8
|
+
.h2 {
|
9
|
+
@extend h2;
|
10
|
+
}
|
11
|
+
|
12
|
+
.h3 {
|
13
|
+
@extend h3;
|
14
|
+
}
|
15
|
+
|
16
|
+
.h4 {
|
17
|
+
@extend h4;
|
18
|
+
}
|
19
|
+
|
20
|
+
.h5 {
|
21
|
+
@extend h5;
|
22
|
+
}
|
23
|
+
|
24
|
+
.h6 {
|
25
|
+
@extend h6;
|
26
|
+
}
|
27
|
+
|
28
|
+
|
29
|
+
.lead {
|
30
|
+
@include font-size($lead-font-size);
|
31
|
+
font-weight: $lead-font-weight;
|
32
|
+
}
|
33
|
+
|
34
|
+
// Type display classes
|
35
|
+
@each $display, $font-size in $display-font-sizes {
|
36
|
+
.display-#{$display} {
|
37
|
+
@include font-size($font-size);
|
38
|
+
font-weight: $display-font-weight;
|
39
|
+
line-height: $display-line-height;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
//
|
44
|
+
// Emphasis
|
45
|
+
//
|
46
|
+
.small {
|
47
|
+
@extend small;
|
48
|
+
}
|
49
|
+
|
50
|
+
.mark {
|
51
|
+
@extend mark;
|
52
|
+
}
|
53
|
+
|
54
|
+
//
|
55
|
+
// Lists
|
56
|
+
//
|
57
|
+
|
58
|
+
.list-unstyled {
|
59
|
+
@include list-unstyled();
|
60
|
+
}
|
61
|
+
|
62
|
+
// Inline turns list items into inline-block
|
63
|
+
.list-inline {
|
64
|
+
@include list-unstyled();
|
65
|
+
}
|
66
|
+
.list-inline-item {
|
67
|
+
display: inline-block;
|
68
|
+
|
69
|
+
&:not(:last-child) {
|
70
|
+
margin-right: $list-inline-padding;
|
71
|
+
}
|
72
|
+
}
|
73
|
+
|
74
|
+
|
75
|
+
//
|
76
|
+
// Misc
|
77
|
+
//
|
78
|
+
|
79
|
+
// Builds on `abbr`
|
80
|
+
.initialism {
|
81
|
+
@include font-size($initialism-font-size);
|
82
|
+
text-transform: uppercase;
|
83
|
+
}
|
84
|
+
|
85
|
+
// Blockquotes
|
86
|
+
.blockquote {
|
87
|
+
margin-bottom: $blockquote-margin-y;
|
88
|
+
@include font-size($blockquote-font-size);
|
89
|
+
|
90
|
+
> :last-child {
|
91
|
+
margin-bottom: 0;
|
92
|
+
}
|
93
|
+
}
|
94
|
+
|
95
|
+
.blockquote-footer {
|
96
|
+
margin-top: -$blockquote-margin-y;
|
97
|
+
margin-bottom: $blockquote-margin-y;
|
98
|
+
@include font-size($blockquote-footer-font-size);
|
99
|
+
color: $blockquote-footer-color;
|
100
|
+
|
101
|
+
&::before {
|
102
|
+
content: "\2014\00A0"; // em dash, nbsp
|
103
|
+
}
|
104
|
+
}
|