summaryrefslogtreecommitdiff
path: root/design/sass
diff options
context:
space:
mode:
Diffstat (limited to 'design/sass')
-rw-r--r--design/sass/_archives.scss3
-rw-r--r--design/sass/_forms.scss54
-rw-r--r--design/sass/_queries.scss7
-rw-r--r--design/sass/screenv9.scss1
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";