From a5d21b2e408cf42190076446d06528479627a4ea Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Sun, 10 Feb 2019 12:04:38 -0600
Subject: fixed some template and formating bugs in new design

---
 design/sass/_archives.scss |  3 ++-
 design/sass/_forms.scss    | 54 ++++++++++++++++++++++++++++++++++++++++++++++
 design/sass/_queries.scss  |  7 +++---
 design/sass/screenv9.scss  |  1 +
 4 files changed, 61 insertions(+), 4 deletions(-)
 create mode 100644 design/sass/_forms.scss

(limited to 'design/sass')

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";
-- 
cgit v1.2.3-70-g09d2