diff options
Diffstat (limited to 'design/sass/_mailing-list.scss')
| -rw-r--r-- | design/sass/_mailing-list.scss | 39 |
1 files changed, 31 insertions, 8 deletions
diff --git a/design/sass/_mailing-list.scss b/design/sass/_mailing-list.scss index 71df3e4..95366b8 100644 --- a/design/sass/_mailing-list.scss +++ b/design/sass/_mailing-list.scss @@ -1,11 +1,34 @@ //Flexbox mixins rely on https://github.com/timhettler/compass-flexbox - -.b-form {} -.b-form__object--flex { @include display-flex; } -.b-form__object--fillspace { - /* This element will receive priority of size. - /* All other elements will be sized at the size dictated by their display type */ +.mailing-list { + text-align: left; + .form--flex-container { + @include display-flex; + } +} +.form--label { + display: block; + font-weight: 600; + letter-spacing: 1px; + font-family: "Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; + @include fontsize(12); + margin-bottom: 6px; +} +.form--input { @include flex-grow(1); - & + .b-form__object--fillspace-gap { margin-left: .5em; } + padding: .25em; + border: #c5c5c5 1px solid; + border-radius: .125em; + color: darken($body_font_light, 20); +} +.btn { + display: inline-block; + margin-left: 5px; + border-radius: .25em; + border: none; + padding: 8px 12px 7px; + max-width: 8.75em; + background: $orange; + color: white; + font: bold .75em Verdana,sans-serif; + text-transform: uppercase; } -.b-form__label { display: block;} |