@spark-hire/bootstrap-themes 0.6.6 → 0.6.8
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.
- package/css/dark.css +1 -1
- package/css/dark.map +1 -1
- package/css/light.css +1 -1
- package/css/light.map +1 -1
- package/html/dark.html +3 -0
- package/html/light.html +3 -0
- package/package.json +1 -1
- package/scss/_global_variables.scss +4 -1
- package/scss/bootstrap-grid.scss +48 -0
- package/scss/button.scss +1 -1
- package/scss/light/theme.scss +1 -1
package/html/dark.html
CHANGED
|
@@ -148,6 +148,7 @@
|
|
|
148
148
|
<button type="button" class="btn btn-light mr-1 mb-1">Light</button>
|
|
149
149
|
<button type="button" class="btn btn-dark mr-1 mb-1">Dark</button>
|
|
150
150
|
<button type="button" class="btn btn-link mr-1 mb-1">Link</button>
|
|
151
|
+
<button type="button" class="btn btn-purple mr-1 mb-1">Purple</button>
|
|
151
152
|
</p>
|
|
152
153
|
|
|
153
154
|
<p class="bs-component">
|
|
@@ -160,6 +161,7 @@
|
|
|
160
161
|
<button type="button" class="btn btn-light disabled mr-1 mb-1">Light</button>
|
|
161
162
|
<button type="button" class="btn btn-dark disabled mr-1 mb-1">Dark</button>
|
|
162
163
|
<button type="button" class="btn btn-link disabled mr-1 mb-1">Link</button>
|
|
164
|
+
<button type="button" class="btn btn-purple disabled mr-1 mb-1">Purple</button>
|
|
163
165
|
</p>
|
|
164
166
|
|
|
165
167
|
<p class="bs-component">
|
|
@@ -171,6 +173,7 @@
|
|
|
171
173
|
<button type="button" class="btn btn-outline-danger mr-1 mb-1">Danger</button>
|
|
172
174
|
<button type="button" class="btn btn-outline-light mr-1 mb-1">Light</button>
|
|
173
175
|
<button type="button" class="btn btn-outline-dark mr-1 mb-1">Dark</button>
|
|
176
|
+
<button type="button" class="btn btn-outline-purple mr-1 mb-1">Purple</button>
|
|
174
177
|
</p>
|
|
175
178
|
|
|
176
179
|
<div class="bs-component">
|
package/html/light.html
CHANGED
|
@@ -148,6 +148,7 @@
|
|
|
148
148
|
<button type="button" class="btn btn-light mr-1 mb-1">Light</button>
|
|
149
149
|
<button type="button" class="btn btn-dark mr-1 mb-1">Dark</button>
|
|
150
150
|
<button type="button" class="btn btn-link mr-1 mb-1">Link</button>
|
|
151
|
+
<button type="button" class="btn btn-purple mr-1 mb-1">Purple</button>
|
|
151
152
|
</p>
|
|
152
153
|
|
|
153
154
|
<p class="bs-component">
|
|
@@ -160,6 +161,7 @@
|
|
|
160
161
|
<button type="button" class="btn btn-light disabled mr-1 mb-1">Light</button>
|
|
161
162
|
<button type="button" class="btn btn-dark disabled mr-1 mb-1">Dark</button>
|
|
162
163
|
<button type="button" class="btn btn-link disabled mr-1 mb-1">Link</button>
|
|
164
|
+
<button type="button" class="btn btn-purple disabled mr-1 mb-1">Purple</button>
|
|
163
165
|
</p>
|
|
164
166
|
|
|
165
167
|
<p class="bs-component">
|
|
@@ -171,6 +173,7 @@
|
|
|
171
173
|
<button type="button" class="btn btn-outline-danger mr-1 mb-1">Danger</button>
|
|
172
174
|
<button type="button" class="btn btn-outline-light mr-1 mb-1">Light</button>
|
|
173
175
|
<button type="button" class="btn btn-outline-dark mr-1 mb-1">Dark</button>
|
|
176
|
+
<button type="button" class="btn btn-outline-purple mr-1 mb-1">Purple</button>
|
|
174
177
|
</p>
|
|
175
178
|
|
|
176
179
|
<div class="bs-component">
|
package/package.json
CHANGED
|
@@ -69,7 +69,8 @@ $theme-colors: map-merge(
|
|
|
69
69
|
"warning": $warning,
|
|
70
70
|
"danger": $danger,
|
|
71
71
|
"light": $light,
|
|
72
|
-
"dark": $dark
|
|
72
|
+
"dark": $dark,
|
|
73
|
+
"purple": $purple
|
|
73
74
|
),
|
|
74
75
|
$theme-colors
|
|
75
76
|
);
|
|
@@ -77,6 +78,8 @@ $theme-colors: map-merge(
|
|
|
77
78
|
$btn-transition: color .175s ease-in-out, background-color .175s ease-in-out, border-color .175s ease-in-out, box-shadow .175s ease-in-out !default;
|
|
78
79
|
$btn-padding-y-lg: .55rem;
|
|
79
80
|
$btn-padding-x-lg: 1.1rem;
|
|
81
|
+
$btn-line-height-lg: 1.4;
|
|
82
|
+
$btn-disabled-opacity: .45;
|
|
80
83
|
|
|
81
84
|
$link-color: $blue;
|
|
82
85
|
$link-decoration: none;
|
package/scss/bootstrap-grid.scss
CHANGED
|
@@ -3,3 +3,51 @@
|
|
|
3
3
|
@include transition($btn-transition);
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
|
+
|
|
7
|
+
.m-5 {
|
|
8
|
+
margin: 2.25rem !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.mt-5,
|
|
12
|
+
.my-5 {
|
|
13
|
+
margin-top: 2.25rem !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.mr-5,
|
|
17
|
+
.mx-5 {
|
|
18
|
+
margin-right: 2.25rem !important;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.mb-5,
|
|
22
|
+
.my-5 {
|
|
23
|
+
margin-bottom: 2.25rem !important;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.ml-5,
|
|
27
|
+
.mx-5 {
|
|
28
|
+
margin-left: 2.25rem !important;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.p-5 {
|
|
32
|
+
padding: 2.25rem !important;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.pt-5,
|
|
36
|
+
.py-5 {
|
|
37
|
+
padding-top: 2.25rem !important;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.pr-5,
|
|
41
|
+
.px-5 {
|
|
42
|
+
padding-right: 2.25rem !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.pb-5,
|
|
46
|
+
.py-5 {
|
|
47
|
+
padding-bottom: 2.25rem !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.pl-5,
|
|
51
|
+
.px-5 {
|
|
52
|
+
padding-left: 2.25rem !important;
|
|
53
|
+
}
|
package/scss/button.scss
CHANGED
package/scss/light/theme.scss
CHANGED