bootswatch 4.0.0.beta2.1 → 4.0.0.beta3

Sign up to get free protection for your applications and to get access to all the features.
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
  }