vitat-css 0.1.1 → 0.1.3

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.
Files changed (147) hide show
  1. checksums.yaml +4 -4
  2. data/.DS_Store +0 -0
  3. data/.gitignore +146 -8
  4. data/HTML/.DS_Store +0 -0
  5. data/HTML/Components/Arabescos.html +87 -0
  6. data/HTML/Components/Buttons.html +105 -0
  7. data/HTML/Components/Card.html +337 -0
  8. data/HTML/Components/CardApp.html +201 -0
  9. data/HTML/Components/Inputs.html +105 -0
  10. data/HTML/Components/Lista.html +106 -0
  11. data/HTML/Components/Pagination.html +218 -0
  12. data/HTML/Components/Pills.html +94 -0
  13. data/HTML/Components/Revisado.html +163 -0
  14. data/JS/prism.js +12 -0
  15. data/bootstrap/scss/_accordion.scss +118 -0
  16. data/bootstrap/scss/_alert.scss +57 -0
  17. data/bootstrap/scss/_badge.scss +29 -0
  18. data/bootstrap/scss/_breadcrumb.scss +28 -0
  19. data/bootstrap/scss/_button-group.scss +139 -0
  20. data/bootstrap/scss/_buttons.scss +111 -0
  21. data/bootstrap/scss/_card.scss +216 -0
  22. data/bootstrap/scss/_carousel.scss +229 -0
  23. data/bootstrap/scss/_close.scss +40 -0
  24. data/bootstrap/scss/_containers.scss +41 -0
  25. data/bootstrap/scss/_dropdown.scss +240 -0
  26. data/bootstrap/scss/_forms.scss +9 -0
  27. data/bootstrap/scss/_functions.scss +302 -0
  28. data/bootstrap/scss/_grid.scss +33 -0
  29. data/bootstrap/scss/_helpers.scss +9 -0
  30. data/bootstrap/scss/_images.scss +42 -0
  31. data/bootstrap/scss/_list-group.scss +174 -0
  32. data/bootstrap/scss/_mixins.scss +43 -0
  33. data/bootstrap/scss/_modal.scss +209 -0
  34. data/bootstrap/scss/_nav.scss +139 -0
  35. data/bootstrap/scss/_navbar.scss +335 -0
  36. data/bootstrap/scss/_offcanvas.scss +83 -0
  37. data/bootstrap/scss/_pagination.scss +64 -0
  38. data/bootstrap/scss/_placeholders.scss +51 -0
  39. data/bootstrap/scss/_popover.scss +158 -0
  40. data/bootstrap/scss/_progress.scss +48 -0
  41. data/bootstrap/scss/_reboot.scss +625 -0
  42. data/bootstrap/scss/_root.scss +54 -0
  43. data/bootstrap/scss/_spinners.scss +69 -0
  44. data/bootstrap/scss/_tables.scss +155 -0
  45. data/bootstrap/scss/_toasts.scss +51 -0
  46. data/bootstrap/scss/_tooltip.scss +115 -0
  47. data/bootstrap/scss/_transitions.scss +27 -0
  48. data/bootstrap/scss/_type.scss +104 -0
  49. data/bootstrap/scss/_utilities.scss +630 -0
  50. data/bootstrap/scss/_variables.scss +1641 -0
  51. data/bootstrap/scss/bootstrap-grid.scss +67 -0
  52. data/bootstrap/scss/bootstrap-reboot.scss +13 -0
  53. data/bootstrap/scss/bootstrap-utilities.scss +18 -0
  54. data/bootstrap/scss/bootstrap.scss +53 -0
  55. data/bootstrap/scss/forms/_floating-labels.scss +63 -0
  56. data/bootstrap/scss/forms/_form-check.scss +152 -0
  57. data/bootstrap/scss/forms/_form-control.scss +219 -0
  58. data/bootstrap/scss/forms/_form-range.scss +91 -0
  59. data/bootstrap/scss/forms/_form-select.scss +72 -0
  60. data/bootstrap/scss/forms/_form-text.scss +11 -0
  61. data/bootstrap/scss/forms/_input-group.scss +121 -0
  62. data/bootstrap/scss/forms/_labels.scss +36 -0
  63. data/bootstrap/scss/forms/_validation.scss +12 -0
  64. data/bootstrap/scss/helpers/_clearfix.scss +3 -0
  65. data/bootstrap/scss/helpers/_colored-links.scss +12 -0
  66. data/bootstrap/scss/helpers/_position.scss +30 -0
  67. data/bootstrap/scss/helpers/_ratio.scss +26 -0
  68. data/bootstrap/scss/helpers/_stacks.scss +15 -0
  69. data/bootstrap/scss/helpers/_stretched-link.scss +15 -0
  70. data/bootstrap/scss/helpers/_text-truncation.scss +7 -0
  71. data/bootstrap/scss/helpers/_visually-hidden.scss +8 -0
  72. data/bootstrap/scss/helpers/_vr.scss +8 -0
  73. data/bootstrap/scss/mixins/_alert.scss +11 -0
  74. data/bootstrap/scss/mixins/_backdrop.scss +14 -0
  75. data/bootstrap/scss/mixins/_border-radius.scss +78 -0
  76. data/bootstrap/scss/mixins/_box-shadow.scss +18 -0
  77. data/bootstrap/scss/mixins/_breakpoints.scss +127 -0
  78. data/bootstrap/scss/mixins/_buttons.scss +133 -0
  79. data/bootstrap/scss/mixins/_caret.scss +64 -0
  80. data/bootstrap/scss/mixins/_clearfix.scss +9 -0
  81. data/bootstrap/scss/mixins/_color-scheme.scss +7 -0
  82. data/bootstrap/scss/mixins/_container.scss +9 -0
  83. data/bootstrap/scss/mixins/_deprecate.scss +10 -0
  84. data/bootstrap/scss/mixins/_forms.scss +144 -0
  85. data/bootstrap/scss/mixins/_gradients.scss +47 -0
  86. data/bootstrap/scss/mixins/_grid.scss +151 -0
  87. data/bootstrap/scss/mixins/_image.scss +16 -0
  88. data/bootstrap/scss/mixins/_list-group.scss +24 -0
  89. data/bootstrap/scss/mixins/_lists.scss +7 -0
  90. data/bootstrap/scss/mixins/_pagination.scss +31 -0
  91. data/bootstrap/scss/mixins/_reset-text.scss +17 -0
  92. data/bootstrap/scss/mixins/_resize.scss +6 -0
  93. data/bootstrap/scss/mixins/_table-variants.scss +21 -0
  94. data/bootstrap/scss/mixins/_text-truncate.scss +8 -0
  95. data/bootstrap/scss/mixins/_transition.scss +26 -0
  96. data/bootstrap/scss/mixins/_utilities.scss +89 -0
  97. data/bootstrap/scss/mixins/_visually-hidden.scss +29 -0
  98. data/bootstrap/scss/utilities/_api.scss +47 -0
  99. data/bootstrap/scss/vendor/_rfs.scss +354 -0
  100. data/css/.DS_Store +0 -0
  101. data/css/prism.css +4 -0
  102. data/css/style.css +6 -0
  103. data/gulpfile.js +35 -0
  104. data/img/.DS_Store +0 -0
  105. data/img/arrow-active.png +0 -0
  106. data/img/arrow-disable.png +0 -0
  107. data/img/arrow.png +0 -0
  108. data/img/close.png +0 -0
  109. data/img/phone.png +0 -0
  110. data/img/placeholder.png +0 -0
  111. data/img/placeholder_avatar.png +0 -0
  112. data/img/qr-code-loja.png +0 -0
  113. data/img/store_icon.png +0 -0
  114. data/index.html +33 -0
  115. data/install_nvm.sh +425 -0
  116. data/lib/vitat/css/version.rb +1 -1
  117. data/package-lock.json +4233 -0
  118. data/package.json +9 -0
  119. data/scss/.DS_Store +0 -0
  120. data/scss/guide/.DS_Store +0 -0
  121. data/scss/guide/_variables.scss +171 -0
  122. data/scss/guide/components/_animations.scss +8 -0
  123. data/scss/guide/components/_typography.scss +157 -0
  124. data/scss/guide/components/arabescos/arabescos.scss +47 -0
  125. data/scss/guide/components/buttons/btn.scss +26 -0
  126. data/scss/guide/components/buttons/btn__large.scss +10 -0
  127. data/scss/guide/components/buttons/btn__primary.scss +11 -0
  128. data/scss/guide/components/buttons/btn__secondary.scss +11 -0
  129. data/scss/guide/components/buttons/btn__tertiary.scss +11 -0
  130. data/scss/guide/components/cardapp/cardapp.scss +151 -0
  131. data/scss/guide/components/cards/card.scss +58 -0
  132. data/scss/guide/components/cards/card__horizontal.scss +35 -0
  133. data/scss/guide/components/cards/card__horizontal__small.scss +9 -0
  134. data/scss/guide/components/inputs/_checkbox.scss +45 -0
  135. data/scss/guide/components/inputs/_text.scss +8 -0
  136. data/scss/guide/components/lista/lista.scss +31 -0
  137. data/scss/guide/components/pagination/pagination.scss +81 -0
  138. data/scss/guide/components/pills/pill.scss +31 -0
  139. data/scss/guide/components/pills/pill__full.scss +8 -0
  140. data/scss/guide/components/pills/pill__secundary.scss +8 -0
  141. data/scss/guide/components/pills/pill__small.scss +8 -0
  142. data/scss/guide/components/revisado/revisado.scss +52 -0
  143. data/scss/guide/style.scss +96 -0
  144. data/vitat-css-0.1.1.gem +0 -0
  145. data/vitat-css-0.1.2.gem +0 -0
  146. data/vitat-css.gemspec +1 -1
  147. metadata +145 -3
@@ -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
+ }