Merge pull request #2 from valentineus/monopage

Monopage

1 files changed, 14 insertions, 21 deletions

diff --git a/_scss/sakura/_main.scss b/_scss/sakura/_main.scss
index 8e15541..3f1b756 100644
--- a/_scss/sakura/_main.scss
+++ b/_scss/sakura/_main.scss
@@ -7,26 +7,20 @@ body {
   background-color: $color-bg;
   color: $color-text;
   font-size: $font-size-base;
-  line-height: 1.6em;
+  line-height: 1.4em;
   margin: auto;
-  max-width: 72em;
-  padding: 32px;
+  max-width: 64em;
+  padding: 4em;
 }
 
 @media (max-width: 684px) {
   body {
     font-size: $font-size-base * .85;
-    padding: 8px;
+    padding: 2em;
   }
 }
 
-@media (max-width: 382px) {
-  body {
-    font-size: $font-size-base * .75;
-  }
-}
-
-@mixin word-wrap() {
+@mixin word-wrap {
   hyphens: auto;
   overflow-wrap: break-word;
   word-break: break-word;
@@ -40,6 +34,7 @@ h4,
 h5,
 h6 {
   @include word-wrap;
+
   font-weight: 700;
   line-height: 1.1;
 }
@@ -80,13 +75,11 @@ hr {
 
 a {
   color: $color-blossom;
-  text-decoration: none;
 
   &:active,
   &:focus,
   &:hover {
     color: $color-fade;
-    text-decoration: none;
   }
 }
 
@@ -126,7 +119,7 @@ code {
   white-space: pre-wrap;
 }
 
-pre>code {
+pre > code {
   background-color: transparent;
   padding: 0;
   white-space: pre;
@@ -159,9 +152,9 @@ textarea {
 
 .button,
 button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
   background-color: $color-blossom;
   border: 1px solid $color-blossom;
   border-radius: 1px;
@@ -169,7 +162,7 @@ input[type="button"] {
   color: $color-bg;
   cursor: pointer;
   display: inline-block;
-  padding: 5px 10px;
+  padding: 1em;
   text-align: center;
   text-decoration: none;
   white-space: nowrap;
@@ -197,8 +190,8 @@ input[type] {
   box-shadow: none;
   box-sizing: border-box;
   color: $color-text;
-  margin-bottom: 10px;
-  padding: 6px 10px;
+  margin: .5em;
+  padding: 1em;
 
   &:focus {
     border: 1px solid $color-blossom;
@@ -206,7 +199,7 @@ input[type] {
   }
 }
 
-input[type="checkbox"]:focus {
+input[type='checkbox']:focus {
   outline: 1px dotted $color-blossom;
 }