wcc-styles 3.0.0.beta1 → 3.0.0.beta2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/assets/stylesheets/wcc/styles/materials/molecules/{_progress-bar.scss → _steps-progress.scss} +8 -1
- data/lib/assets/stylesheets/wcc/styles/materials/molecules/_top_nav.scss +5 -0
- data/lib/assets/stylesheets/wcc/styles/materials/templates/_transactional.scss +22 -6
- data/lib/assets/stylesheets/wcc/styles/modules/_vars.scss +1 -1
- data/lib/assets/stylesheets/wcc/styles.scss +1 -1
- data/lib/wcc/styles/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 211fe2c37618e9e52d55342d246aff0b308be8d5
|
|
4
|
+
data.tar.gz: bb85eb2fdb6cb92b39a0eecc0109dc99c3ca6fb2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5b1db59ce89de5d3f9800fda5f91c246a55f764e55e042c29530579857a81a35cb7b5292b4afeb42b84d8997be6879149d118a1df37db9b001090202d41cb83f
|
|
7
|
+
data.tar.gz: b472e96f4447a2c125bfbb09ce5539db7f9ba0435947deb7f573bbfafc9b0e82452a46ca2acfa50b0798ac308bf7586980c64039cd195bf07e6e91e75aa08ada
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* ==========================================================================
|
|
2
|
-
Progress
|
|
2
|
+
Steps Progress.scss
|
|
3
3
|
========================================================================== */
|
|
4
4
|
|
|
5
5
|
// the progress bar element shows a user where they are in a series of
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
padding: 0;
|
|
18
18
|
list-style: none;
|
|
19
19
|
display: flex;
|
|
20
|
+
width: 100%;
|
|
20
21
|
|
|
21
22
|
// progress items, on a li
|
|
22
23
|
.progress-point {
|
|
@@ -28,6 +29,12 @@
|
|
|
28
29
|
border-bottom: 2px solid $green; // by default we show the active bar color
|
|
29
30
|
position: relative;
|
|
30
31
|
|
|
32
|
+
@media (max-width: $medium-breakpoint) {
|
|
33
|
+
text-indent: -9999px;
|
|
34
|
+
padding: 0;
|
|
35
|
+
height: 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
31
38
|
// circle element
|
|
32
39
|
&:after {
|
|
33
40
|
content: '';
|
|
@@ -214,6 +214,7 @@ header {
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
@media (max-width: 480px) {
|
|
217
|
+
.top-nav,
|
|
217
218
|
header {
|
|
218
219
|
padding: 0 10px;
|
|
219
220
|
|
|
@@ -234,6 +235,10 @@ header {
|
|
|
234
235
|
}
|
|
235
236
|
}
|
|
236
237
|
|
|
238
|
+
.wm-logo-title {
|
|
239
|
+
text-indent: -9999px;
|
|
240
|
+
}
|
|
241
|
+
|
|
237
242
|
.account-block .welcome {
|
|
238
243
|
display: none;
|
|
239
244
|
}
|
|
@@ -27,13 +27,28 @@
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
// Persistent Block
|
|
31
|
+
// ----------------
|
|
32
|
+
// used inside a sheet for important content
|
|
33
|
+
// on mobile, block will display inside the sheet
|
|
34
|
+
// on large screens, block appears in nav header
|
|
30
35
|
.persistent-block {
|
|
31
36
|
text-align: center;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
|
|
38
|
+
// only on small screens
|
|
39
|
+
@media (max-width: $medium-breakpoint) {
|
|
40
|
+
background-color: rgba($black, .05);
|
|
41
|
+
margin: (-$spacing-default) (-$spacing-default) $spacing-default;
|
|
42
|
+
padding: $spacing-default;
|
|
43
|
+
}
|
|
44
|
+
// above small screens
|
|
45
|
+
@media (min-width: $medium-breakpoint) {
|
|
46
|
+
width: 100%;
|
|
47
|
+
position: absolute;
|
|
48
|
+
top: -11.5rem; // this is a magic number for proper placement
|
|
49
|
+
z-index: 9999;
|
|
50
|
+
}
|
|
51
|
+
|
|
37
52
|
.persistent-title {
|
|
38
53
|
margin: 0;
|
|
39
54
|
}
|
|
@@ -41,4 +56,5 @@
|
|
|
41
56
|
.persistent-meta {
|
|
42
57
|
color: #959595;
|
|
43
58
|
}
|
|
44
|
-
}
|
|
59
|
+
}
|
|
60
|
+
|
|
@@ -173,7 +173,7 @@ $small : (min-width: $small-breakpoint);
|
|
|
173
173
|
$small-only : (min-width: $small-breakpoint) and (max-width: $medium-breakpoint);
|
|
174
174
|
$small-down : (max-width: $medium-breakpoint);
|
|
175
175
|
|
|
176
|
-
$medium :
|
|
176
|
+
$medium : (min-width: $medium-breakpoint);
|
|
177
177
|
$medium-only : (min-width: $medium-breakpoint) and (max-width: $large-breakpoint);
|
|
178
178
|
$medium-down : (max-width: $large-breakpoint);
|
|
179
179
|
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
@import "styles/materials/molecules/navs";
|
|
77
77
|
@import "styles/materials/molecules/top_nav";
|
|
78
78
|
@import "styles/materials/molecules/alerts";
|
|
79
|
-
@import "styles/materials/molecules/progress
|
|
79
|
+
@import "styles/materials/molecules/steps-progress";
|
|
80
80
|
@import "styles/materials/molecules/event-receipt";
|
|
81
81
|
|
|
82
82
|
//
|
data/lib/wcc/styles/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: wcc-styles
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.0.0.
|
|
4
|
+
version: 3.0.0.beta2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Watermark Community Church
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-08-
|
|
11
|
+
date: 2016-08-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: coffee-rails
|
|
@@ -166,7 +166,7 @@ files:
|
|
|
166
166
|
- lib/assets/stylesheets/wcc/styles/materials/molecules/_event-receipt.scss
|
|
167
167
|
- lib/assets/stylesheets/wcc/styles/materials/molecules/_navs.scss
|
|
168
168
|
- lib/assets/stylesheets/wcc/styles/materials/molecules/_pagination.scss
|
|
169
|
-
- lib/assets/stylesheets/wcc/styles/materials/molecules/
|
|
169
|
+
- lib/assets/stylesheets/wcc/styles/materials/molecules/_steps-progress.scss
|
|
170
170
|
- lib/assets/stylesheets/wcc/styles/materials/molecules/_top_nav.scss
|
|
171
171
|
- lib/assets/stylesheets/wcc/styles/materials/organisms/_sheets.scss
|
|
172
172
|
- lib/assets/stylesheets/wcc/styles/materials/organisms/_sidebar_slideout.scss
|