aboutsummaryrefslogtreecommitdiff
path: root/_scss/sakura/_main.scss
diff options
context:
space:
mode:
Diffstat (limited to '_scss/sakura/_main.scss')
-rw-r--r--_scss/sakura/_main.scss35
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;
}