From 477291b2c8b899c94696de4d265a6b65553b4d96 Mon Sep 17 00:00:00 2001 From: jbubar Date: Sun, 21 Mar 2021 12:23:15 -0700 Subject: [PATCH 1/7] begin css changes --- _sass/components/_wins-form.scss | 64 ++++++++++++++++++++++++++++++++ _sass/main.scss | 1 + pages/wins/wins-share-form.html | 59 ++++------------------------- 3 files changed, 72 insertions(+), 52 deletions(-) create mode 100644 _sass/components/_wins-form.scss diff --git a/_sass/components/_wins-form.scss b/_sass/components/_wins-form.scss new file mode 100644 index 0000000000..e98e283028 --- /dev/null +++ b/_sass/components/_wins-form.scss @@ -0,0 +1,64 @@ +.wins-form{ + min-height: calc(100vh - 223px); + display: flex; + align-items: center; + + .page-card-lg { + max-width: 896px; + box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.2); + padding: 48px; + margin: 16px auto; + // NEW MOBILE FRIENDLY RULES + @media #{$bp-below-tablet} { + padding: 32px 16px; + margin: 12px auto; + } + } + .page-card { + border-radius: 20px; + overflow: hidden; + } + #professionalLinkForm { + display: none; + } + #teamsRolesForm { + display: none; + } + #celebrationsForm { + display: none; + } + + #linkedinPhotoPermission { + display: none; + } + #githubPhotoPermission { + display: none; + } + .form-group { + margin-bottom: 1rem; + } + label { + display: inline-block; + margin-bottom: 0.5rem; + } + .form-control { + display: block; + /* width: 100%; */ + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + .container-fluid { + /* width: 100%; */ + padding-right: 30px; + padding-left: 30px; + } +} \ No newline at end of file diff --git a/_sass/main.scss b/_sass/main.scss index 7f6604f20e..695ff2e44b 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -59,6 +59,7 @@ @import 'components/guide-pages/2FA.scss'; @import 'components/toolkit.scss'; @import 'components/wins-page.scss'; +@import 'components/wins-form.scss'; @import 'components/join-us.scss'; @import 'components/sitemap.scss'; diff --git a/pages/wins/wins-share-form.html b/pages/wins/wins-share-form.html index f1ebac5b03..fac5acf248 100644 --- a/pages/wins/wins-share-form.html +++ b/pages/wins/wins-share-form.html @@ -1,61 +1,16 @@ --- -layout: null +layout: default permalink: /share-your-wins/ --- - + - -
+
+
- +
- + From f25606ec969d98eff569b2f8e23078be5cc2748d Mon Sep 17 00:00:00 2001 From: jbubar Date: Tue, 23 Mar 2021 00:30:23 -0700 Subject: [PATCH 2/7] initial page styling --- _sass/components/_wins-form.scss | 117 ++++++++++++++++++------------- pages/wins/wins-share-form.html | 33 +++++---- 2 files changed, 88 insertions(+), 62 deletions(-) diff --git a/_sass/components/_wins-form.scss b/_sass/components/_wins-form.scss index e98e283028..2897472167 100644 --- a/_sass/components/_wins-form.scss +++ b/_sass/components/_wins-form.scss @@ -1,9 +1,17 @@ -.wins-form{ - min-height: calc(100vh - 223px); - display: flex; - align-items: center; - - .page-card-lg { +.wins-form { + min-height: calc(100vh - 223px); + display: flex; + align-items: center; + background: #030c2c; + .wins-form-title { + font-size: 35px; + font-weight: 400; + line-height: 41px; + } + form.page-card { + flex: 0 1 896px; + } + .page-card-lg { max-width: 896px; box-shadow: 0 0 8px 0 rgba(51, 51, 51, 0.2); padding: 48px; @@ -17,48 +25,61 @@ .page-card { border-radius: 20px; overflow: hidden; + background: $color-white; } #professionalLinkForm { - display: none; - } - #teamsRolesForm { - display: none; - } - #celebrationsForm { - display: none; - } + display: none; + } + #teamsRolesForm { + display: none; + } + #celebrationsForm { + display: none; + } - #linkedinPhotoPermission { - display: none; - } - #githubPhotoPermission { - display: none; - } - .form-group { - margin-bottom: 1rem; - } - label { - display: inline-block; - margin-bottom: 0.5rem; - } - .form-control { - display: block; - /* width: 100%; */ - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - } - .container-fluid { - /* width: 100%; */ - padding-right: 30px; - padding-left: 30px; - } -} \ No newline at end of file + #linkedinPhotoPermission { + display: none; + } + #githubPhotoPermission { + display: none; + } + .form-group { + margin-bottom: 1rem; + } + label { + display: inline-block; + margin-bottom: 0.5rem; + } + .form-control { + display: block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + .container-fluid { + width: 100%; + padding-right: 30px; + padding-left: 30px; + } + p, .question { + margin: 16px 0; + font-weight: 700; + } + .btn-container{ + width: 100%; + display: flex; + justify-content: center; + } +// .btn-lg{ + +// } +} diff --git a/pages/wins/wins-share-form.html b/pages/wins/wins-share-form.html index fac5acf248..ea7237eb60 100644 --- a/pages/wins/wins-share-form.html +++ b/pages/wins/wins-share-form.html @@ -10,7 +10,8 @@ -->
-
+ +

Share your wins with us!

Next -
+
-
+

Select the team(s) you're on

- +
- + Next -
+

What do you want to celebrate (select all that apply)?

- - + + +
+
+
- -