Skip to content

Commit 610740a

Browse files
hugosolarhugosolar
committed
redesign templates responsive and fixes
1 parent 64bd337 commit 610740a

File tree

76 files changed

+2995
-815
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

76 files changed

+2995
-815
lines changed

‎frontend-build/scss/gforms.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,7 @@
114114
.gform_footer {
115115
text-align: center;
116116
.gform_button {
117-
@include button(false,$success-color,lighten($success-color,5),$white, solid);
117+
@include button(false,$secondary-color,lighten($secondary-color,5),$white, solid);
118118
}
119119
}
120120
}

‎frontend-redesign/gulpfile.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ function sass() {
7373
})
7474
.on('error', $.sass.logError))
7575
.pipe($.postcss([
76-
autoprefixer({ browsers: ['last 2 versions', 'ie >= 9'] })
76+
autoprefixer()
7777
]))
7878
//.pipe(gulp.dest('css'))
7979
//.pipe(browserSync.stream());

‎frontend-redesign/package.json

+8-8
Original file line numberDiff line numberDiff line change
@@ -14,22 +14,22 @@
1414
"email": "foundation@zurb.com"
1515
},
1616
"dependencies": {
17-
"foundation-sites": "^6.5.1",
18-
"jquery": ">=3.0.0",
17+
"foundation-sites": "^6.5.3",
18+
"jquery": "^3.4.1",
1919
"motion-ui": "~2.0.0",
20-
"what-input": "^5.1.2"
20+
"what-input": "^5.2.3"
2121
},
2222
"devDependencies": {
23-
"autoprefixer": "^9.5.1",
24-
"browser-sync": "^2.18.13",
25-
"gulp": "^4.0.0",
23+
"autoprefixer": "^9.6.1",
24+
"browser-sync": "^2.26.7",
25+
"gulp": "^4.0.2",
2626
"gulp-concat": "^2.6.1",
2727
"gulp-cssmin": "^0.2.0",
2828
"gulp-imagemin": "^5.0.3",
29-
"gulp-load-plugins": "^1.1.0",
29+
"gulp-load-plugins": "^1.6.0",
3030
"gulp-postcss": "^8.0.0",
3131
"gulp-rename": "^1.4.0",
32-
"gulp-sass": "^4.0.1",
32+
"gulp-sass": "^4.0.2",
3333
"gulp-sourcemaps": "^2.6.5",
3434
"gulp-uglify": "^3.0.2",
3535
"gulp-util": "^3.0.8",

‎frontend-redesign/scss/app.scss

+3-1
Original file line numberDiff line numberDiff line change
@@ -71,4 +71,6 @@
7171
@import 'modules';
7272
@import 'widgets';
7373
@import 'gforms';
74-
@import 'member-profile';
74+
@import 'member-profile';
75+
@import 'chapter-section';
76+
@import 'responsive';

‎frontend-redesign/scss/common.scss

+27
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,22 @@ body {
77
.inner-space {
88
padding-top: 2rem;
99
padding-bottom: 2rem;
10+
&.tight-padding {
11+
padding-top: 1rem;
12+
padding-bottom: 1rem;
13+
}
1014
&.no-bottom-space {
1115
padding-bottom: 0;
1216
}
1317
}
18+
.outer-space {
19+
margin-top: 2rem;
20+
margin-bottom: 2rem;
21+
&.tight-margin {
22+
margin-top: 1rem;
23+
margin-bottom: 1rem;
24+
}
25+
}
1426
.closed {
1527
position: absolute;
1628
top: -100vh;
@@ -72,6 +84,18 @@ body {
7284
font-weight: 600;
7385
color: $dark-gray;
7486
}
87+
.enclosed {
88+
border-top: 1px solid $light-gray;
89+
border-bottom: 1px solid $light-gray;
90+
.button {
91+
margin-bottom: 0;
92+
}
93+
}
94+
.rounded {
95+
img {
96+
border-radius: 50%;
97+
}
98+
}
7599
//colors
76100
a {
77101
color: $secondary-color;
@@ -102,4 +126,7 @@ a {
102126
&.primary {
103127
color: darken($primary-color,40) !important;
104128
}
129+
&.secondary {
130+
color: $white;
131+
}
105132
}

‎frontend-redesign/scss/gforms.scss

+11-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
.gform_wrapper {
22
.gform_body {
3+
.gfield_html_formatted {
4+
h1 {
5+
font-size: 2.2rem;
6+
}
7+
}
38
.gfield {
49
a {
510
color: $alert-color;
@@ -109,12 +114,17 @@
109114
.gfield_select {
110115
padding-right: 1.5rem;
111116
}
117+
&.ginput_container_select {
118+
.voucher_profile_link {
119+
margin-left: 1rem;
120+
}
121+
}
112122
}
113123
}
114124
.gform_footer {
115125
text-align: center;
116126
.gform_button {
117-
@include button(false,$success-color,lighten($success-color,5),$white, solid);
127+
@include button(false,$secondary-color,lighten($secondary-color,5),$white, solid);
118128
}
119129
}
120130
}

‎frontend-redesign/scss/layout.scss

+162
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@
3636
.main-navigation {
3737
.menu {
3838
li {
39+
position: relative;
3940
a {
4041
color: $darker-gray;
4142
font-family: $title-font-family;
@@ -46,6 +47,32 @@
4647
border-bottom: 2px solid $secondary-color;
4748
}
4849
}
50+
.sub-menu {
51+
position: absolute;
52+
width: 12rem;
53+
padding: .5rem;
54+
margin: 0;
55+
list-style-type: none;
56+
background-color: $white;
57+
opacity: 0;
58+
visibility: hidden;
59+
transition: all .2s ease;
60+
li {
61+
a {
62+
font-size: 1.1rem;
63+
&:hover {
64+
border-bottom: 1px solid transparent;
65+
color: $secondary-color;
66+
}
67+
}
68+
}
69+
}
70+
&:hover {
71+
.sub-menu {
72+
opacity: 1;
73+
visibility: visible;
74+
}
75+
}
4976
}
5077
}
5178
}
@@ -59,4 +86,139 @@
5986
width: 40px;
6087
}
6188
}
89+
}
90+
91+
.mobile-header {
92+
position: fixed;
93+
width: 100%;
94+
background-color: $primary-color;
95+
z-index: 990;
96+
box-shadow: 0 1px 3px rgba($black,.4);
97+
.logo {
98+
@include logo-display;
99+
width: 150px;
100+
margin-top: .5rem;
101+
}
102+
.mobile-buttons {
103+
display: flex;
104+
justify-content: flex-end;
105+
padding-top: .7rem;
106+
text-align: right;
107+
a {
108+
padding: 0 .3rem;
109+
display: block;
110+
.dashicons {
111+
color: $black;
112+
font-size: 2rem;
113+
width: 2rem;
114+
height: 2rem;
115+
}
116+
}
117+
}
118+
}
119+
.menu-mobile-container {
120+
margin-top: 3.6rem;
121+
@include coverer;
122+
position: fixed;
123+
z-index: 9999;
124+
background: map-get($foundation-palette, primary);
125+
.close {
126+
position: absolute;
127+
right: 1rem;
128+
top: .5rem;
129+
color: $white;
130+
z-index: 20;
131+
.dashicons {
132+
font-size: 2rem;
133+
}
134+
}
135+
.mobile-navigation {
136+
padding-right: 4rem;
137+
}
138+
.is-drilldown {
139+
margin-top: 1rem;
140+
}
141+
.menu {
142+
display: block;
143+
margin: 1rem 1.5rem 0 1.5rem;
144+
li {
145+
a {
146+
color: $white;
147+
text-transform: uppercase;
148+
font-weight: 700;
149+
text-transform: uppercase;
150+
line-height: 1.2rem;
151+
&:active {
152+
background-color: darken($primary-color,20);
153+
color: $white;
154+
}
155+
156+
}
157+
&.active {
158+
a {
159+
text-decoration: underline;
160+
}
161+
}
162+
&.menu-item-has-children {
163+
&.opened {
164+
a {
165+
&:after {
166+
transform: rotate(90deg);
167+
}
168+
}
169+
}
170+
a {
171+
&:after {
172+
position: absolute;
173+
content: "\f139";
174+
font-family: 'Dashicons';
175+
color: $white;
176+
right: 0;
177+
top: .7rem;
178+
transition: all .3s ease;
179+
}
180+
}
181+
.sub-menu {
182+
display: none;
183+
list-style-type: none;
184+
.menu-item {
185+
border-bottom: 0;
186+
a {
187+
text-transform: initial;
188+
&:after {
189+
display: none;
190+
}
191+
}
192+
}
193+
}
194+
}
195+
}
196+
}
197+
}
198+
.error404 {
199+
.main-content {
200+
.entry-title {
201+
margin-top: 1.5rem;
202+
color: #BABABA;
203+
text-transform: uppercase;
204+
font-size: 5rem;
205+
text-align: center;
206+
strong {
207+
display: block;
208+
font-size: 9rem;
209+
color: #8E8E8E;
210+
line-height: 6rem;
211+
}
212+
}
213+
.subtitle {
214+
margin: 2rem 0;
215+
font-size: 2.5rem;
216+
color: #838383;
217+
}
218+
.std-text {
219+
p {
220+
font-size: 1.5rem;
221+
}
222+
}
223+
}
62224
}

‎frontend-redesign/scss/member-profile.scss

+30-7
Original file line numberDiff line numberDiff line change
@@ -126,13 +126,16 @@
126126
margin-top: 1rem;
127127
font-size: .9rem;
128128
&:before {
129-
content: '“';
130-
position: absolute;
131-
left: 0;
132-
top: -1rem;
133-
font-size: 5rem;
134-
font-weight: 600;
135-
color: $medium-gray;
129+
@include quote;
130+
}
131+
}
132+
&.entry-chapter-member {
133+
.entry-summary {
134+
&:before {
135+
content: '';
136+
}
137+
text-align: center;
138+
padding-left: 0;
136139
}
137140
}
138141
}
@@ -167,4 +170,24 @@
167170
font-style: italic;
168171
color: $dark-gray;
169172
}
173+
}
174+
.featured-member-header {
175+
.entry-title {
176+
font-weight: 600;
177+
}
178+
.entry-image {
179+
margin-bottom: 1rem;
180+
}
181+
.light-text {
182+
font-size: 1.1rem;
183+
}
184+
}
185+
.feature-member-statement {
186+
position: relative;
187+
font-size: 1.2rem;
188+
&::before {
189+
@include quote;
190+
left: -3rem;
191+
top: -2rem;
192+
}
170193
}

0 commit comments

Comments
 (0)