bootswatch 4.0.0.beta2.1 → 4.0.0.beta3

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 (49) hide show
  1. checksums.yaml +5 -5
  2. data/Rakefile +3 -3
  3. data/{app/assets → assets}/stylesheets/bootswatch/cerulean/_bootswatch.scss +11 -0
  4. data/{app/assets → assets}/stylesheets/bootswatch/cerulean/_variables.scss +0 -0
  5. data/{app/assets → assets}/stylesheets/bootswatch/cosmo/_bootswatch.scss +0 -4
  6. data/{app/assets → assets}/stylesheets/bootswatch/cosmo/_variables.scss +8 -6
  7. data/{app/assets → assets}/stylesheets/bootswatch/cyborg/_bootswatch.scss +8 -32
  8. data/{app/assets → assets}/stylesheets/bootswatch/cyborg/_variables.scss +4 -4
  9. data/{app/assets → assets}/stylesheets/bootswatch/darkly/_bootswatch.scss +18 -23
  10. data/{app/assets → assets}/stylesheets/bootswatch/darkly/_variables.scss +11 -1
  11. data/{app/assets → assets}/stylesheets/bootswatch/flatly/_bootswatch.scss +19 -41
  12. data/{app/assets → assets}/stylesheets/bootswatch/flatly/_variables.scss +0 -0
  13. data/{app/assets → assets}/stylesheets/bootswatch/journal/_bootswatch.scss +0 -0
  14. data/{app/assets → assets}/stylesheets/bootswatch/journal/_variables.scss +0 -0
  15. data/{app/assets → assets}/stylesheets/bootswatch/litera/_bootswatch.scss +16 -34
  16. data/{app/assets → assets}/stylesheets/bootswatch/litera/_variables.scss +0 -0
  17. data/{app/assets → assets}/stylesheets/bootswatch/lumen/_bootswatch.scss +7 -2
  18. data/{app/assets → assets}/stylesheets/bootswatch/lumen/_variables.scss +4 -0
  19. data/{app/assets → assets}/stylesheets/bootswatch/lux/_bootswatch.scss +46 -6
  20. data/{app/assets → assets}/stylesheets/bootswatch/lux/_variables.scss +0 -0
  21. data/{app/assets → assets}/stylesheets/bootswatch/materia/_bootswatch.scss +33 -23
  22. data/{app/assets → assets}/stylesheets/bootswatch/materia/_variables.scss +14 -1
  23. data/{app/assets → assets}/stylesheets/bootswatch/minty/_bootswatch.scss +1 -6
  24. data/{app/assets → assets}/stylesheets/bootswatch/minty/_variables.scss +0 -0
  25. data/{app/assets → assets}/stylesheets/bootswatch/pulse/_bootswatch.scss +0 -6
  26. data/{app/assets → assets}/stylesheets/bootswatch/pulse/_variables.scss +4 -6
  27. data/{app/assets → assets}/stylesheets/bootswatch/sandstone/_bootswatch.scss +1 -1
  28. data/{app/assets → assets}/stylesheets/bootswatch/sandstone/_variables.scss +5 -3
  29. data/{app/assets → assets}/stylesheets/bootswatch/simplex/_bootswatch.scss +0 -0
  30. data/{app/assets → assets}/stylesheets/bootswatch/simplex/_variables.scss +0 -2
  31. data/{app/assets → assets}/stylesheets/bootswatch/sketchy/_bootswatch.scss +15 -7
  32. data/{app/assets → assets}/stylesheets/bootswatch/sketchy/_variables.scss +2 -3
  33. data/{app/assets → assets}/stylesheets/bootswatch/slate/_bootswatch.scss +4 -22
  34. data/{app/assets → assets}/stylesheets/bootswatch/slate/_variables.scss +0 -0
  35. data/{app/assets → assets}/stylesheets/bootswatch/solar/_bootswatch.scss +4 -22
  36. data/{app/assets → assets}/stylesheets/bootswatch/solar/_variables.scss +6 -4
  37. data/{app/assets → assets}/stylesheets/bootswatch/spacelab/_bootswatch.scss +7 -0
  38. data/{app/assets → assets}/stylesheets/bootswatch/spacelab/_variables.scss +0 -0
  39. data/{app/assets → assets}/stylesheets/bootswatch/superhero/_bootswatch.scss +4 -26
  40. data/{app/assets → assets}/stylesheets/bootswatch/superhero/_variables.scss +2 -1
  41. data/{app/assets → assets}/stylesheets/bootswatch/united/_bootswatch.scss +5 -5
  42. data/{app/assets → assets}/stylesheets/bootswatch/united/_variables.scss +0 -0
  43. data/{app/assets → assets}/stylesheets/bootswatch/yeti/_bootswatch.scss +0 -0
  44. data/{app/assets → assets}/stylesheets/bootswatch/yeti/_variables.scss +0 -0
  45. data/bootswatch.gemspec +3 -0
  46. data/lib/bootswatch.rb +67 -1
  47. data/lib/bootswatch/engine.rb +13 -0
  48. data/lib/bootswatch/version.rb +1 -1
  49. metadata +74 -45
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 51a4d169bcf0660c2f9578212374cb9a3e8884ad
4
- data.tar.gz: e193a18ed4d2134cc0096b94424f13b8fd644693
2
+ SHA256:
3
+ metadata.gz: 188783a05fcd6b731d8f68a46a7e0dc2489552e4b7774cead0748e6bb5ecd482
4
+ data.tar.gz: c3e30c2f53320b5666cf16272ca2ae020854aa74c1337594fa2b6f923446cd42
5
5
  SHA512:
6
- metadata.gz: 9730682da6b9d757f2451c1a314e7eeb368d70709440e97b6553d389d6fd541f909686057c865095e0e765bac18e2227977553be220f02faceecfd7cacc0a826
7
- data.tar.gz: 3888e72be0ef80fc4dbb4aa2c346c0f78159c2a9535ae9d419fb72d483178f1ffad07e74d0524d1dd82060b1ea17e1871d0117c7b08bf4d331afc5efd9243b09
6
+ metadata.gz: d1e6a8ea1952b5f51d6d4b6c52a835a288f7b737af06e9ef215372a5626c34ee548e9b4326887667ae2dc64e2feda75551c40e74c5f7f66b722d290fd020dd43
7
+ data.tar.gz: ed4735dfb4639699b5e94dd750df0502af16c3421fffcbf2b6a25768a2e8f9e627001ff5f03f1ad5831de685643f981aeab38d5186deb9125b10fafed1052c9a
data/Rakefile CHANGED
@@ -29,14 +29,14 @@ source_dir = "bootswatch-src/dist"
29
29
  namespace :stylesheets do
30
30
  desc "Cleaning stylesheets directory"
31
31
  task :clean do
32
- rm_rf "app/assets/stylesheets/bootswatch"
32
+ rm_rf "assets/stylesheets/bootswatch"
33
33
  end
34
34
 
35
35
  desc "Copy #{source_dir}/themes/"
36
36
  task :copy do
37
37
  THEMES.each do |theme|
38
38
  src_dir = FileList["#{source_dir}/#{theme}/*.scss"]
39
- tgt_dir = "app/assets/stylesheets/bootswatch/#{theme}/"
39
+ tgt_dir = "assets/stylesheets/bootswatch/#{theme}/"
40
40
  mkdir_p tgt_dir
41
41
  cp_r src_dir, tgt_dir
42
42
  end
@@ -49,7 +49,7 @@ end
49
49
 
50
50
  desc "Remove minified file .min"
51
51
  task :cleanup do
52
- Dir.glob('app/assets/**/*.min.*').each do |file|
52
+ Dir.glob('assets/**/*.min.*').each do |file|
53
53
  rm file
54
54
  end
55
55
  end
@@ -60,6 +60,17 @@ $text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default;
60
60
 
61
61
  // Typography ==================================================================
62
62
 
63
+ .bg-primary,
64
+ .bg-success,
65
+ .bg-info,
66
+ .bg-warning,
67
+ .bg-danger,
68
+ .bg-dark {
69
+ h1, h2, h3, h4, h5, h6 {
70
+ color: $white;
71
+ }
72
+ }
73
+
63
74
  // Tables ======================================================================
64
75
 
65
76
  // Forms =======================================================================
@@ -25,10 +25,6 @@ body {
25
25
 
26
26
  // Indicators ==================================================================
27
27
 
28
- .alert {
29
- border: none;
30
- }
31
-
32
28
  // Progress bars ===============================================================
33
29
 
34
30
  .progress {
@@ -37,15 +37,13 @@ $danger: $red !default;
37
37
  $light: $gray-100 !default;
38
38
  $dark: $gray-800 !default;
39
39
 
40
- // Body
40
+ // Options
41
41
 
42
- $body-color: $gray-800 !default;
42
+ $enable-rounded: false !default;
43
43
 
44
- // Components
44
+ // Body
45
45
 
46
- $border-radius: 0 !default;
47
- $border-radius-lg: 0 !default;
48
- $border-radius-sm: 0 !default;
46
+ $body-color: $gray-800 !default;
49
47
 
50
48
  // Fonts
51
49
 
@@ -61,6 +59,10 @@ $navbar-dark-hover-color: rgba($white,1) !default;
61
59
 
62
60
  $navbar-light-hover-color: rgba($black,.9) !default;
63
61
 
62
+ // Alerts
63
+
64
+ $alert-border-width: 0 !default;
65
+
64
66
  // Progress bars
65
67
 
66
68
  $progress-height: 8px !default;
@@ -165,33 +165,14 @@ legend,
165
165
  text-decoration: underline;
166
166
  }
167
167
 
168
- &-primary {
169
- background-color: $primary;
170
- }
171
-
172
- &-success {
173
- background-color: $success;
174
- }
175
-
176
- &-danger {
177
- background-color: $danger;
178
- }
179
-
180
- &-warning {
181
- background-color: $warning;
182
- }
183
-
184
- &-info {
185
- background-color: $info;
186
- }
187
-
188
- &-dark {
189
- background-color: $dark;
168
+ @each $color, $value in $theme-colors {
169
+ &-#{$color} {
170
+ background-color: $value;
171
+ }
190
172
  }
191
173
  }
192
174
 
193
175
  .badge {
194
-
195
176
  &-warning {
196
177
  color: $white;
197
178
  }
@@ -210,7 +191,6 @@ legend,
210
191
  // Containers ==================================================================
211
192
 
212
193
  .list-group-item {
213
-
214
194
  &:hover {
215
195
  background-color: $gray-700;
216
196
  color: #fff;
@@ -229,14 +209,10 @@ legend,
229
209
  }
230
210
  }
231
211
 
232
- .card {
233
- &-header {
234
- background-color: $gray-800;
235
- }
236
-
237
- &-header,
238
- &-title {
239
- color: #fff;
212
+ .card,
213
+ .list-group-item {
214
+ h1, h2, h3, h4, h5, h6 {
215
+ color: inherit;
240
216
  }
241
217
  }
242
218
 
@@ -66,7 +66,9 @@ $table-border-color: $gray-700 !default;
66
66
 
67
67
  $table-head-color: $white !default;
68
68
 
69
- $table-inverse-color: $white !default;
69
+ $table-dark-bg: $gray-500 !default;
70
+ $table-dark-border-color: darken($gray-500, 7.5%) !default;
71
+ $table-dark-color: $body-bg !default;
70
72
 
71
73
  // Buttons
72
74
 
@@ -76,7 +78,7 @@ $input-btn-padding-x: 1rem !default;
76
78
 
77
79
  $input-disabled-bg: $gray-400 !default;
78
80
 
79
- $input-border-color: transparent !default;
81
+ $input-border-color: transparent !default;
80
82
 
81
83
  $input-group-addon-bg: $gray-700 !default;
82
84
 
@@ -121,8 +123,6 @@ $jumbotron-bg: $gray-700 !default;
121
123
 
122
124
  // Cards
123
125
 
124
- $card-border-color: $gray-700 !default;
125
- $card-cap-bg: $gray-800 !default;
126
126
  $card-bg: $gray-700 !default;
127
127
 
128
128
  // Tooltips
@@ -9,8 +9,21 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
9
9
 
10
10
  // Navbar ======================================================================
11
11
 
12
+ .bg-primary {
13
+ .navbar-nav .active > .nav-link {
14
+ color: $success !important;
15
+ }
16
+ }
17
+
12
18
  .bg-dark {
13
19
  background-color: $success !important;
20
+ &.navbar-dark .navbar-nav {
21
+ .nav-link:focus,
22
+ .nav-link:hover,
23
+ .active > .nav-link {
24
+ color: $primary !important;
25
+ }
26
+ }
14
27
  }
15
28
 
16
29
  // Buttons =====================================================================
@@ -107,7 +120,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
107
120
  .nav-link,
108
121
  .nav-link.active,
109
122
  .nav-link.active:focus,
110
- .nav-link.active:hover,
123
+ .nav-link.active:hover,
111
124
  .nav-item.open .nav-link,
112
125
  .nav-item.open .nav-link:focus,
113
126
  .nav-item.open .nav-link:hover {
@@ -146,28 +159,10 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
146
159
  text-decoration: underline;
147
160
  }
148
161
 
149
- &-primary {
150
- background-color: $primary;
151
- }
152
-
153
- &-success {
154
- background-color: $success;
155
- }
156
-
157
- &-danger {
158
- background-color: $danger;
159
- }
160
-
161
- &-warning {
162
- background-color: $warning;
163
- }
164
-
165
- &-info {
166
- background-color: $info;
167
- }
168
-
169
- &-dark {
170
- background-color: $dark;
162
+ @each $color, $value in $theme-colors {
163
+ &-#{$color} {
164
+ background-color: $value;
165
+ }
171
166
  }
172
167
  }
173
168
 
@@ -58,9 +58,13 @@ $table-accent-bg: $gray-800 !default;
58
58
 
59
59
  $table-border-color: $gray-700 !default;
60
60
 
61
+ $table-dark-bg: $gray-500 !default;
62
+ $table-dark-border-color: darken($gray-500, 7.5%) !default;
63
+ $table-dark-color: $body-bg !default;
64
+
61
65
  // Forms
62
66
 
63
- $input-border-color: transparent !default;
67
+ $input-border-color: transparent !default;
64
68
 
65
69
  $input-group-addon-bg: $gray-700 !default;
66
70
 
@@ -90,6 +94,12 @@ $navbar-padding-y: 1rem !default;
90
94
  $navbar-dark-color: $white !default;
91
95
  $navbar-dark-hover-color: $success !default;
92
96
 
97
+ $navbar-light-color: rgba($white,.5) !default;
98
+ $navbar-light-hover-color: $white !default;
99
+ $navbar-light-active-color: $white !default;
100
+ $navbar-light-disabled-color: rgba($white,.3) !default;
101
+ $navbar-light-toggler-border-color: rgba($white,.1) !default;
102
+
93
103
  // Pagination
94
104
 
95
105
  $pagination-color: $white !default;
@@ -9,27 +9,20 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
9
9
 
10
10
  // Navbar =======================================================================
11
11
 
12
- .bg-dark {
13
- background-color: $success !important;
14
-
15
- &.navbar-inverse .navbar-nav .nav-link:focus,
16
- &.navbar-inverse .navbar-nav .nav-link:hover {
17
- color: $primary !important;
12
+ .bg-primary {
13
+ .navbar-nav .active > .nav-link {
14
+ color: $success !important;
18
15
  }
19
16
  }
20
17
 
21
- .navbar {
22
-
23
- &-brand {
24
- margin-right: 2rem;
25
- }
26
-
27
- &-nav .nav-item + .nav-item {
28
- margin-left: 2rem;
29
- }
30
-
31
- &-nav .nav-link {
32
- padding-top: 0.5rem;
18
+ .bg-dark {
19
+ background-color: $success !important;
20
+ &.navbar-dark .navbar-nav {
21
+ .nav-link:focus,
22
+ .nav-link:hover,
23
+ .active > .nav-link {
24
+ color: $primary !important;
25
+ }
33
26
  }
34
27
  }
35
28
 
@@ -121,7 +114,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
121
114
  .nav-tabs {
122
115
  .nav-link.active,
123
116
  .nav-link.active:focus,
124
- .nav-link.active:hover,
117
+ .nav-link.active:hover,
125
118
  .nav-item.open .nav-link,
126
119
  .nav-item.open .nav-link:focus,
127
120
  .nav-item.open .nav-link:hover {
@@ -165,31 +158,16 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic"
165
158
  text-decoration: underline;
166
159
  }
167
160
 
168
- &-primary {
169
- background-color: $primary;
170
- }
171
-
172
- &-success {
173
- background-color: $success;
174
- }
175
-
176
- &-danger {
177
- background-color: $danger;
178
- }
179
-
180
- &-warning {
181
- background-color: $warning;
182
- }
183
-
184
- &-info {
185
- background-color: $info;
186
- }
187
-
188
- &-dark {
189
- background-color: $dark;
161
+ @each $color, $value in $theme-colors {
162
+ &-#{$color} {
163
+ background-color: $value;
164
+ }
190
165
  }
191
166
  }
192
167
 
193
168
  // Progress bars ===============================================================
194
169
 
195
170
  // Containers ==================================================================
171
+ .modal .close{
172
+ color: $black;
173
+ }
@@ -12,7 +12,7 @@ $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !defa
12
12
  // Navbar ======================================================================
13
13
 
14
14
  .navbar {
15
- font-size: 14px;
15
+ font-size: 0.875em;
16
16
  }
17
17
 
18
18
  .bg-dark {
@@ -35,17 +35,17 @@ $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !defa
35
35
  // Buttons =====================================================================
36
36
 
37
37
  .btn {
38
- border-radius: 17.25px;
38
+ border-radius: 1.078em;
39
39
  font-family: $font-family-sans-serif;
40
- font-size: 14px;
40
+ font-size: 0.875em;
41
41
 
42
42
  &-lg {
43
- border-radius: 43px;
43
+ border-radius: 2.688em;
44
44
  }
45
45
 
46
46
  &-sm {
47
- border-radius: 13.5px;
48
- font-size: 11px;
47
+ border-radius: 0.844em;
48
+ font-size: 0.688em;
49
49
  }
50
50
 
51
51
  &-secondary,
@@ -67,7 +67,7 @@ blockquote {
67
67
  }
68
68
 
69
69
  footer {
70
- font-size: 14px;
70
+ font-size: 0.875em;
71
71
  }
72
72
 
73
73
  .lead {
@@ -79,7 +79,7 @@ footer {
79
79
 
80
80
  table,
81
81
  .table {
82
- font-size: 14px;
82
+ font-size: 0.875em;
83
83
 
84
84
  &-success,
85
85
  &-info,
@@ -151,11 +151,11 @@ table,
151
151
  .nav,
152
152
  .breadcrumb,
153
153
  .pagination {
154
- font-size: 14px;
154
+ font-size: 0.875em;
155
155
  }
156
156
 
157
157
  .dropdown-menu {
158
- font-size: 14px;
158
+ font-size: 0.875em;
159
159
  }
160
160
 
161
161
  // Indicators ==================================================================
@@ -163,7 +163,7 @@ table,
163
163
  .alert {
164
164
  border: none;
165
165
  color: $white;
166
- font-size: 14px;
166
+ font-size: 0.875em;
167
167
 
168
168
  &, p {
169
169
  font-family: $font-family-sans-serif;
@@ -175,28 +175,10 @@ table,
175
175
  text-decoration: underline;
176
176
  }
177
177
 
178
- &-primary {
179
- background-color: $primary;
180
- }
181
-
182
- &-success {
183
- background-color: $success;
184
- }
185
-
186
- &-danger {
187
- background-color: $danger;
188
- }
189
-
190
- &-warning {
191
- background-color: $warning;
192
- }
193
-
194
- &-info {
195
- background-color: $info;
196
- }
197
-
198
- &-dark {
199
- background-color: $dark;
178
+ @each $color, $value in $theme-colors {
179
+ &-#{$color} {
180
+ background-color: $value;
181
+ }
200
182
  }
201
183
  }
202
184
 
@@ -218,5 +200,5 @@ table,
218
200
  // Containers ==================================================================
219
201
 
220
202
  .list-group {
221
- font-size: 14px;
203
+ font-size: 0.875em;
222
204
  }