diff options
author | lxf <sng@luxagraf.net> | 2021-11-06 09:44:22 -0400 |
---|---|---|
committer | lxf <sng@luxagraf.net> | 2021-11-06 09:44:22 -0400 |
commit | 2c291d0bdfad485f3e7605d6b39433894e75a687 (patch) | |
tree | f9a73a0e1cbcd51d7ccc0fb99296049c66babe16 /design/old/v9/_forms.scss | |
parent | d9f51299809bfb6b3ac589b7c42016d0ef240299 (diff) |
moved design to bak because I don't need to access it much
Diffstat (limited to 'design/old/v9/_forms.scss')
-rw-r--r-- | design/old/v9/_forms.scss | 113 |
1 files changed, 0 insertions, 113 deletions
diff --git a/design/old/v9/_forms.scss b/design/old/v9/_forms.scss deleted file mode 100644 index 4e0227b..0000000 --- a/design/old/v9/_forms.scss +++ /dev/null @@ -1,113 +0,0 @@ -.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; - .btn, .btn-hollow { - flex-basis: 10%; - } -} - - -form fieldset { - margin: 1rem 0; - padding: 0; - border: none; - width: 100%; - position: relative; -} -form fieldset label { - position: absolute; - -webkit-transform: translate3d(10px, 100%); - -moz-transform: translate3d(10px, 100%); - -ms-transform: translate3d(10px, 100%); - -o-transform: translate3d(10px, 100%); - transform: translate3d(10px, 100%); - @include fontsize(14); - @include fancy_sans; - color: lighten($body_font_color, 25); - line-height: 14px; - top: .7rem; - left: .75rem; - z-index: 1; -} -input, .textarea-rounded textarea { - border: 1px solid #dedddd; - border-radius: 4px; - padding: 2.2rem 0 .75rem .75rem; - width: 96%; - @include fontsize(24); - @include fancy_sans; -} - -.btn { - @include fontsize(15); - display: inline-block; - border-radius: 4px; - -webkit-appearance: none; - text-decoration: none; - cursor: pointer; - background: $link_color; - color: #fff; - border: 1px solid $link_color; - padding: 7px 14px; - white-space: nowrap; - &:hover { - background: $link_color; - border: 1px solid $link_color; - } -} -.newsletter-subscribe { - margin: 3rem 0; - fieldset { - margin: 0; - } -} |