diff options
Diffstat (limited to 'assets/sass/_form-elements.scss')
| -rw-r--r-- | assets/sass/_form-elements.scss | 148 |
1 files changed, 74 insertions, 74 deletions
diff --git a/assets/sass/_form-elements.scss b/assets/sass/_form-elements.scss index d785c58..f3fffda 100644 --- a/assets/sass/_form-elements.scss +++ b/assets/sass/_form-elements.scss @@ -16,17 +16,17 @@ @include appearance(none); @include mq(tabletp) { - font-size: 1.15em; - } + font-size: 1.15em; + } - @include mq(laptop) { - font-size: 1.1em; - } + @include mq(laptop) { + font-size: 1.1em; + } - &:focus { - outline: none; - border-color: #5e5e5e; - } + &:focus { + outline: none; + border-color: #5e5e5e; + } } .contact-form { @@ -34,35 +34,35 @@ padding-bottom: 20px; @include mq(tabletp) { - padding-bottom: 40px; - } + padding-bottom: 40px; + } @include mq(laptop) { - padding-bottom: 50px; - } + padding-bottom: 50px; + } - @include mq(desktop) { - padding-bottom: 60px; - } + @include mq(desktop) { + padding-bottom: 60px; + } - &:first-child { - margin-top: 0; - } + &:first-child { + margin-top: 0; + } } .contact-form-item { margin-top: 15px; @include mq(tabletp) { - margin-top: 20px; - } + margin-top: 20px; + } - @include mq(laptop) { - margin-top: 30px; - } + @include mq(laptop) { + margin-top: 30px; + } - &:first-child { - margin-top: 0; + &:first-child { + margin-top: 0; } } @@ -83,79 +83,79 @@ form input:-moz-ui-invalid { } .contact-form-label { - display: block; - font-size: 16px; - font-weight: 600; - color: #676767; - - @include mq(tabletp) { - font-size: 18px; - } - - @include mq(laptop) { - font-size: 20px; - } + display: block; + font-size: 16px; + font-weight: 600; + color: #676767; + + @include mq(tabletp) { + font-size: 18px; + } + + @include mq(laptop) { + font-size: 20px; + } } .contact-form-input, .contact-form-textarea { - margin-top: 8px; + margin-top: 8px; } @include input-placeholder(#ABB7B7, 15%); .contact-form-textarea { font-size: 1.1em; - min-height: 200px; + min-height: 200px; resize: none; - @include mq(tabletp) { - font-size: 1.05em; + @include mq(tabletp) { + font-size: 1.05em; } - @include mq(laptop) { - font-size: 1em; - } + @include mq(laptop) { + font-size: 1em; + } } .button { display: inline-block; - padding: 9px 10px 10px; - font-size: 13px; - line-height: 1; - border: 2px solid #5e5e5e; - border-radius: 3px; - background: #5e5e5e; - color: #fff; - font-weight: 600; + padding: 9px 10px 10px; + font-size: 13px; + line-height: 1; + border: 2px solid #5e5e5e; + border-radius: 3px; + background: #5e5e5e; + color: #fff; + font-weight: 600; cursor: pointer; @include mq(tabletp) { - padding: 11px 20px 12px; - font-size: 15px; + padding: 11px 20px 12px; + font-size: 15px; } &:hover { - background: adjust-hue(#404040,15%); - border-color: adjust-hue(#404040,15%); - color: #fff; + background: adjust-hue(#404040,15%); + border-color: adjust-hue(#404040,15%); + color: #fff; } svg { - margin-right: 5px; - - &:last-child { - margin-right: 0; - margin-left: 5px; - } - - @include mq(tabletp) { - margin-right: 8px; - - &:last-child { - margin-right: 0; - margin-left: 8px; - } - } - } + margin-right: 5px; + + &:last-child { + margin-right: 0; + margin-left: 5px; + } + + @include mq(tabletp) { + margin-right: 8px; + + &:last-child { + margin-right: 0; + margin-left: 8px; + } + } + } } |