From 37c0fe6a6e4c1a6d5a1e3d807a03d46a11ee265a Mon Sep 17 00:00:00 2001 From: Jack Mallers Date: Thu, 21 Jun 2018 20:56:45 -0500 Subject: [PATCH 1/3] style(lint): fix lint errors --- .../Contacts/SubmitChannelForm.scss | 57 ++++++++----------- 1 file changed, 24 insertions(+), 33 deletions(-) diff --git a/app/components/Contacts/SubmitChannelForm.scss b/app/components/Contacts/SubmitChannelForm.scss index 6d579efa..0884c123 100644 --- a/app/components/Contacts/SubmitChannelForm.scss +++ b/app/components/Contacts/SubmitChannelForm.scss @@ -2,17 +2,24 @@ .content { padding: 0 40px; - font-family: Roboto; + font-family: Roboto, sans-serif; color: $white; margin: 0 auto; width: 500px; .header { padding: 20px; + text-align: center; + padding-bottom: 20px; + border-bottom: 1px solid $spaceborder; h1 { margin-bottom: 15px; font-size: 20px; + font-size: 22px; + font-weight: 100; + margin-top: 10px; + letter-spacing: 1.5px; } p { @@ -23,19 +30,6 @@ } } -.header { - text-align: center; - padding-bottom: 20px; - border-bottom: 1px solid $spaceborder; - - h1 { - font-size: 22px; - font-weight: 100; - margin-top: 10px; - letter-spacing: 1.5px; - } -} - .title { margin: 20px 0; line-height: 32px; @@ -43,8 +37,8 @@ h2 { font-size: 14px; background: $spaceblue; - padding: 5px; - border-radius: 0px; + padding: 10px; + border-radius: 17.5px; display: inline; } } @@ -55,24 +49,22 @@ align-items: center; input { - font-size: 20px; + font-size: 40px; max-width: 110px; + background: transparent; + outline: none; + border: 1px solid #404040; + border-radius: 4px; + padding: 15px; + color: $gold; + -webkit-text-fill-color: $white; + width: 100%; + font-weight: 200; } } -.input input { - background: transparent; - outline: none; - border:1px solid #404040; - border-radius: 4px; - padding: 15px; - color: $gold; - -webkit-text-fill-color: $white; - width: 100%; - font-weight: 200; -} - -.input input::-webkit-input-placeholder, ::-webkit-input-placeholder { +.input input::-webkit-input-placeholder, +::-webkit-input-placeholder { text-shadow: none; -webkit-text-fill-color: initial; } @@ -94,12 +86,11 @@ span { font-size: 14px; - + &:nth-child(1) { font-weight: bold; } } - } ul { @@ -145,7 +136,7 @@ &.active { background: $gold; - opacity: 1.0; + opacity: 1; &:hover { background: darken($gold, 5%); From 71d6ebec847fde48aba92adf5c5ffeaf2bfcc163 Mon Sep 17 00:00:00 2001 From: Jack Mallers Date: Fri, 22 Jun 2018 14:57:01 -0500 Subject: [PATCH 2/3] refactor(sbumit-channel): refactor sass file --- app/components/Contacts/SubmitChannelForm.scss | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/app/components/Contacts/SubmitChannelForm.scss b/app/components/Contacts/SubmitChannelForm.scss index 0884c123..85cbe7fe 100644 --- a/app/components/Contacts/SubmitChannelForm.scss +++ b/app/components/Contacts/SubmitChannelForm.scss @@ -8,17 +8,14 @@ width: 500px; .header { - padding: 20px; + padding: 20px 0; text-align: center; - padding-bottom: 20px; border-bottom: 1px solid $spaceborder; h1 { - margin-bottom: 15px; - font-size: 20px; + margin-bottom: 10px 0 15px 0; font-size: 22px; font-weight: 100; - margin-top: 10px; letter-spacing: 1.5px; } From 7e426eb5070e4ce12b568e4e972ed7c6fe9329e1 Mon Sep 17 00:00:00 2001 From: Jack Mallers Date: Mon, 25 Jun 2018 13:10:45 -0500 Subject: [PATCH 3/3] fix(margin): fix using margin-bottom instead of margin --- app/components/Contacts/SubmitChannelForm.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/components/Contacts/SubmitChannelForm.scss b/app/components/Contacts/SubmitChannelForm.scss index 85cbe7fe..f6b25d52 100644 --- a/app/components/Contacts/SubmitChannelForm.scss +++ b/app/components/Contacts/SubmitChannelForm.scss @@ -13,7 +13,7 @@ border-bottom: 1px solid $spaceborder; h1 { - margin-bottom: 10px 0 15px 0; + margin: 10px 0 15px 0; font-size: 22px; font-weight: 100; letter-spacing: 1.5px;