viniBaxter-spa_landing 0.1.0 → 0.9

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 (158) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/spa_landing/avatar-group-hover-last.svg +9 -0
  3. data/app/assets/images/spa_landing/avatar-group-hover.svg +10 -0
  4. data/app/assets/images/spa_landing/avatar-group.svg +9 -0
  5. data/app/assets/images/spa_landing/avatar-status.svg +9 -0
  6. data/lib/viniBaxter/sass/.DS_Store +0 -0
  7. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_alert.scss +0 -0
  8. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_badge.scss +0 -0
  9. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_breadcrumb.scss +2 -0
  10. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_button-group.scss +0 -0
  11. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_buttons.scss +61 -16
  12. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_card.scss +21 -13
  13. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_carousel.scss +0 -0
  14. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_close.scss +0 -1
  15. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_code.scss +0 -0
  16. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_custom-forms.scss +7 -5
  17. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_dropdown.scss +2 -1
  18. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_forms.scss +9 -0
  19. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_functions.scss +48 -18
  20. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_grid.scss +10 -6
  21. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_images.scss +0 -0
  22. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_input-group.scss +2 -1
  23. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_jumbotron.scss +0 -0
  24. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_list-group.scss +9 -13
  25. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_media.scss +0 -0
  26. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_mixins.scss +0 -0
  27. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_modal.scss +2 -1
  28. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_nav.scss +3 -0
  29. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_navbar.scss +0 -0
  30. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_pagination.scss +1 -0
  31. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_popover.scss +0 -0
  32. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_print.scss +0 -0
  33. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_progress.scss +1 -0
  34. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_reboot.scss +11 -24
  35. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_root.scss +0 -0
  36. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_spinners.scss +1 -0
  37. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_tables.scss +0 -0
  38. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_toasts.scss +4 -2
  39. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_tooltip.scss +0 -0
  40. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_transitions.scss +0 -0
  41. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_type.scss +0 -0
  42. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/_utilities.scss +2 -1
  43. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/bootstrap-grid.scss +4 -4
  44. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/bootstrap-reboot.scss +4 -4
  45. data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +43 -0
  46. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_alert.scss +0 -0
  47. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_background-variant.scss +2 -1
  48. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_badge.scss +0 -0
  49. data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +76 -0
  50. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_box-shadow.scss +0 -0
  51. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_breakpoints.scss +0 -0
  52. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_buttons.scss +57 -13
  53. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_caret.scss +0 -0
  54. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_clearfix.scss +0 -0
  55. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_deprecate.scss +0 -0
  56. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_float.scss +0 -0
  57. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_forms.scss +3 -2
  58. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_gradients.scss +0 -0
  59. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_grid-framework.scss +24 -15
  60. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_grid.scss +7 -7
  61. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_hover.scss +0 -0
  62. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_image.scss +0 -0
  63. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_list-group.scss +0 -0
  64. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_lists.scss +0 -0
  65. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_nav-divider.scss +0 -0
  66. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_pagination.scss +0 -0
  67. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_reset-text.scss +0 -0
  68. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_resize.scss +0 -0
  69. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_screen-reader.scss +0 -0
  70. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_size.scss +0 -0
  71. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_table-row.scss +0 -0
  72. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_text-emphasis.scss +0 -0
  73. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_text-hide.scss +0 -0
  74. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_text-truncate.scss +0 -0
  75. data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +26 -0
  76. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/mixins/_visibility.scss +0 -0
  77. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_align.scss +0 -0
  78. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_background.scss +1 -1
  79. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_borders.scss +0 -0
  80. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_clearfix.scss +0 -0
  81. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_display.scss +0 -0
  82. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_embed.scss +0 -0
  83. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_flex.scss +0 -0
  84. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_float.scss +0 -0
  85. data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +5 -0
  86. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_overflow.scss +0 -0
  87. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_position.scss +4 -2
  88. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_screenreaders.scss +0 -0
  89. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_shadows.scss +0 -0
  90. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_sizing.scss +0 -0
  91. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_spacing.scss +0 -0
  92. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_stretched-link.scss +0 -0
  93. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_text.scss +0 -0
  94. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/utilities/_visibility.scss +0 -0
  95. data/lib/viniBaxter/sass/{spa_landing/scss → bootstrap}/vendor/_rfs.scss +0 -0
  96. data/lib/viniBaxter/sass/spa_landing-basic-nav.scss +8 -0
  97. data/lib/viniBaxter/sass/spa_landing-nav.scss +8 -0
  98. data/lib/viniBaxter/{.DS_Store → sass/spa_landing/.DS_Store} +0 -0
  99. data/lib/viniBaxter/sass/spa_landing/theme/_aos.scss +13 -11
  100. data/lib/viniBaxter/sass/spa_landing/theme/_avatar.scss +25 -21
  101. data/lib/viniBaxter/sass/spa_landing/theme/_buttons.scss +65 -5
  102. data/lib/viniBaxter/sass/spa_landing/theme/_card.scss +60 -0
  103. data/lib/viniBaxter/sass/spa_landing/theme/_choices.scss +20 -0
  104. data/lib/viniBaxter/sass/spa_landing/theme/_custom-forms.scss +19 -7
  105. data/lib/viniBaxter/sass/spa_landing/theme/_dropdown-extend.scss +113 -0
  106. data/lib/viniBaxter/sass/spa_landing/theme/_dropdown.scss +18 -19
  107. data/lib/viniBaxter/sass/spa_landing/theme/_dropdown_creative.scss +140 -0
  108. data/lib/viniBaxter/sass/spa_landing/theme/_dropzone.scss +89 -0
  109. data/lib/viniBaxter/sass/spa_landing/theme/_feather.scss +0 -1079
  110. data/lib/viniBaxter/sass/spa_landing/theme/_forms.scss +14 -3
  111. data/lib/viniBaxter/sass/spa_landing/theme/_functions.scss +3 -3
  112. data/lib/viniBaxter/sass/spa_landing/theme/_grid.scss +1 -1
  113. data/lib/viniBaxter/sass/spa_landing/theme/_icon.scss +12 -14
  114. data/lib/viniBaxter/sass/spa_landing/theme/_input-group.scss +16 -0
  115. data/lib/viniBaxter/sass/spa_landing/theme/_mixins.scss +7 -3
  116. data/lib/viniBaxter/sass/spa_landing/theme/_modal.scss +5 -8
  117. data/lib/viniBaxter/sass/spa_landing/theme/_navbar-extend.scss +54 -0
  118. data/lib/viniBaxter/sass/spa_landing/theme/_navbar.scss +267 -272
  119. data/lib/viniBaxter/sass/spa_landing/theme/_navbar_creative.scss +425 -0
  120. data/lib/viniBaxter/sass/spa_landing/theme/_quill.scss +284 -0
  121. data/lib/viniBaxter/sass/spa_landing/theme/_reboot.scss +2 -10
  122. data/lib/viniBaxter/sass/spa_landing/theme/_responsive.scss +307 -0
  123. data/lib/viniBaxter/sass/spa_landing/theme/_shapes.scss +10 -0
  124. data/lib/viniBaxter/sass/spa_landing/theme/_theme-basic-nav.scss +50 -0
  125. data/lib/viniBaxter/sass/spa_landing/theme/_theme.scss +52 -48
  126. data/lib/viniBaxter/sass/spa_landing/theme/_type.scss +2 -7
  127. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_dropdown.scss +29 -0
  128. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_mixins.scss +3 -0
  129. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss +298 -0
  130. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_transparency.scss +8 -0
  131. data/lib/viniBaxter/sass/spa_landing/theme/mixins/_vendor-prefixes.scss +305 -0
  132. data/lib/viniBaxter/sass/spa_landing/theme/now-ui-kit.scss +6 -0
  133. data/lib/viniBaxter/sass/spa_landing/theme/utilities/_borders.scss +10 -2
  134. data/lib/viniBaxter/sass/spa_landing/theme/utilities/_type.scss +8 -4
  135. data/lib/viniBaxter/spa_landing/version.rb +1 -1
  136. metadata +114 -111
  137. data/app/assets/images/spa_landing/asc.gif +0 -0
  138. data/app/assets/images/spa_landing/bg.gif +0 -0
  139. data/app/assets/images/spa_landing/desc.gif +0 -0
  140. data/lib/viniBaxter/sass/spa_landing.scss +0 -17
  141. data/lib/viniBaxter/sass/spa_landing/_some_airbnb_variables.scss +0 -48
  142. data/lib/viniBaxter/sass/spa_landing/_user.scss +0 -6
  143. data/lib/viniBaxter/sass/spa_landing/scss/_variables.scss +0 -1143
  144. data/lib/viniBaxter/sass/spa_landing/scss/bootstrap.scss +0 -44
  145. data/lib/viniBaxter/sass/spa_landing/scss/mixins/_border-radius.scss +0 -63
  146. data/lib/viniBaxter/sass/spa_landing/scss/mixins/_transition.scss +0 -16
  147. data/lib/viniBaxter/sass/spa_landing/theme/_button-group.scss +0 -0
  148. data/lib/viniBaxter/sass/spa_landing/theme/_carousel.scss +0 -0
  149. data/lib/viniBaxter/sass/spa_landing/theme/_code.scss +0 -0
  150. data/lib/viniBaxter/sass/spa_landing/theme/_jumbotron.scss +0 -0
  151. data/lib/viniBaxter/sass/spa_landing/theme/_media.scss +0 -0
  152. data/lib/viniBaxter/sass/spa_landing/theme/_nav.scss +0 -0
  153. data/lib/viniBaxter/sass/spa_landing/theme/_print.scss +0 -0
  154. data/lib/viniBaxter/sass/spa_landing/theme/_progress.scss +0 -0
  155. data/lib/viniBaxter/sass/spa_landing/theme/_root.scss +0 -0
  156. data/lib/viniBaxter/sass/spa_landing/theme/_tooltip.scss +0 -0
  157. data/lib/viniBaxter/sass/spa_landing/theme/_transitions.scss +0 -0
  158. data/lib/viniBaxter/sass/spa_landing/theme/_variables.scss +0 -565
@@ -0,0 +1,6 @@
1
+ // KEEP
2
+ @import 'now-ui-kit/variables';
3
+ @import 'now-ui-kit/mixins';
4
+ @import 'now-ui-kit/navbar';
5
+ @import 'now-ui-kit/navbar-extend';
6
+ @import 'now-ui-kit/responsive';
@@ -8,7 +8,7 @@
8
8
  @each $width, $widthValue in $container-max-widths {
9
9
 
10
10
  @include media-breakpoint-up($width) {
11
-
11
+
12
12
  // Additive
13
13
 
14
14
  .border-#{$width} {
@@ -59,6 +59,10 @@
59
59
 
60
60
  // Colors
61
61
 
62
+ .border-white-10 {
63
+ border-color: fade-out($white, .9) !important;
64
+ }
65
+
62
66
  .border-white-20 {
63
67
  border-color: fade-out($white, .8) !important;
64
68
  }
@@ -73,4 +77,8 @@
73
77
 
74
78
  .border-gray-800-50 {
75
79
  border-color: fade-out($gray-800, .5) !important;
76
- }
80
+ }
81
+
82
+ .border-gray-900-50 {
83
+ border-color: rgba($gray-900, .5) !important;
84
+ }
@@ -32,18 +32,22 @@
32
32
  }
33
33
  }
34
34
 
35
- // White text opacity
35
+ // Text opacity
36
36
 
37
37
  .text-white-70 {
38
- color: fade-out($white, .3) !important;
38
+ color: rgba($white, .7) !important;
39
39
  }
40
40
 
41
41
  .text-white-75 {
42
- color: fade-out($white, .25) !important;
42
+ color: rgba($white, .75) !important;
43
43
  }
44
44
 
45
45
  .text-white-80 {
46
- color: fade-out($white, .2) !important;
46
+ color: rgba($white, .8) !important;
47
+ }
48
+
49
+ .text-muted-80 {
50
+ color: rgba($text-muted, .8) !important;
47
51
  }
48
52
 
49
53
 
@@ -1,5 +1,5 @@
1
1
  module ViniBaxter
2
2
  module SpaLanding
3
- VERSION = "0.1.0"
3
+ VERSION = "0.9"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: viniBaxter-spa_landing
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: '0.9'
5
5
  platform: ruby
6
6
  authors:
7
7
  - vini baxter
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2020-04-02 00:00:00.000000000 Z
11
+ date: 2020-09-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -67,120 +67,121 @@ files:
67
67
  - README.md
68
68
  - Rakefile
69
69
  - app/assets/images/spa_landing/.DS_Store
70
- - app/assets/images/spa_landing/asc.gif
71
- - app/assets/images/spa_landing/bg.gif
72
- - app/assets/images/spa_landing/desc.gif
70
+ - app/assets/images/spa_landing/avatar-group-hover-last.svg
71
+ - app/assets/images/spa_landing/avatar-group-hover.svg
72
+ - app/assets/images/spa_landing/avatar-group.svg
73
+ - app/assets/images/spa_landing/avatar-status.svg
73
74
  - bin/console
74
75
  - bin/setup
75
- - lib/viniBaxter/.DS_Store
76
76
  - lib/viniBaxter/sass/.DS_Store
77
- - lib/viniBaxter/sass/spa_landing.scss
78
- - lib/viniBaxter/sass/spa_landing/_some_airbnb_variables.scss
79
- - lib/viniBaxter/sass/spa_landing/_user.scss
80
- - lib/viniBaxter/sass/spa_landing/scss/_alert.scss
81
- - lib/viniBaxter/sass/spa_landing/scss/_badge.scss
82
- - lib/viniBaxter/sass/spa_landing/scss/_breadcrumb.scss
83
- - lib/viniBaxter/sass/spa_landing/scss/_button-group.scss
84
- - lib/viniBaxter/sass/spa_landing/scss/_buttons.scss
85
- - lib/viniBaxter/sass/spa_landing/scss/_card.scss
86
- - lib/viniBaxter/sass/spa_landing/scss/_carousel.scss
87
- - lib/viniBaxter/sass/spa_landing/scss/_close.scss
88
- - lib/viniBaxter/sass/spa_landing/scss/_code.scss
89
- - lib/viniBaxter/sass/spa_landing/scss/_custom-forms.scss
90
- - lib/viniBaxter/sass/spa_landing/scss/_dropdown.scss
91
- - lib/viniBaxter/sass/spa_landing/scss/_forms.scss
92
- - lib/viniBaxter/sass/spa_landing/scss/_functions.scss
93
- - lib/viniBaxter/sass/spa_landing/scss/_grid.scss
94
- - lib/viniBaxter/sass/spa_landing/scss/_images.scss
95
- - lib/viniBaxter/sass/spa_landing/scss/_input-group.scss
96
- - lib/viniBaxter/sass/spa_landing/scss/_jumbotron.scss
97
- - lib/viniBaxter/sass/spa_landing/scss/_list-group.scss
98
- - lib/viniBaxter/sass/spa_landing/scss/_media.scss
99
- - lib/viniBaxter/sass/spa_landing/scss/_mixins.scss
100
- - lib/viniBaxter/sass/spa_landing/scss/_modal.scss
101
- - lib/viniBaxter/sass/spa_landing/scss/_nav.scss
102
- - lib/viniBaxter/sass/spa_landing/scss/_navbar.scss
103
- - lib/viniBaxter/sass/spa_landing/scss/_pagination.scss
104
- - lib/viniBaxter/sass/spa_landing/scss/_popover.scss
105
- - lib/viniBaxter/sass/spa_landing/scss/_print.scss
106
- - lib/viniBaxter/sass/spa_landing/scss/_progress.scss
107
- - lib/viniBaxter/sass/spa_landing/scss/_reboot.scss
108
- - lib/viniBaxter/sass/spa_landing/scss/_root.scss
109
- - lib/viniBaxter/sass/spa_landing/scss/_spinners.scss
110
- - lib/viniBaxter/sass/spa_landing/scss/_tables.scss
111
- - lib/viniBaxter/sass/spa_landing/scss/_toasts.scss
112
- - lib/viniBaxter/sass/spa_landing/scss/_tooltip.scss
113
- - lib/viniBaxter/sass/spa_landing/scss/_transitions.scss
114
- - lib/viniBaxter/sass/spa_landing/scss/_type.scss
115
- - lib/viniBaxter/sass/spa_landing/scss/_utilities.scss
116
- - lib/viniBaxter/sass/spa_landing/scss/_variables.scss
117
- - lib/viniBaxter/sass/spa_landing/scss/bootstrap-grid.scss
118
- - lib/viniBaxter/sass/spa_landing/scss/bootstrap-reboot.scss
119
- - lib/viniBaxter/sass/spa_landing/scss/bootstrap.scss
120
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_alert.scss
121
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_background-variant.scss
122
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_badge.scss
123
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_border-radius.scss
124
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_box-shadow.scss
125
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_breakpoints.scss
126
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_buttons.scss
127
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_caret.scss
128
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_clearfix.scss
129
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_deprecate.scss
130
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_float.scss
131
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_forms.scss
132
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_gradients.scss
133
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_grid-framework.scss
134
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_grid.scss
135
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_hover.scss
136
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_image.scss
137
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_list-group.scss
138
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_lists.scss
139
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_nav-divider.scss
140
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_pagination.scss
141
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_reset-text.scss
142
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_resize.scss
143
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_screen-reader.scss
144
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_size.scss
145
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_table-row.scss
146
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_text-emphasis.scss
147
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_text-hide.scss
148
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_text-truncate.scss
149
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_transition.scss
150
- - lib/viniBaxter/sass/spa_landing/scss/mixins/_visibility.scss
151
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_align.scss
152
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_background.scss
153
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_borders.scss
154
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_clearfix.scss
155
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_display.scss
156
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_embed.scss
157
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_flex.scss
158
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_float.scss
159
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_overflow.scss
160
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_position.scss
161
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_screenreaders.scss
162
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_shadows.scss
163
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_sizing.scss
164
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_spacing.scss
165
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_stretched-link.scss
166
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_text.scss
167
- - lib/viniBaxter/sass/spa_landing/scss/utilities/_visibility.scss
168
- - lib/viniBaxter/sass/spa_landing/scss/vendor/_rfs.scss
77
+ - lib/viniBaxter/sass/bootstrap/_alert.scss
78
+ - lib/viniBaxter/sass/bootstrap/_badge.scss
79
+ - lib/viniBaxter/sass/bootstrap/_breadcrumb.scss
80
+ - lib/viniBaxter/sass/bootstrap/_button-group.scss
81
+ - lib/viniBaxter/sass/bootstrap/_buttons.scss
82
+ - lib/viniBaxter/sass/bootstrap/_card.scss
83
+ - lib/viniBaxter/sass/bootstrap/_carousel.scss
84
+ - lib/viniBaxter/sass/bootstrap/_close.scss
85
+ - lib/viniBaxter/sass/bootstrap/_code.scss
86
+ - lib/viniBaxter/sass/bootstrap/_custom-forms.scss
87
+ - lib/viniBaxter/sass/bootstrap/_dropdown.scss
88
+ - lib/viniBaxter/sass/bootstrap/_forms.scss
89
+ - lib/viniBaxter/sass/bootstrap/_functions.scss
90
+ - lib/viniBaxter/sass/bootstrap/_grid.scss
91
+ - lib/viniBaxter/sass/bootstrap/_images.scss
92
+ - lib/viniBaxter/sass/bootstrap/_input-group.scss
93
+ - lib/viniBaxter/sass/bootstrap/_jumbotron.scss
94
+ - lib/viniBaxter/sass/bootstrap/_list-group.scss
95
+ - lib/viniBaxter/sass/bootstrap/_media.scss
96
+ - lib/viniBaxter/sass/bootstrap/_mixins.scss
97
+ - lib/viniBaxter/sass/bootstrap/_modal.scss
98
+ - lib/viniBaxter/sass/bootstrap/_nav.scss
99
+ - lib/viniBaxter/sass/bootstrap/_navbar.scss
100
+ - lib/viniBaxter/sass/bootstrap/_pagination.scss
101
+ - lib/viniBaxter/sass/bootstrap/_popover.scss
102
+ - lib/viniBaxter/sass/bootstrap/_print.scss
103
+ - lib/viniBaxter/sass/bootstrap/_progress.scss
104
+ - lib/viniBaxter/sass/bootstrap/_reboot.scss
105
+ - lib/viniBaxter/sass/bootstrap/_root.scss
106
+ - lib/viniBaxter/sass/bootstrap/_spinners.scss
107
+ - lib/viniBaxter/sass/bootstrap/_tables.scss
108
+ - lib/viniBaxter/sass/bootstrap/_toasts.scss
109
+ - lib/viniBaxter/sass/bootstrap/_tooltip.scss
110
+ - lib/viniBaxter/sass/bootstrap/_transitions.scss
111
+ - lib/viniBaxter/sass/bootstrap/_type.scss
112
+ - lib/viniBaxter/sass/bootstrap/_utilities.scss
113
+ - lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss
114
+ - lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss
115
+ - lib/viniBaxter/sass/bootstrap/bootstrap.scss
116
+ - lib/viniBaxter/sass/bootstrap/mixins/_alert.scss
117
+ - lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss
118
+ - lib/viniBaxter/sass/bootstrap/mixins/_badge.scss
119
+ - lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss
120
+ - lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss
121
+ - lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss
122
+ - lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss
123
+ - lib/viniBaxter/sass/bootstrap/mixins/_caret.scss
124
+ - lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss
125
+ - lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss
126
+ - lib/viniBaxter/sass/bootstrap/mixins/_float.scss
127
+ - lib/viniBaxter/sass/bootstrap/mixins/_forms.scss
128
+ - lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss
129
+ - lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss
130
+ - lib/viniBaxter/sass/bootstrap/mixins/_grid.scss
131
+ - lib/viniBaxter/sass/bootstrap/mixins/_hover.scss
132
+ - lib/viniBaxter/sass/bootstrap/mixins/_image.scss
133
+ - lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss
134
+ - lib/viniBaxter/sass/bootstrap/mixins/_lists.scss
135
+ - lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss
136
+ - lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss
137
+ - lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss
138
+ - lib/viniBaxter/sass/bootstrap/mixins/_resize.scss
139
+ - lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss
140
+ - lib/viniBaxter/sass/bootstrap/mixins/_size.scss
141
+ - lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss
142
+ - lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss
143
+ - lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss
144
+ - lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss
145
+ - lib/viniBaxter/sass/bootstrap/mixins/_transition.scss
146
+ - lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss
147
+ - lib/viniBaxter/sass/bootstrap/utilities/_align.scss
148
+ - lib/viniBaxter/sass/bootstrap/utilities/_background.scss
149
+ - lib/viniBaxter/sass/bootstrap/utilities/_borders.scss
150
+ - lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss
151
+ - lib/viniBaxter/sass/bootstrap/utilities/_display.scss
152
+ - lib/viniBaxter/sass/bootstrap/utilities/_embed.scss
153
+ - lib/viniBaxter/sass/bootstrap/utilities/_flex.scss
154
+ - lib/viniBaxter/sass/bootstrap/utilities/_float.scss
155
+ - lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss
156
+ - lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss
157
+ - lib/viniBaxter/sass/bootstrap/utilities/_position.scss
158
+ - lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss
159
+ - lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss
160
+ - lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss
161
+ - lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss
162
+ - lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss
163
+ - lib/viniBaxter/sass/bootstrap/utilities/_text.scss
164
+ - lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss
165
+ - lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss
166
+ - lib/viniBaxter/sass/spa_landing-basic-nav.scss
167
+ - lib/viniBaxter/sass/spa_landing-nav.scss
168
+ - lib/viniBaxter/sass/spa_landing/.DS_Store
169
169
  - lib/viniBaxter/sass/spa_landing/theme/_alert.scss
170
170
  - lib/viniBaxter/sass/spa_landing/theme/_aos.scss
171
171
  - lib/viniBaxter/sass/spa_landing/theme/_avatar.scss
172
172
  - lib/viniBaxter/sass/spa_landing/theme/_badge.scss
173
173
  - lib/viniBaxter/sass/spa_landing/theme/_breadcrumb.scss
174
- - lib/viniBaxter/sass/spa_landing/theme/_button-group.scss
175
174
  - lib/viniBaxter/sass/spa_landing/theme/_buttons.scss
176
175
  - lib/viniBaxter/sass/spa_landing/theme/_card.scss
177
- - lib/viniBaxter/sass/spa_landing/theme/_carousel.scss
176
+ - lib/viniBaxter/sass/spa_landing/theme/_choices.scss
178
177
  - lib/viniBaxter/sass/spa_landing/theme/_close.scss
179
- - lib/viniBaxter/sass/spa_landing/theme/_code.scss
180
178
  - lib/viniBaxter/sass/spa_landing/theme/_collapse.scss
181
179
  - lib/viniBaxter/sass/spa_landing/theme/_custom-forms.scss
182
180
  - lib/viniBaxter/sass/spa_landing/theme/_device.scss
181
+ - lib/viniBaxter/sass/spa_landing/theme/_dropdown-extend.scss
183
182
  - lib/viniBaxter/sass/spa_landing/theme/_dropdown.scss
183
+ - lib/viniBaxter/sass/spa_landing/theme/_dropdown_creative.scss
184
+ - lib/viniBaxter/sass/spa_landing/theme/_dropzone.scss
184
185
  - lib/viniBaxter/sass/spa_landing/theme/_fancybox.scss
185
186
  - lib/viniBaxter/sass/spa_landing/theme/_feather.scss
186
187
  - lib/viniBaxter/sass/spa_landing/theme/_flickity.scss
@@ -192,34 +193,36 @@ files:
192
193
  - lib/viniBaxter/sass/spa_landing/theme/_icon.scss
193
194
  - lib/viniBaxter/sass/spa_landing/theme/_images.scss
194
195
  - lib/viniBaxter/sass/spa_landing/theme/_input-group.scss
195
- - lib/viniBaxter/sass/spa_landing/theme/_jumbotron.scss
196
196
  - lib/viniBaxter/sass/spa_landing/theme/_list-group.scss
197
197
  - lib/viniBaxter/sass/spa_landing/theme/_list.scss
198
- - lib/viniBaxter/sass/spa_landing/theme/_media.scss
199
198
  - lib/viniBaxter/sass/spa_landing/theme/_mixins.scss
200
199
  - lib/viniBaxter/sass/spa_landing/theme/_modal.scss
201
- - lib/viniBaxter/sass/spa_landing/theme/_nav.scss
200
+ - lib/viniBaxter/sass/spa_landing/theme/_navbar-extend.scss
202
201
  - lib/viniBaxter/sass/spa_landing/theme/_navbar.scss
202
+ - lib/viniBaxter/sass/spa_landing/theme/_navbar_creative.scss
203
203
  - lib/viniBaxter/sass/spa_landing/theme/_pagination.scss
204
204
  - lib/viniBaxter/sass/spa_landing/theme/_popover.scss
205
- - lib/viniBaxter/sass/spa_landing/theme/_print.scss
206
- - lib/viniBaxter/sass/spa_landing/theme/_progress.scss
205
+ - lib/viniBaxter/sass/spa_landing/theme/_quill.scss
207
206
  - lib/viniBaxter/sass/spa_landing/theme/_reboot.scss
208
- - lib/viniBaxter/sass/spa_landing/theme/_root.scss
207
+ - lib/viniBaxter/sass/spa_landing/theme/_responsive.scss
209
208
  - lib/viniBaxter/sass/spa_landing/theme/_screenshot.scss
210
209
  - lib/viniBaxter/sass/spa_landing/theme/_section.scss
211
210
  - lib/viniBaxter/sass/spa_landing/theme/_shapes.scss
212
211
  - lib/viniBaxter/sass/spa_landing/theme/_sidenav.scss
213
212
  - lib/viniBaxter/sass/spa_landing/theme/_tables.scss
213
+ - lib/viniBaxter/sass/spa_landing/theme/_theme-basic-nav.scss
214
214
  - lib/viniBaxter/sass/spa_landing/theme/_theme.scss
215
- - lib/viniBaxter/sass/spa_landing/theme/_tooltip.scss
216
- - lib/viniBaxter/sass/spa_landing/theme/_transitions.scss
217
215
  - lib/viniBaxter/sass/spa_landing/theme/_type.scss
218
216
  - lib/viniBaxter/sass/spa_landing/theme/_utilities.scss
219
- - lib/viniBaxter/sass/spa_landing/theme/_variables.scss
220
217
  - lib/viniBaxter/sass/spa_landing/theme/mixins/_badge.scss
221
218
  - lib/viniBaxter/sass/spa_landing/theme/mixins/_buttons.scss
219
+ - lib/viniBaxter/sass/spa_landing/theme/mixins/_dropdown.scss
220
+ - lib/viniBaxter/sass/spa_landing/theme/mixins/_mixins.scss
221
+ - lib/viniBaxter/sass/spa_landing/theme/mixins/_navbar.scss
222
222
  - lib/viniBaxter/sass/spa_landing/theme/mixins/_overlay.scss
223
+ - lib/viniBaxter/sass/spa_landing/theme/mixins/_transparency.scss
224
+ - lib/viniBaxter/sass/spa_landing/theme/mixins/_vendor-prefixes.scss
225
+ - lib/viniBaxter/sass/spa_landing/theme/now-ui-kit.scss
223
226
  - lib/viniBaxter/sass/spa_landing/theme/utilities/_background.scss
224
227
  - lib/viniBaxter/sass/spa_landing/theme/utilities/_borders.scss
225
228
  - lib/viniBaxter/sass/spa_landing/theme/utilities/_images.scss
@@ -252,7 +255,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
252
255
  - !ruby/object:Gem::Version
253
256
  version: '0'
254
257
  requirements: []
255
- rubygems_version: 3.0.3
258
+ rubygems_version: 3.1.4
256
259
  signing_key:
257
260
  specification_version: 4
258
261
  summary: test on front
@@ -1,17 +0,0 @@
1
- // Theme functions
2
- @import 'spa_landing/theme/functions';
3
-
4
- // Theme variables
5
- @import 'spa_landing/theme/variables';
6
-
7
- // Bootstrap core
8
- // @import '../../../node_modules/bootstrap/scss/bootstrap'; // initial copy from the app rails call node_modules
9
- @import 'spa_landing/scss/bootstrap';
10
-
11
- // Theme core
12
- @import 'spa_landing/theme/theme';
13
-
14
- // Custom core
15
- @import 'spa_landing/user';
16
-
17
- // LANDING FILE
@@ -1,48 +0,0 @@
1
- ._1n8ekdm {
2
- /* background: #ffffff !important; */
3
- border-radius: 4px !important;
4
- padding: 32px 32px 0 32px !important;
5
- }
6
-
7
- ._ubzwse {
8
- font-size: 30px !important;
9
- line-height: 36px !important;
10
- letter-spacing: normal !important;
11
- font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
12
- text-transform: undefined !important;
13
- color: #484848 !important;
14
- padding-top: 6px !important;
15
- padding-bottom: 6px !important;
16
- margin: 0px !important;
17
- padding: 0px !important;
18
- }
19
-
20
- h1._14i3z6h {
21
- // color: inherit !important;
22
- // font-size: 1em !important;
23
- // font-weight: bold !important;
24
- // line-height: 28px !important;
25
- // margin: 0px !important;
26
- // padding: 0px !important;
27
- //
28
- color: inherit !important;
29
- font-size: 30px !important;
30
- font-weight: bold !important;
31
- line-height: 36px !important;
32
- margin: 0px !important;
33
- padding: 0px !important;
34
- }
35
-
36
- ._1cocjfa {
37
- // font-size: 12px !important;
38
- // font-weight: 400 !important;
39
- // letter-spacing: 1px !important;
40
- // margin-bottom: 8px !important;
41
- // line-height: 17px !important;
42
- //
43
- font-size: 14.4px !important;
44
- font-weight: 400 !important;
45
- letter-spacing: 0.4px !important;
46
- margin-bottom: 8px !important;
47
- line-height: 21px !important;
48
- }
@@ -1,6 +0,0 @@
1
- //
2
- // user.scss
3
- // Use this to write your custom SCSS
4
- //
5
-
6
- @import "some_airbnb_variables"
@@ -1,1143 +0,0 @@
1
- // Variables
2
- //
3
- // Variables should follow the `$component-state-property-size` formula for
4
- // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
5
-
6
- // Color system
7
-
8
- $white: #fff !default;
9
- $gray-100: #f8f9fa !default;
10
- $gray-200: #e9ecef !default;
11
- $gray-300: #dee2e6 !default;
12
- $gray-400: #ced4da !default;
13
- $gray-500: #adb5bd !default;
14
- $gray-600: #6c757d !default;
15
- $gray-700: #495057 !default;
16
- $gray-800: #343a40 !default;
17
- $gray-900: #212529 !default;
18
- $black: #000 !default;
19
-
20
- $grays: () !default;
21
- // stylelint-disable-next-line scss/dollar-variable-default
22
- $grays: map-merge(
23
- (
24
- "100": $gray-100,
25
- "200": $gray-200,
26
- "300": $gray-300,
27
- "400": $gray-400,
28
- "500": $gray-500,
29
- "600": $gray-600,
30
- "700": $gray-700,
31
- "800": $gray-800,
32
- "900": $gray-900
33
- ),
34
- $grays
35
- );
36
-
37
- $blue: #007bff !default;
38
- $indigo: #6610f2 !default;
39
- $purple: #6f42c1 !default;
40
- $pink: #e83e8c !default;
41
- $red: #dc3545 !default;
42
- $orange: #fd7e14 !default;
43
- $yellow: #ffc107 !default;
44
- $green: #28a745 !default;
45
- $teal: #20c997 !default;
46
- $cyan: #17a2b8 !default;
47
-
48
- $colors: () !default;
49
- // stylelint-disable-next-line scss/dollar-variable-default
50
- $colors: map-merge(
51
- (
52
- "blue": $blue,
53
- "indigo": $indigo,
54
- "purple": $purple,
55
- "pink": $pink,
56
- "red": $red,
57
- "orange": $orange,
58
- "yellow": $yellow,
59
- "green": $green,
60
- "teal": $teal,
61
- "cyan": $cyan,
62
- "white": $white,
63
- "gray": $gray-600,
64
- "gray-dark": $gray-800
65
- ),
66
- $colors
67
- );
68
-
69
- $primary: $blue !default;
70
- $secondary: $gray-600 !default;
71
- $success: $green !default;
72
- $info: $cyan !default;
73
- $warning: $yellow !default;
74
- $danger: $red !default;
75
- $light: $gray-100 !default;
76
- $dark: $gray-800 !default;
77
-
78
- $theme-colors: () !default;
79
- // stylelint-disable-next-line scss/dollar-variable-default
80
- $theme-colors: map-merge(
81
- (
82
- "primary": $primary,
83
- "secondary": $secondary,
84
- "success": $success,
85
- "info": $info,
86
- "warning": $warning,
87
- "danger": $danger,
88
- "light": $light,
89
- "dark": $dark
90
- ),
91
- $theme-colors
92
- );
93
-
94
- // Set a specific jump point for requesting color jumps
95
- $theme-color-interval: 8% !default;
96
-
97
- // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
98
- $yiq-contrasted-threshold: 150 !default;
99
-
100
- // Customize the light and dark text colors for use in our YIQ color contrast function.
101
- $yiq-text-dark: $gray-900 !default;
102
- $yiq-text-light: $white !default;
103
-
104
- // Characters which are escaped by the escape-svg function
105
- $escaped-characters: (
106
- ("<","%3c"),
107
- (">","%3e"),
108
- ("#","%23"),
109
- ) !default;
110
-
111
-
112
- // Options
113
- //
114
- // Quickly modify global styling by enabling or disabling optional features.
115
-
116
- $enable-caret: true !default;
117
- $enable-rounded: true !default;
118
- $enable-shadows: false !default;
119
- $enable-gradients: false !default;
120
- $enable-transitions: true !default;
121
- $enable-prefers-reduced-motion-media-query: true !default;
122
- $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
123
- $enable-grid-classes: true !default;
124
- $enable-pointer-cursor-for-buttons: true !default;
125
- $enable-print-styles: true !default;
126
- $enable-responsive-font-sizes: false !default;
127
- $enable-validation-icons: true !default;
128
- $enable-deprecation-messages: true !default;
129
-
130
-
131
- // Spacing
132
- //
133
- // Control the default styling of most Bootstrap elements by modifying these
134
- // variables. Mostly focused on spacing.
135
- // You can add more entries to the $spacers map, should you need more variation.
136
-
137
- $spacer: 1rem !default;
138
- $spacers: () !default;
139
- // stylelint-disable-next-line scss/dollar-variable-default
140
- $spacers: map-merge(
141
- (
142
- 0: 0,
143
- 1: ($spacer * .25),
144
- 2: ($spacer * .5),
145
- 3: $spacer,
146
- 4: ($spacer * 1.5),
147
- 5: ($spacer * 3)
148
- ),
149
- $spacers
150
- );
151
-
152
- // This variable affects the `.h-*` and `.w-*` classes.
153
- $sizes: () !default;
154
- // stylelint-disable-next-line scss/dollar-variable-default
155
- $sizes: map-merge(
156
- (
157
- 25: 25%,
158
- 50: 50%,
159
- 75: 75%,
160
- 100: 100%,
161
- auto: auto
162
- ),
163
- $sizes
164
- );
165
-
166
-
167
- // Body
168
- //
169
- // Settings for the `<body>` element.
170
-
171
- $body-bg: $white !default;
172
- $body-color: $gray-900 !default;
173
-
174
-
175
- // Links
176
- //
177
- // Style anchor elements.
178
-
179
- $link-color: theme-color("primary") !default;
180
- $link-decoration: none !default;
181
- $link-hover-color: darken($link-color, 15%) !default;
182
- $link-hover-decoration: underline !default;
183
- // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
184
- $emphasized-link-hover-darken-percentage: 15% !default;
185
-
186
- // Paragraphs
187
- //
188
- // Style p element.
189
-
190
- $paragraph-margin-bottom: 1rem !default;
191
-
192
-
193
- // Grid breakpoints
194
- //
195
- // Define the minimum dimensions at which your layout will change,
196
- // adapting to different screen sizes, for use in media queries.
197
-
198
- $grid-breakpoints: (
199
- xs: 0,
200
- sm: 576px,
201
- md: 768px,
202
- lg: 992px,
203
- xl: 1200px
204
- ) !default;
205
-
206
- @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
207
- @include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
208
-
209
-
210
- // Grid containers
211
- //
212
- // Define the maximum width of `.container` for different screen sizes.
213
-
214
- $container-max-widths: (
215
- sm: 540px,
216
- md: 720px,
217
- lg: 960px,
218
- xl: 1140px
219
- ) !default;
220
-
221
- @include _assert-ascending($container-max-widths, "$container-max-widths");
222
-
223
-
224
- // Grid columns
225
- //
226
- // Set the number of columns and specify the width of the gutters.
227
-
228
- $grid-columns: 12 !default;
229
- $grid-gutter-width: 30px !default;
230
- $grid-row-columns: 6 !default;
231
-
232
-
233
- // Components
234
- //
235
- // Define common padding and border radius sizes and more.
236
-
237
- $line-height-lg: 1.5 !default;
238
- $line-height-sm: 1.5 !default;
239
-
240
- $border-width: 1px !default;
241
- $border-color: $gray-300 !default;
242
-
243
- $border-radius: .25rem !default;
244
- $border-radius-lg: .3rem !default;
245
- $border-radius-sm: .2rem !default;
246
-
247
- $rounded-pill: 50rem !default;
248
-
249
- $box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
250
- $box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
251
- $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
252
-
253
- $component-active-color: $white !default;
254
- $component-active-bg: theme-color("primary") !default;
255
-
256
- $caret-width: .3em !default;
257
- $caret-vertical-align: $caret-width * .85 !default;
258
- $caret-spacing: $caret-width * .85 !default;
259
-
260
- $transition-base: all .2s ease-in-out !default;
261
- $transition-fade: opacity .15s linear !default;
262
- $transition-collapse: height .35s ease !default;
263
-
264
- $embed-responsive-aspect-ratios: () !default;
265
- // stylelint-disable-next-line scss/dollar-variable-default
266
- $embed-responsive-aspect-ratios: join(
267
- (
268
- (21 9),
269
- (16 9),
270
- (4 3),
271
- (1 1),
272
- ),
273
- $embed-responsive-aspect-ratios
274
- );
275
-
276
- // Typography
277
- //
278
- // Font, line-height, and color for body text, headings, and more.
279
-
280
- // stylelint-disable value-keyword-case
281
- $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
282
- $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
283
- $font-family-base: $font-family-sans-serif !default;
284
- // stylelint-enable value-keyword-case
285
-
286
- $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
287
- $font-size-lg: $font-size-base * 1.25 !default;
288
- $font-size-sm: $font-size-base * .875 !default;
289
-
290
- $font-weight-lighter: lighter !default;
291
- $font-weight-light: 300 !default;
292
- $font-weight-normal: 400 !default;
293
- $font-weight-bold: 700 !default;
294
- $font-weight-bolder: bolder !default;
295
-
296
- $font-weight-base: $font-weight-normal !default;
297
- $line-height-base: 1.5 !default;
298
-
299
- $h1-font-size: $font-size-base * 2.5 !default;
300
- $h2-font-size: $font-size-base * 2 !default;
301
- $h3-font-size: $font-size-base * 1.75 !default;
302
- $h4-font-size: $font-size-base * 1.5 !default;
303
- $h5-font-size: $font-size-base * 1.25 !default;
304
- $h6-font-size: $font-size-base !default;
305
-
306
- $headings-margin-bottom: $spacer / 2 !default;
307
- $headings-font-family: null !default;
308
- $headings-font-weight: 500 !default;
309
- $headings-line-height: 1.2 !default;
310
- $headings-color: null !default;
311
-
312
- $display1-size: 6rem !default;
313
- $display2-size: 5.5rem !default;
314
- $display3-size: 4.5rem !default;
315
- $display4-size: 3.5rem !default;
316
-
317
- $display1-weight: 300 !default;
318
- $display2-weight: 300 !default;
319
- $display3-weight: 300 !default;
320
- $display4-weight: 300 !default;
321
- $display-line-height: $headings-line-height !default;
322
-
323
- $lead-font-size: $font-size-base * 1.25 !default;
324
- $lead-font-weight: 300 !default;
325
-
326
- $small-font-size: 80% !default;
327
-
328
- $text-muted: $gray-600 !default;
329
-
330
- $blockquote-small-color: $gray-600 !default;
331
- $blockquote-small-font-size: $small-font-size !default;
332
- $blockquote-font-size: $font-size-base * 1.25 !default;
333
-
334
- $hr-border-color: rgba($black, .1) !default;
335
- $hr-border-width: $border-width !default;
336
-
337
- $mark-padding: .2em !default;
338
-
339
- $dt-font-weight: $font-weight-bold !default;
340
-
341
- $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
342
- $nested-kbd-font-weight: $font-weight-bold !default;
343
-
344
- $list-inline-padding: .5rem !default;
345
-
346
- $mark-bg: #fcf8e3 !default;
347
-
348
- $hr-margin-y: $spacer !default;
349
-
350
-
351
- // Tables
352
- //
353
- // Customizes the `.table` component with basic values, each used across all table variations.
354
-
355
- $table-cell-padding: .75rem !default;
356
- $table-cell-padding-sm: .3rem !default;
357
-
358
- $table-color: $body-color !default;
359
- $table-bg: null !default;
360
- $table-accent-bg: rgba($black, .05) !default;
361
- $table-hover-color: $table-color !default;
362
- $table-hover-bg: rgba($black, .075) !default;
363
- $table-active-bg: $table-hover-bg !default;
364
-
365
- $table-border-width: $border-width !default;
366
- $table-border-color: $border-color !default;
367
-
368
- $table-head-bg: $gray-200 !default;
369
- $table-head-color: $gray-700 !default;
370
-
371
- $table-dark-color: $white !default;
372
- $table-dark-bg: $gray-800 !default;
373
- $table-dark-accent-bg: rgba($white, .05) !default;
374
- $table-dark-hover-color: $table-dark-color !default;
375
- $table-dark-hover-bg: rgba($white, .075) !default;
376
- $table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
377
-
378
- $table-striped-order: odd !default;
379
-
380
- $table-caption-color: $text-muted !default;
381
-
382
- $table-bg-level: -9 !default;
383
- $table-border-level: -6 !default;
384
-
385
-
386
- // Buttons + Forms
387
- //
388
- // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
389
-
390
- $input-btn-padding-y: .375rem !default;
391
- $input-btn-padding-x: .75rem !default;
392
- $input-btn-font-family: null !default;
393
- $input-btn-font-size: $font-size-base !default;
394
- $input-btn-line-height: $line-height-base !default;
395
-
396
- $input-btn-focus-width: .2rem !default;
397
- $input-btn-focus-color: rgba($component-active-bg, .25) !default;
398
- $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
399
-
400
- $input-btn-padding-y-sm: .25rem !default;
401
- $input-btn-padding-x-sm: .5rem !default;
402
- $input-btn-font-size-sm: $font-size-sm !default;
403
- $input-btn-line-height-sm: $line-height-sm !default;
404
-
405
- $input-btn-padding-y-lg: .5rem !default;
406
- $input-btn-padding-x-lg: 1rem !default;
407
- $input-btn-font-size-lg: $font-size-lg !default;
408
- $input-btn-line-height-lg: $line-height-lg !default;
409
-
410
- $input-btn-border-width: $border-width !default;
411
-
412
-
413
- // Buttons
414
- //
415
- // For each of Bootstrap's buttons, define text, background, and border color.
416
-
417
- $btn-padding-y: $input-btn-padding-y !default;
418
- $btn-padding-x: $input-btn-padding-x !default;
419
- $btn-font-family: $input-btn-font-family !default;
420
- $btn-font-size: $input-btn-font-size !default;
421
- $btn-line-height: $input-btn-line-height !default;
422
- $btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
423
-
424
- $btn-padding-y-sm: $input-btn-padding-y-sm !default;
425
- $btn-padding-x-sm: $input-btn-padding-x-sm !default;
426
- $btn-font-size-sm: $input-btn-font-size-sm !default;
427
- $btn-line-height-sm: $input-btn-line-height-sm !default;
428
-
429
- $btn-padding-y-lg: $input-btn-padding-y-lg !default;
430
- $btn-padding-x-lg: $input-btn-padding-x-lg !default;
431
- $btn-font-size-lg: $input-btn-font-size-lg !default;
432
- $btn-line-height-lg: $input-btn-line-height-lg !default;
433
-
434
- $btn-border-width: $input-btn-border-width !default;
435
-
436
- $btn-font-weight: $font-weight-normal !default;
437
- $btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
438
- $btn-focus-width: $input-btn-focus-width !default;
439
- $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
440
- $btn-disabled-opacity: .65 !default;
441
- $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
442
-
443
- $btn-link-disabled-color: $gray-600 !default;
444
-
445
- $btn-block-spacing-y: .5rem !default;
446
-
447
- // Allows for customizing button radius independently from global border radius
448
- $btn-border-radius: $border-radius !default;
449
- $btn-border-radius-lg: $border-radius-lg !default;
450
- $btn-border-radius-sm: $border-radius-sm !default;
451
-
452
- $btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
453
-
454
-
455
- // Forms
456
-
457
- $label-margin-bottom: .5rem !default;
458
-
459
- $input-padding-y: $input-btn-padding-y !default;
460
- $input-padding-x: $input-btn-padding-x !default;
461
- $input-font-family: $input-btn-font-family !default;
462
- $input-font-size: $input-btn-font-size !default;
463
- $input-font-weight: $font-weight-base !default;
464
- $input-line-height: $input-btn-line-height !default;
465
-
466
- $input-padding-y-sm: $input-btn-padding-y-sm !default;
467
- $input-padding-x-sm: $input-btn-padding-x-sm !default;
468
- $input-font-size-sm: $input-btn-font-size-sm !default;
469
- $input-line-height-sm: $input-btn-line-height-sm !default;
470
-
471
- $input-padding-y-lg: $input-btn-padding-y-lg !default;
472
- $input-padding-x-lg: $input-btn-padding-x-lg !default;
473
- $input-font-size-lg: $input-btn-font-size-lg !default;
474
- $input-line-height-lg: $input-btn-line-height-lg !default;
475
-
476
- $input-bg: $white !default;
477
- $input-disabled-bg: $gray-200 !default;
478
-
479
- $input-color: $gray-700 !default;
480
- $input-border-color: $gray-400 !default;
481
- $input-border-width: $input-btn-border-width !default;
482
- $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
483
-
484
- $input-border-radius: $border-radius !default;
485
- $input-border-radius-lg: $border-radius-lg !default;
486
- $input-border-radius-sm: $border-radius-sm !default;
487
-
488
- $input-focus-bg: $input-bg !default;
489
- $input-focus-border-color: lighten($component-active-bg, 25%) !default;
490
- $input-focus-color: $input-color !default;
491
- $input-focus-width: $input-btn-focus-width !default;
492
- $input-focus-box-shadow: $input-btn-focus-box-shadow !default;
493
-
494
- $input-placeholder-color: $gray-600 !default;
495
- $input-plaintext-color: $body-color !default;
496
-
497
- $input-height-border: $input-border-width * 2 !default;
498
-
499
- $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
500
- $input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
501
- $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
502
-
503
- $input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
504
- $input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
505
- $input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
506
-
507
- $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
508
-
509
- $form-text-margin-top: .25rem !default;
510
-
511
- $form-check-input-gutter: 1.25rem !default;
512
- $form-check-input-margin-y: .3rem !default;
513
- $form-check-input-margin-x: .25rem !default;
514
-
515
- $form-check-inline-margin-x: .75rem !default;
516
- $form-check-inline-input-margin-x: .3125rem !default;
517
-
518
- $form-grid-gutter-width: 10px !default;
519
- $form-group-margin-bottom: 1rem !default;
520
-
521
- $input-group-addon-color: $input-color !default;
522
- $input-group-addon-bg: $gray-200 !default;
523
- $input-group-addon-border-color: $input-border-color !default;
524
-
525
- $custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
526
-
527
- $custom-control-gutter: .5rem !default;
528
- $custom-control-spacer-x: 1rem !default;
529
- $custom-control-cursor: null !default;
530
-
531
- $custom-control-indicator-size: 1rem !default;
532
- $custom-control-indicator-bg: $input-bg !default;
533
-
534
- $custom-control-indicator-bg-size: 50% 50% !default;
535
- $custom-control-indicator-box-shadow: $input-box-shadow !default;
536
- $custom-control-indicator-border-color: $gray-500 !default;
537
- $custom-control-indicator-border-width: $input-border-width !default;
538
-
539
- $custom-control-label-color: null !default;
540
-
541
- $custom-control-indicator-disabled-bg: $input-disabled-bg !default;
542
- $custom-control-label-disabled-color: $gray-600 !default;
543
-
544
- $custom-control-indicator-checked-color: $component-active-color !default;
545
- $custom-control-indicator-checked-bg: $component-active-bg !default;
546
- $custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
547
- $custom-control-indicator-checked-box-shadow: none !default;
548
- $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
549
-
550
- $custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
551
- $custom-control-indicator-focus-border-color: $input-focus-border-color !default;
552
-
553
- $custom-control-indicator-active-color: $component-active-color !default;
554
- $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
555
- $custom-control-indicator-active-box-shadow: none !default;
556
- $custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
557
-
558
- $custom-checkbox-indicator-border-radius: $border-radius !default;
559
- $custom-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>") !default;
560
-
561
- $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
562
- $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
563
- $custom-checkbox-indicator-icon-indeterminate: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>") !default;
564
- $custom-checkbox-indicator-indeterminate-box-shadow: none !default;
565
- $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
566
-
567
- $custom-radio-indicator-border-radius: 50% !default;
568
- $custom-radio-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
569
-
570
- $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
571
- $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
572
- $custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
573
-
574
- $custom-select-padding-y: $input-padding-y !default;
575
- $custom-select-padding-x: $input-padding-x !default;
576
- $custom-select-font-family: $input-font-family !default;
577
- $custom-select-font-size: $input-font-size !default;
578
- $custom-select-height: $input-height !default;
579
- $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
580
- $custom-select-font-weight: $input-font-weight !default;
581
- $custom-select-line-height: $input-line-height !default;
582
- $custom-select-color: $input-color !default;
583
- $custom-select-disabled-color: $gray-600 !default;
584
- $custom-select-bg: $input-bg !default;
585
- $custom-select-disabled-bg: $gray-200 !default;
586
- $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
587
- $custom-select-indicator-color: $gray-800 !default;
588
- $custom-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !default;
589
- $custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
590
-
591
- $custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
592
- $custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
593
- $custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
594
-
595
- $custom-select-border-width: $input-border-width !default;
596
- $custom-select-border-color: $input-border-color !default;
597
- $custom-select-border-radius: $border-radius !default;
598
- $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
599
-
600
- $custom-select-focus-border-color: $input-focus-border-color !default;
601
- $custom-select-focus-width: $input-focus-width !default;
602
- $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
603
-
604
- $custom-select-padding-y-sm: $input-padding-y-sm !default;
605
- $custom-select-padding-x-sm: $input-padding-x-sm !default;
606
- $custom-select-font-size-sm: $input-font-size-sm !default;
607
- $custom-select-height-sm: $input-height-sm !default;
608
-
609
- $custom-select-padding-y-lg: $input-padding-y-lg !default;
610
- $custom-select-padding-x-lg: $input-padding-x-lg !default;
611
- $custom-select-font-size-lg: $input-font-size-lg !default;
612
- $custom-select-height-lg: $input-height-lg !default;
613
-
614
- $custom-range-track-width: 100% !default;
615
- $custom-range-track-height: .5rem !default;
616
- $custom-range-track-cursor: pointer !default;
617
- $custom-range-track-bg: $gray-300 !default;
618
- $custom-range-track-border-radius: 1rem !default;
619
- $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
620
-
621
- $custom-range-thumb-width: 1rem !default;
622
- $custom-range-thumb-height: $custom-range-thumb-width !default;
623
- $custom-range-thumb-bg: $component-active-bg !default;
624
- $custom-range-thumb-border: 0 !default;
625
- $custom-range-thumb-border-radius: 1rem !default;
626
- $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
627
- $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
628
- $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
629
- $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
630
- $custom-range-thumb-disabled-bg: $gray-500 !default;
631
-
632
- $custom-file-height: $input-height !default;
633
- $custom-file-height-inner: $input-height-inner !default;
634
- $custom-file-focus-border-color: $input-focus-border-color !default;
635
- $custom-file-focus-box-shadow: $input-focus-box-shadow !default;
636
- $custom-file-disabled-bg: $input-disabled-bg !default;
637
-
638
- $custom-file-padding-y: $input-padding-y !default;
639
- $custom-file-padding-x: $input-padding-x !default;
640
- $custom-file-line-height: $input-line-height !default;
641
- $custom-file-font-family: $input-font-family !default;
642
- $custom-file-font-weight: $input-font-weight !default;
643
- $custom-file-color: $input-color !default;
644
- $custom-file-bg: $input-bg !default;
645
- $custom-file-border-width: $input-border-width !default;
646
- $custom-file-border-color: $input-border-color !default;
647
- $custom-file-border-radius: $input-border-radius !default;
648
- $custom-file-box-shadow: $input-box-shadow !default;
649
- $custom-file-button-color: $custom-file-color !default;
650
- $custom-file-button-bg: $input-group-addon-bg !default;
651
- $custom-file-text: (
652
- en: "Browse"
653
- ) !default;
654
-
655
-
656
- // Form validation
657
-
658
- $form-feedback-margin-top: $form-text-margin-top !default;
659
- $form-feedback-font-size: $small-font-size !default;
660
- $form-feedback-valid-color: theme-color("success") !default;
661
- $form-feedback-invalid-color: theme-color("danger") !default;
662
-
663
- $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
664
- $form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
665
- $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
666
- $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
667
-
668
- $form-validation-states: () !default;
669
- // stylelint-disable-next-line scss/dollar-variable-default
670
- $form-validation-states: map-merge(
671
- (
672
- "valid": (
673
- "color": $form-feedback-valid-color,
674
- "icon": $form-feedback-icon-valid
675
- ),
676
- "invalid": (
677
- "color": $form-feedback-invalid-color,
678
- "icon": $form-feedback-icon-invalid
679
- ),
680
- ),
681
- $form-validation-states
682
- );
683
-
684
- // Z-index master list
685
- //
686
- // Warning: Avoid customizing these values. They're used for a bird's eye view
687
- // of components dependent on the z-axis and are designed to all work together.
688
-
689
- $zindex-dropdown: 1000 !default;
690
- $zindex-sticky: 1020 !default;
691
- $zindex-fixed: 1030 !default;
692
- $zindex-modal-backdrop: 1040 !default;
693
- $zindex-modal: 1050 !default;
694
- $zindex-popover: 1060 !default;
695
- $zindex-tooltip: 1070 !default;
696
-
697
-
698
- // Navs
699
-
700
- $nav-link-padding-y: .5rem !default;
701
- $nav-link-padding-x: 1rem !default;
702
- $nav-link-disabled-color: $gray-600 !default;
703
-
704
- $nav-tabs-border-color: $gray-300 !default;
705
- $nav-tabs-border-width: $border-width !default;
706
- $nav-tabs-border-radius: $border-radius !default;
707
- $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
708
- $nav-tabs-link-active-color: $gray-700 !default;
709
- $nav-tabs-link-active-bg: $body-bg !default;
710
- $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
711
-
712
- $nav-pills-border-radius: $border-radius !default;
713
- $nav-pills-link-active-color: $component-active-color !default;
714
- $nav-pills-link-active-bg: $component-active-bg !default;
715
-
716
- $nav-divider-color: $gray-200 !default;
717
- $nav-divider-margin-y: $spacer / 2 !default;
718
-
719
-
720
- // Navbar
721
-
722
- $navbar-padding-y: $spacer / 2 !default;
723
- $navbar-padding-x: $spacer !default;
724
-
725
- $navbar-nav-link-padding-x: .5rem !default;
726
-
727
- $navbar-brand-font-size: $font-size-lg !default;
728
- // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
729
- $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
730
- $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
731
- $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
732
-
733
- $navbar-toggler-padding-y: .25rem !default;
734
- $navbar-toggler-padding-x: .75rem !default;
735
- $navbar-toggler-font-size: $font-size-lg !default;
736
- $navbar-toggler-border-radius: $btn-border-radius !default;
737
-
738
- $navbar-dark-color: rgba($white, .5) !default;
739
- $navbar-dark-hover-color: rgba($white, .75) !default;
740
- $navbar-dark-active-color: $white !default;
741
- $navbar-dark-disabled-color: rgba($white, .25) !default;
742
- $navbar-dark-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
743
- $navbar-dark-toggler-border-color: rgba($white, .1) !default;
744
-
745
- $navbar-light-color: rgba($black, .5) !default;
746
- $navbar-light-hover-color: rgba($black, .7) !default;
747
- $navbar-light-active-color: rgba($black, .9) !default;
748
- $navbar-light-disabled-color: rgba($black, .3) !default;
749
- $navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
750
- $navbar-light-toggler-border-color: rgba($black, .1) !default;
751
-
752
- $navbar-light-brand-color: $navbar-light-active-color !default;
753
- $navbar-light-brand-hover-color: $navbar-light-active-color !default;
754
- $navbar-dark-brand-color: $navbar-dark-active-color !default;
755
- $navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
756
-
757
-
758
- // Dropdowns
759
- //
760
- // Dropdown menu container and contents.
761
-
762
- $dropdown-min-width: 10rem !default;
763
- $dropdown-padding-y: .5rem !default;
764
- $dropdown-spacer: .125rem !default;
765
- $dropdown-font-size: $font-size-base !default;
766
- $dropdown-color: $body-color !default;
767
- $dropdown-bg: $white !default;
768
- $dropdown-border-color: rgba($black, .15) !default;
769
- $dropdown-border-radius: $border-radius !default;
770
- $dropdown-border-width: $border-width !default;
771
- $dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
772
- $dropdown-divider-bg: $gray-200 !default;
773
- $dropdown-divider-margin-y: $nav-divider-margin-y !default;
774
- $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
775
-
776
- $dropdown-link-color: $gray-900 !default;
777
- $dropdown-link-hover-color: darken($gray-900, 5%) !default;
778
- $dropdown-link-hover-bg: $gray-100 !default;
779
-
780
- $dropdown-link-active-color: $component-active-color !default;
781
- $dropdown-link-active-bg: $component-active-bg !default;
782
-
783
- $dropdown-link-disabled-color: $gray-600 !default;
784
-
785
- $dropdown-item-padding-y: .25rem !default;
786
- $dropdown-item-padding-x: 1.5rem !default;
787
-
788
- $dropdown-header-color: $gray-600 !default;
789
-
790
-
791
- // Pagination
792
-
793
- $pagination-padding-y: .5rem !default;
794
- $pagination-padding-x: .75rem !default;
795
- $pagination-padding-y-sm: .25rem !default;
796
- $pagination-padding-x-sm: .5rem !default;
797
- $pagination-padding-y-lg: .75rem !default;
798
- $pagination-padding-x-lg: 1.5rem !default;
799
- $pagination-line-height: 1.25 !default;
800
-
801
- $pagination-color: $link-color !default;
802
- $pagination-bg: $white !default;
803
- $pagination-border-width: $border-width !default;
804
- $pagination-border-color: $gray-300 !default;
805
-
806
- $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
807
- $pagination-focus-outline: 0 !default;
808
-
809
- $pagination-hover-color: $link-hover-color !default;
810
- $pagination-hover-bg: $gray-200 !default;
811
- $pagination-hover-border-color: $gray-300 !default;
812
-
813
- $pagination-active-color: $component-active-color !default;
814
- $pagination-active-bg: $component-active-bg !default;
815
- $pagination-active-border-color: $pagination-active-bg !default;
816
-
817
- $pagination-disabled-color: $gray-600 !default;
818
- $pagination-disabled-bg: $white !default;
819
- $pagination-disabled-border-color: $gray-300 !default;
820
-
821
-
822
- // Jumbotron
823
-
824
- $jumbotron-padding: 2rem !default;
825
- $jumbotron-color: null !default;
826
- $jumbotron-bg: $gray-200 !default;
827
-
828
-
829
- // Cards
830
-
831
- $card-spacer-y: .75rem !default;
832
- $card-spacer-x: 1.25rem !default;
833
- $card-border-width: $border-width !default;
834
- $card-border-radius: $border-radius !default;
835
- $card-border-color: rgba($black, .125) !default;
836
- $card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
837
- $card-cap-bg: rgba($black, .03) !default;
838
- $card-cap-color: null !default;
839
- $card-height: null !default;
840
- $card-color: null !default;
841
- $card-bg: $white !default;
842
-
843
- $card-img-overlay-padding: 1.25rem !default;
844
-
845
- $card-group-margin: $grid-gutter-width / 2 !default;
846
- $card-deck-margin: $card-group-margin !default;
847
-
848
- $card-columns-count: 3 !default;
849
- $card-columns-gap: 1.25rem !default;
850
- $card-columns-margin: $card-spacer-y !default;
851
-
852
-
853
- // Tooltips
854
-
855
- $tooltip-font-size: $font-size-sm !default;
856
- $tooltip-max-width: 200px !default;
857
- $tooltip-color: $white !default;
858
- $tooltip-bg: $black !default;
859
- $tooltip-border-radius: $border-radius !default;
860
- $tooltip-opacity: .9 !default;
861
- $tooltip-padding-y: .25rem !default;
862
- $tooltip-padding-x: .5rem !default;
863
- $tooltip-margin: 0 !default;
864
-
865
- $tooltip-arrow-width: .8rem !default;
866
- $tooltip-arrow-height: .4rem !default;
867
- $tooltip-arrow-color: $tooltip-bg !default;
868
-
869
- // Form tooltips must come after regular tooltips
870
- $form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
871
- $form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
872
- $form-feedback-tooltip-font-size: $tooltip-font-size !default;
873
- $form-feedback-tooltip-line-height: $line-height-base !default;
874
- $form-feedback-tooltip-opacity: $tooltip-opacity !default;
875
- $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
876
-
877
-
878
- // Popovers
879
-
880
- $popover-font-size: $font-size-sm !default;
881
- $popover-bg: $white !default;
882
- $popover-max-width: 276px !default;
883
- $popover-border-width: $border-width !default;
884
- $popover-border-color: rgba($black, .2) !default;
885
- $popover-border-radius: $border-radius-lg !default;
886
- $popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
887
- $popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
888
-
889
- $popover-header-bg: darken($popover-bg, 3%) !default;
890
- $popover-header-color: $headings-color !default;
891
- $popover-header-padding-y: .5rem !default;
892
- $popover-header-padding-x: .75rem !default;
893
-
894
- $popover-body-color: $body-color !default;
895
- $popover-body-padding-y: $popover-header-padding-y !default;
896
- $popover-body-padding-x: $popover-header-padding-x !default;
897
-
898
- $popover-arrow-width: 1rem !default;
899
- $popover-arrow-height: .5rem !default;
900
- $popover-arrow-color: $popover-bg !default;
901
-
902
- $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
903
-
904
-
905
- // Toasts
906
-
907
- $toast-max-width: 350px !default;
908
- $toast-padding-x: .75rem !default;
909
- $toast-padding-y: .25rem !default;
910
- $toast-font-size: .875rem !default;
911
- $toast-color: null !default;
912
- $toast-background-color: rgba($white, .85) !default;
913
- $toast-border-width: 1px !default;
914
- $toast-border-color: rgba(0, 0, 0, .1) !default;
915
- $toast-border-radius: .25rem !default;
916
- $toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;
917
-
918
- $toast-header-color: $gray-600 !default;
919
- $toast-header-background-color: rgba($white, .85) !default;
920
- $toast-header-border-color: rgba(0, 0, 0, .05) !default;
921
-
922
-
923
- // Badges
924
-
925
- $badge-font-size: 75% !default;
926
- $badge-font-weight: $font-weight-bold !default;
927
- $badge-padding-y: .25em !default;
928
- $badge-padding-x: .4em !default;
929
- $badge-border-radius: $border-radius !default;
930
-
931
- $badge-transition: $btn-transition !default;
932
- $badge-focus-width: $input-btn-focus-width !default;
933
-
934
- $badge-pill-padding-x: .6em !default;
935
- // Use a higher than normal value to ensure completely rounded edges when
936
- // customizing padding or font-size on labels.
937
- $badge-pill-border-radius: 10rem !default;
938
-
939
-
940
- // Modals
941
-
942
- // Padding applied to the modal body
943
- $modal-inner-padding: 1rem !default;
944
-
945
- // Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
946
- $modal-footer-margin-between: .5rem !default;
947
-
948
- $modal-dialog-margin: .5rem !default;
949
- $modal-dialog-margin-y-sm-up: 1.75rem !default;
950
-
951
- $modal-title-line-height: $line-height-base !default;
952
-
953
- $modal-content-color: null !default;
954
- $modal-content-bg: $white !default;
955
- $modal-content-border-color: rgba($black, .2) !default;
956
- $modal-content-border-width: $border-width !default;
957
- $modal-content-border-radius: $border-radius-lg !default;
958
- $modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
959
- $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
960
- $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
961
-
962
- $modal-backdrop-bg: $black !default;
963
- $modal-backdrop-opacity: .5 !default;
964
- $modal-header-border-color: $border-color !default;
965
- $modal-footer-border-color: $modal-header-border-color !default;
966
- $modal-header-border-width: $modal-content-border-width !default;
967
- $modal-footer-border-width: $modal-header-border-width !default;
968
- $modal-header-padding-y: 1rem !default;
969
- $modal-header-padding-x: 1rem !default;
970
- $modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
971
-
972
- $modal-xl: 1140px !default;
973
- $modal-lg: 800px !default;
974
- $modal-md: 500px !default;
975
- $modal-sm: 300px !default;
976
-
977
- $modal-fade-transform: translate(0, -50px) !default;
978
- $modal-show-transform: none !default;
979
- $modal-transition: transform .3s ease-out !default;
980
- $modal-scale-transform: scale(1.02) !default;
981
-
982
-
983
- // Alerts
984
- //
985
- // Define alert colors, border radius, and padding.
986
-
987
- $alert-padding-y: .75rem !default;
988
- $alert-padding-x: 1.25rem !default;
989
- $alert-margin-bottom: 1rem !default;
990
- $alert-border-radius: $border-radius !default;
991
- $alert-link-font-weight: $font-weight-bold !default;
992
- $alert-border-width: $border-width !default;
993
-
994
- $alert-bg-level: -10 !default;
995
- $alert-border-level: -9 !default;
996
- $alert-color-level: 6 !default;
997
-
998
-
999
- // Progress bars
1000
-
1001
- $progress-height: 1rem !default;
1002
- $progress-font-size: $font-size-base * .75 !default;
1003
- $progress-bg: $gray-200 !default;
1004
- $progress-border-radius: $border-radius !default;
1005
- $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
1006
- $progress-bar-color: $white !default;
1007
- $progress-bar-bg: theme-color("primary") !default;
1008
- $progress-bar-animation-timing: 1s linear infinite !default;
1009
- $progress-bar-transition: width .6s ease !default;
1010
-
1011
-
1012
- // List group
1013
-
1014
- $list-group-color: null !default;
1015
- $list-group-bg: $white !default;
1016
- $list-group-border-color: rgba($black, .125) !default;
1017
- $list-group-border-width: $border-width !default;
1018
- $list-group-border-radius: $border-radius !default;
1019
-
1020
- $list-group-item-padding-y: .75rem !default;
1021
- $list-group-item-padding-x: 1.25rem !default;
1022
-
1023
- $list-group-hover-bg: $gray-100 !default;
1024
- $list-group-active-color: $component-active-color !default;
1025
- $list-group-active-bg: $component-active-bg !default;
1026
- $list-group-active-border-color: $list-group-active-bg !default;
1027
-
1028
- $list-group-disabled-color: $gray-600 !default;
1029
- $list-group-disabled-bg: $list-group-bg !default;
1030
-
1031
- $list-group-action-color: $gray-700 !default;
1032
- $list-group-action-hover-color: $list-group-action-color !default;
1033
-
1034
- $list-group-action-active-color: $body-color !default;
1035
- $list-group-action-active-bg: $gray-200 !default;
1036
-
1037
-
1038
- // Image thumbnails
1039
-
1040
- $thumbnail-padding: .25rem !default;
1041
- $thumbnail-bg: $body-bg !default;
1042
- $thumbnail-border-width: $border-width !default;
1043
- $thumbnail-border-color: $gray-300 !default;
1044
- $thumbnail-border-radius: $border-radius !default;
1045
- $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
1046
-
1047
-
1048
- // Figures
1049
-
1050
- $figure-caption-font-size: 90% !default;
1051
- $figure-caption-color: $gray-600 !default;
1052
-
1053
-
1054
- // Breadcrumbs
1055
-
1056
- $breadcrumb-font-size: null !default;
1057
-
1058
- $breadcrumb-padding-y: .75rem !default;
1059
- $breadcrumb-padding-x: 1rem !default;
1060
- $breadcrumb-item-padding: .5rem !default;
1061
-
1062
- $breadcrumb-margin-bottom: 1rem !default;
1063
-
1064
- $breadcrumb-bg: $gray-200 !default;
1065
- $breadcrumb-divider-color: $gray-600 !default;
1066
- $breadcrumb-active-color: $gray-600 !default;
1067
- $breadcrumb-divider: quote("/") !default;
1068
-
1069
- $breadcrumb-border-radius: $border-radius !default;
1070
-
1071
-
1072
- // Carousel
1073
-
1074
- $carousel-control-color: $white !default;
1075
- $carousel-control-width: 15% !default;
1076
- $carousel-control-opacity: .5 !default;
1077
- $carousel-control-hover-opacity: .9 !default;
1078
- $carousel-control-transition: opacity .15s ease !default;
1079
-
1080
- $carousel-indicator-width: 30px !default;
1081
- $carousel-indicator-height: 3px !default;
1082
- $carousel-indicator-hit-area-height: 10px !default;
1083
- $carousel-indicator-spacer: 3px !default;
1084
- $carousel-indicator-active-bg: $white !default;
1085
- $carousel-indicator-transition: opacity .6s ease !default;
1086
-
1087
- $carousel-caption-width: 70% !default;
1088
- $carousel-caption-color: $white !default;
1089
-
1090
- $carousel-control-icon-width: 20px !default;
1091
-
1092
- $carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>") !default;
1093
- $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>") !default;
1094
-
1095
- $carousel-transition-duration: .6s !default;
1096
- $carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
1097
-
1098
-
1099
- // Spinners
1100
-
1101
- $spinner-width: 2rem !default;
1102
- $spinner-height: $spinner-width !default;
1103
- $spinner-border-width: .25em !default;
1104
-
1105
- $spinner-width-sm: 1rem !default;
1106
- $spinner-height-sm: $spinner-width-sm !default;
1107
- $spinner-border-width-sm: .2em !default;
1108
-
1109
-
1110
- // Close
1111
-
1112
- $close-font-size: $font-size-base * 1.5 !default;
1113
- $close-font-weight: $font-weight-bold !default;
1114
- $close-color: $black !default;
1115
- $close-text-shadow: 0 1px 0 $white !default;
1116
-
1117
-
1118
- // Code
1119
-
1120
- $code-font-size: 87.5% !default;
1121
- $code-color: $pink !default;
1122
-
1123
- $kbd-padding-y: .2rem !default;
1124
- $kbd-padding-x: .4rem !default;
1125
- $kbd-font-size: $code-font-size !default;
1126
- $kbd-color: $white !default;
1127
- $kbd-bg: $gray-900 !default;
1128
-
1129
- $pre-color: $gray-900 !default;
1130
- $pre-scrollable-max-height: 340px !default;
1131
-
1132
-
1133
- // Utilities
1134
-
1135
- $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
1136
- $overflows: auto, hidden !default;
1137
- $positions: static, relative, absolute, fixed, sticky !default;
1138
-
1139
-
1140
- // Printing
1141
-
1142
- $print-page-size: a3 !default;
1143
- $print-body-min-width: map-get($grid-breakpoints, "lg") !default;