diff options
Diffstat (limited to 'design/sass')
-rw-r--r-- | design/sass/_archives.scss | 3 | ||||
-rw-r--r-- | design/sass/_forms.scss | 54 | ||||
-rw-r--r-- | design/sass/_queries.scss | 7 | ||||
-rw-r--r-- | design/sass/screenv9.scss | 1 |
4 files changed, 61 insertions, 4 deletions
diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss index 0181bc7..a8c41a4 100644 --- a/design/sass/_archives.scss +++ b/design/sass/_archives.scss @@ -28,10 +28,11 @@ border-bottom: 3px double #efefef; padding-bottom: 3rem; margin-bottom: 4rem; + margin-top: 3rem; p { font-style: normal !important; @include fontsize(18); - line-height: 1.3; + line-height: 1.5; margin-top: 1.2rem !important; &:first-of-type { margin-top: 2rem !important; diff --git a/design/sass/_forms.scss b/design/sass/_forms.scss new file mode 100644 index 0000000..80e630c --- /dev/null +++ b/design/sass/_forms.scss @@ -0,0 +1,54 @@ +.generic-form { + margin: 2rem 0; + @extend %clearfix; + fieldset { + padding: 0; + border: none; + width: 100%; + position: relative; + } + input[type=email] { + width: 210px; + @include fontsize(18); + background-color: #fff; + border: 2px solid darken(#efefef, 10); + border-radius: 5px; + height: 2.2rem; + padding: 4px 4px 4px 8px; + margin-right: .5rem; + @include breakpoint(omega){ + width: 92%; + } + @include breakpoint(alpha){ + width: 96%; + } + } + label { + display: block; + visibility: hidden; + width: 0; + height: 0; + } + .btn-hollow { + @include fontsize(16); + display: inline-block; + padding: 10px 15px; + margin-bottom: 0; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #ddd; + border: 0; + border-radius: 5px; + font-weight: bold; + transition: all 0.2s ease; + background: $orange; + &:hover { + color: white; + } + } +} +.flex { + display: flex; +} diff --git a/design/sass/_queries.scss b/design/sass/_queries.scss index 3ea883f..8a0eec2 100644 --- a/design/sass/_queries.scss +++ b/design/sass/_queries.scss @@ -1,3 +1,4 @@ +$breakpoint-omega: 420px; //728 $breakpoint-alpha: 728px; //728 $breakpoint-beta: 824px; //784 $breakpoint-gamma: 960px; @@ -5,12 +6,12 @@ $breakpoint-delta: 1170px; $breakpoint-epsilon: $max_width; @mixin breakpoint($point) { + @if $point == "omega" { + @media screen and (min-width:$breakpoint-omega ){ @content; } + } @if $point == "alpha" { @media screen and (min-width:$breakpoint-alpha ){ @content; } } - @if $point == "alpha-2" { - @media screen and (min-width:$breakpoint-alpha-2 ){ @content; } - } @else if $point == "beta" { @media screen and (min-width: $breakpoint-beta) { @content; } } diff --git a/design/sass/screenv9.scss b/design/sass/screenv9.scss index 30f7190..d594e28 100644 --- a/design/sass/screenv9.scss +++ b/design/sass/screenv9.scss @@ -15,3 +15,4 @@ @import "_resume.scss"; @import "_photos.scss"; @import "_notes.scss"; +@import "_forms.scss"; |