wcc-styles 3.0.0.beta1 → 3.0.0.beta2
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.
- 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
|