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.scss212
1 files changed, 0 insertions, 212 deletions
diff --git a/_scss/sakura/_main.scss b/_scss/sakura/_main.scss
deleted file mode 100644
index 3f1b756..0000000
--- a/_scss/sakura/_main.scss
+++ /dev/null
@@ -1,212 +0,0 @@
-html {
- font-family: $font-family-sans-serif;
- font-size: 62.5%;
-}
-
-body {
- background-color: $color-bg;
- color: $color-text;
- font-size: $font-size-base;
- line-height: 1.4em;
- margin: auto;
- max-width: 64em;
- padding: 4em;
-}
-
-@media (max-width: 684px) {
- body {
- font-size: $font-size-base * .85;
- padding: 2em;
- }
-}
-
-@mixin word-wrap {
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- @include word-wrap;
-
- font-weight: 700;
- line-height: 1.1;
-}
-
-h1 {
- font-size: 2.35em;
-}
-
-h2 {
- font-size: 2em;
-}
-
-h3 {
- font-size: 1.75em;
-}
-
-h4 {
- font-size: 1.5em;
-}
-
-h5 {
- font-size: 1.25em;
-}
-
-h6 {
- font-size: 1em;
-}
-
-small,
-sub,
-sup {
- font-size: 75%;
-}
-
-hr {
- border-color: $color-blossom;
-}
-
-a {
- color: $color-blossom;
-
- &:active,
- &:focus,
- &:hover {
- color: $color-fade;
- }
-}
-
-ul {
- padding-left: 1.4em;
-}
-
-li {
- margin-bottom: .4em;
-}
-
-blockquote {
- border-left: 3px solid $color-blossom;
- font-style: italic;
- margin-left: 1.5em;
- padding-left: 1em;
-}
-
-img {
- max-width: 100%;
-}
-
-pre {
- background-color: $color-bg-alt;
- border: 1px solid $color-bg-alt;
- border-radius: 4px;
- display: block;
- overflow-x: auto;
- padding: 1em;
-}
-
-code {
- background-color: $color-bg-alt;
- border-radius: 4px;
- font-size: .9em;
- padding: 0 .5em;
- white-space: pre-wrap;
-}
-
-pre > code {
- background-color: transparent;
- padding: 0;
- white-space: pre;
-}
-
-table {
- border-collapse: collapse;
- text-align: justify;
- width: 100%;
-}
-
-td,
-th {
- border-bottom: 1px solid $color-bg-alt;
- padding: .5em;
-}
-
-input,
-textarea {
- border: 1px solid $color-text;
-
- &:focus {
- border: 1px solid $color-blossom;
- }
-}
-
-textarea {
- width: 100%;
-}
-
-.button,
-button,
-input[type='submit'],
-input[type='reset'],
-input[type='button'] {
- background-color: $color-blossom;
- border: 1px solid $color-blossom;
- border-radius: 1px;
- box-sizing: border-box;
- color: $color-bg;
- cursor: pointer;
- display: inline-block;
- padding: 1em;
- text-align: center;
- text-decoration: none;
- white-space: nowrap;
-
- &[disabled] {
- cursor: default;
- opacity: .5;
- }
-
- &:focus,
- &:hover {
- background-color: $color-fade;
- border-color: $color-fade;
- color: $color-bg;
- outline: 0;
- }
-}
-
-textarea,
-select,
-input[type] {
- background-color: $color-bg-alt;
- border: 1px solid $color-bg-alt;
- border-radius: 4px;
- box-shadow: none;
- box-sizing: border-box;
- color: $color-text;
- margin: .5em;
- padding: 1em;
-
- &:focus {
- border: 1px solid $color-blossom;
- outline: 0;
- }
-}
-
-input[type='checkbox']:focus {
- outline: 1px dotted $color-blossom;
-}
-
-label,
-legend,
-fieldset {
- display: block;
- font-weight: 600;
- margin-bottom: .5rem;
-}