diff options
Diffstat (limited to '_scss/components')
23 files changed, 22 insertions, 477 deletions
diff --git a/_scss/components/_core.scss b/_scss/components/_core.scss new file mode 100644 index 0000000..ae17c9e --- /dev/null +++ b/_scss/components/_core.scss @@ -0,0 +1,18 @@ +@import 'utilities/boxsizing'; +@import 'utilities/textsizeadjust'; + +*, +*::after, +*::before { + @include box-sizing(border-box); + @include text-size-adjust(100%); +} + +html { + overflow-y: scroll; +} + +body { + padding-bottom: 20px; + padding-top: 20px; +} diff --git a/_scss/components/_image.scss b/_scss/components/_image.scss new file mode 100644 index 0000000..c2f15eb --- /dev/null +++ b/_scss/components/_image.scss @@ -0,0 +1,4 @@ +img { + max-width: 100%; + width: auto; +} diff --git a/_scss/components/_variables.scss b/_scss/components/_variables.scss deleted file mode 100644 index eb9a801..0000000 --- a/_scss/components/_variables.scss +++ /dev/null @@ -1,7 +0,0 @@ -// ... -$color-initial: #fff; -$color-primary: #9b4dca; -$color-quaternary: #d1d1d1; -$color-quinary: #e1e1e1; -$color-secondary: #606c76; -$color-tertiary: #f4f5f6; diff --git a/_scss/components/core/_basis.scss b/_scss/components/core/_basis.scss deleted file mode 100644 index 7803126..0000000 --- a/_scss/components/core/_basis.scss +++ /dev/null @@ -1,27 +0,0 @@ -@import 'utilities/boxsizing'; -@import 'utilities/textsizeadjust'; - -*, -*::after, -*::before { - @include box-sizing(border-box); - @include text-size-adjust(100%); -} - -html { - font-size: 62.5%; - overflow-y: scroll; -} - -body { - color: $color-secondary; - font-family: -apple-system, BlinkMacSystemFont, Roboto, Cantarell, 'Droid Sans', 'Fira Sans', Helvetica, 'Helvetica Neue', 'Helvetica Neue', Oxygen, 'Segoe UI', Ubuntu, sans-serif; - font-size: 16px; - letter-spacing: .01em; - line-height: 1.6; - margin: 0 auto; - max-width: 128rem; - min-height: 100vh; - padding: 2rem; - width: 100%; -} diff --git a/_scss/components/core/_grid.scss b/_scss/components/core/_grid.scss deleted file mode 100644 index 5d0b65c..0000000 --- a/_scss/components/core/_grid.scss +++ /dev/null @@ -1,31 +0,0 @@ -@import 'utilities/flexbox'; - -body { - @include flexbox(); - @include flex-basis(auto); - @include flex-direction(column); -} - -main { - @include flexbox(); - @include flex-basis(auto); - @include flex-grow(1); -} - -.navigation { - @include flexbox(); - @include flex-shrink(0); - @include justify-content(flex-end); -} - -.content { - @include flexbox(); - @include flex-basis(auto); - @include flex-direction(column); -} - -.footer { - @include flexbox(); - @include flex-shrink(0); - @include justify-content(center); -} diff --git a/_scss/components/elements/_comments.scss b/_scss/components/elements/_comments.scss deleted file mode 100644 index c0f696d..0000000 --- a/_scss/components/elements/_comments.scss +++ /dev/null @@ -1,3 +0,0 @@ -.comments { - border-top: .1rem solid $color-tertiary; -} diff --git a/_scss/components/elements/_content.scss b/_scss/components/elements/_content.scss deleted file mode 100644 index bcaeba0..0000000 --- a/_scss/components/elements/_content.scss +++ /dev/null @@ -1,4 +0,0 @@ -.content { - min-width: 0; - width: 100%; -} diff --git a/_scss/components/elements/_footer.scss b/_scss/components/elements/_footer.scss deleted file mode 100644 index 46048a0..0000000 --- a/_scss/components/elements/_footer.scss +++ /dev/null @@ -1,16 +0,0 @@ -.footer { - padding-top: 1rem; - text-align: center; - - a { - padding: 0 .5rem; - - &:first-child { - padding-left: 0; - } - - &:last-child { - padding-right: 0; - } - } -} diff --git a/_scss/components/elements/_listposts.scss b/_scss/components/elements/_listposts.scss deleted file mode 100644 index 58ae109..0000000 --- a/_scss/components/elements/_listposts.scss +++ /dev/null @@ -1,5 +0,0 @@ -.post-item { - border-left: .3rem solid $color-primary; - margin-bottom: 4rem; - padding-left: 1rem; -} diff --git a/_scss/components/elements/_navigation.scss b/_scss/components/elements/_navigation.scss deleted file mode 100644 index 6f10634..0000000 --- a/_scss/components/elements/_navigation.scss +++ /dev/null @@ -1,17 +0,0 @@ -.navigation { - padding: 0 .5rem 1rem; - text-align: right; - width: 100%; - - a { - padding: 0 .5rem; - - &:first-child { - padding-left: 0; - } - - &:last-child { - padding-right: 0; - } - } -} diff --git a/_scss/components/elements/_sociallinks.scss b/_scss/components/elements/_sociallinks.scss deleted file mode 100644 index 972c25c..0000000 --- a/_scss/components/elements/_sociallinks.scss +++ /dev/null @@ -1,3 +0,0 @@ -.social-links { - padding-bottom: 4rem; -} diff --git a/_scss/components/theme/_background.scss b/_scss/components/theme/_background.scss deleted file mode 100644 index 5b45f0c..0000000 --- a/_scss/components/theme/_background.scss +++ /dev/null @@ -1,15 +0,0 @@ -@import 'utilities/boxshadow'; - -$background-image: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616 400" width="616" height="400"><path fill="#fff" d="M0 0h615.9v399.8h-615.9v-399.8z"/><path d="M385 133.3h-.1.1z" fill="none"/><path fill="#F9F9F9" d="M500.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path fill="#F5F5F5" d="M346.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M462 133.3h-.1.1z" fill="none"/><path fill="#F7F7F7" d="M423.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M231.1 133.3h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#FCFCFC" d="M192.5 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F9F9F9" d="M269.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M154.1 133.3h-.1.1z" fill="none"/><path fill="#EFEFEF" d="M231.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F1F1F1" d="M269.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M269.6 199.9h-.1.1zm153.9 0h-.1.1z" fill="none"/><path fill="#F0F0F0" d="M346.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M500.5 200zm77-133.4h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M385 266.5h76.9l-38.4-66.5-38.5 66.5z"/><path fill="#F3F3F3" d="M423.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#eee" d="M423.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M346.6 199.9h-.1.1zm192.4 66.7z" fill="none"/><path fill="#F8F8F8" d="M500.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8zm-38.5 66.6l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F7F7F7" d="M346.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M461.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F4F4F4" d="M423.5 333.2h76.9l-38.4-66.6-38.5 66.6z"/><path d="M577.4 200zm38.5-66.6z" fill="none"/><path fill="#F7F7F7" d="M539 133.3l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F9F9F9" d="M154 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path fill="#F8F8F8" d="M154 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F5F5F5" d="M115.6 333.2h76.9l-38.5-66.6-38.4 66.6zm-.1-133.2l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154.1 266.5l38.4-66.5-.1-.1h-76.9l-.1.1 38.4 66.5h.3z"/><path d="M115.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M231 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F9F9F9" d="M269.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M307.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6zm-115.3 66.7h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#FAFAFA" d="M384.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F1F1F1" d="M308.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#FAFAFA" d="M615.9 266.5l-38.5-66.5-38.4 66.5h76.9z"/><path fill="#F7F7F7" d="M462 133.4l-38.4 66.5h76.9l-38.5-66.5zm0-133.3l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M539 .1l-38.4 66.5h76.9l-38.5-66.5zm-500.4 333.1h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F3F3F3" d="M.1 133.3h76.9l-38.4-66.6-38.5 66.6z"/><path d="M77 266.5h.1-.1zm0-133.2h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M38.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path d="M0 266.5h.1-.1z" fill="none"/><path fill="#F4F4F4" d="M115.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F1F1F1" d="M77 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M231 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M308 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M385 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F0F0F0" d="M577.4 333.2l-38.4-66.6-38.4 66.5h76.8z"/><path d="M154 266.6z" fill="none"/><path fill="#F5F5F5" d="M154.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F7F7F7" d="M192.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M231 266.6zm77 0z" fill="none"/><path fill="#F8F8F8" d="M385 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M192.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M308 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M385 266.6z" fill="none"/><path fill="#F9F9F9" d="M231 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#FBFBFB" d="M115.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F8F8F8" d="M346.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M462 266.6z" fill="none"/><path fill="#F7F7F7" d="M269.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F3F3F3" d="M500.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F8F8F8" d="M423.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F4F4F4" d="M577.4 66.7l-38.4 66.6h76.9l-38.5-66.6z"/><path fill="#FBFBFB" d="M577.4 199.9l-38.4-66.5-38.4 66.5h76.8z"/><path fill="#FAFAFA" d="M538.9 266.5l-38.4-66.5-38.5 66.5h76.9z"/><path d="M539 133.3h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M115.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path fill="#F3F3F3" d="M538.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M77.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M577.4 66.6h.1l38.5-66.6h-77v.1l38.4 66.5z"/><path d="M154.1 0h-.1.1z" fill="none"/><path fill="#FBFBFB" d="M192.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path d="M462 0h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M500.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M385 0h-.1.1z" fill="none"/><path fill="#F3F3F3" d="M423.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path fill="#F4F4F4" d="M346.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M231.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M269.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M308.1 0h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M38.6 66.6l38.4-66.5v-.1h-77l38.5 66.6h.1z"/><path d="M461.9 400h.1-.1z" fill="none"/><path fill="#F8F8F8" d="M500.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path fill="#FBFBFB" d="M346.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M384.9 400h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M423.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M538.9 400h.1-.1z" fill="none"/><path fill="#EFEFEF" d="M539 399.9l77 .1-38.6-66.7-38.4 66.6z"/><path fill="#FAFAFA" d="M38.6 333.3l-38.6 66.7h77l.1-.1-38.5-66.6z"/><path d="M77 400h.1-.1zm230.9 0h.1-.1z" fill="none"/><path fill="#FEFEFE" d="M115.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M231 400h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M154 400h.1-.1z" fill="none"/><path fill="#FAFAFA" d="M192.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M115.6 66.6h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M77 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path d="M0 133.3h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M77 133.3h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M38.5 333.2h.1-.1z" fill="none"/><path fill="#F6F6F6" d="M38.5 333.2l-38.4-66.6-.1.1v66.4h38.5z"/><path fill="#F4F4F4" d="M38.5 199.9l-38.4-66.5-.1.1v66.4h38.5z"/><path fill="#F7F7F7" d="M0 266.5h.1l38.5-66.5-.1-.1h-38.5v66.6z"/><path fill="#F5F5F5" d="M0 400l38.6-66.7-.1-.1h-38.5v66.8z"/><path fill="#F4F4F4" d="M38.5 66.6l-38.5-66.6v66.6h38.5z"/><path fill="#F5F5F5" d="M0 133.3h.1l38.4-66.5-.1-.1h-38.4v66.6z"/><path d="M38.5 199.9h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M38.6 200l-38.5 66.5h76.9l-38.4-66.5zm38.4 66.6l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5zm.1-.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5h.1z"/><path d="M38.6 66.6h-.1.1zm308 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M384.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M423.5 66.6h-.1.1z" fill="none"/><path fill="#FAFAFA" d="M461.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F6F6F6" d="M154 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M500.5 66.6h-.1.1zm-307.9 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M231 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M269.6 66.6h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M307.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M615.9 266.6zm-38.5 66.7z" fill="none"/><path fill="#EDEDED" d="M539 266.5l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path d="M500.4 333.2h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M500.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FBFBFB" d="M423.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm-384.9 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#F5F5F5" d="M577.5 66.6l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9 133.5l-38.4 66.4h38.4v-66.4z"/><path fill="#F6F6F6" d="M615.9 266.7l-38.4 66.4h38.4v-66.4z"/><path fill="#F5F5F5" d="M577.5 333.2l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9.2l-38.4 66.4h38.4v-66.4z"/><path fill="#F7F7F7" d="M577.5 199.9l38.4 66.6v-66.6h-38.4z"/><path fill="#FCFCFC" d="M192.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FDFDFD" d="M115.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M192.5 333.2h.1-.1zm-77 0h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm77 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M346.4 333.2h.1-.1zm-77 0h.1-.1zm154 0h.1-.1z" fill="none"/></svg>'; - -html { - background: $color-tertiary url($background-image) repeat fixed; -} - -body { - background: $color-initial; - border-left: 1px solid rgba(0, 0, 0, .09); - border-right: 1px solid rgba(0, 0, 0, .09); - - @include box-shadow(0 1px 4px rgba(0, 0, 0, .04)); -} diff --git a/_scss/components/theme/_blockquote.scss b/_scss/components/theme/_blockquote.scss deleted file mode 100644 index c0ad531..0000000 --- a/_scss/components/theme/_blockquote.scss +++ /dev/null @@ -1,10 +0,0 @@ -blockquote { - border-left: .3rem solid $color-quaternary; - margin-left: 0; - margin-right: 0; - padding: 1rem 1.5rem; - - &:last-child { - margin-bottom: 0; - } -} diff --git a/_scss/components/theme/_buttons.scss b/_scss/components/theme/_buttons.scss deleted file mode 100644 index 3ddc463..0000000 --- a/_scss/components/theme/_buttons.scss +++ /dev/null @@ -1,84 +0,0 @@ -@import 'utilities/borderradius'; - -.button, -button, -input[type='button'], -input[type='reset'], -input[type='submit'] { - background-color: $color-primary; - border: .1rem solid $color-primary; - color: $color-initial; - cursor: pointer; - display: inline-block; - font-size: 1.1rem; - font-weight: 700; - height: 3.8rem; - letter-spacing: .1rem; - line-height: 3.8rem; - padding: 0 3rem; - text-align: center; - text-decoration: none; - text-transform: uppercase; - white-space: nowrap; - - @include border-radius(.4rem); - - &:focus, - &:hover { - background-color: $color-secondary; - border-color: $color-secondary; - color: $color-initial; - outline: 0; - } - - &[disabled] { - cursor: default; - opacity: .5; - - &:focus, - &:hover { - background-color: $color-primary; - border-color: $color-primary; - } - } - - &.button-outline { - background-color: transparent; - color: $color-primary; - - &:focus, - &:hover { - background-color: transparent; - border-color: $color-secondary; - color: $color-secondary; - } - - &[disabled] { - &:focus, - &:hover { - border-color: inherit; - color: $color-primary; - } - } - } - - &.button-clear { - background-color: transparent; - border-color: transparent; - color: $color-primary; - - &:focus, - &:hover { - background-color: transparent; - border-color: transparent; - color: $color-secondary; - } - - &[disabled] { - &:focus, - &:hover { - color: $color-primary; - } - } - } -} diff --git a/_scss/components/theme/_code.scss b/_scss/components/theme/_code.scss deleted file mode 100644 index d825933..0000000 --- a/_scss/components/theme/_code.scss +++ /dev/null @@ -1,25 +0,0 @@ -@import 'utilities/borderradius'; - -code { - background: $color-tertiary; - font-size: 86%; - margin: 0 .2rem; - padding: .2rem .5rem; - white-space: nowrap; - - @include border-radius(.4rem); -} - -pre { - background: $color-tertiary; - border-left: .3rem solid $color-primary; - overflow-x: auto; - - & > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; - - @include border-radius(0); - } -} diff --git a/_scss/components/theme/_divider.scss b/_scss/components/theme/_divider.scss deleted file mode 100644 index 45ec578..0000000 --- a/_scss/components/theme/_divider.scss +++ /dev/null @@ -1,5 +0,0 @@ -hr { - border: 0; - border-top: .1rem solid $color-tertiary; - margin: 3rem 0; -} diff --git a/_scss/components/theme/_form.scss b/_scss/components/theme/_form.scss deleted file mode 100644 index 211383c..0000000 --- a/_scss/components/theme/_form.scss +++ /dev/null @@ -1,69 +0,0 @@ -@import 'utilities/appearance'; -@import 'utilities/borderradius'; -@import 'utilities/boxshadow'; -@import 'utilities/boxsizing'; - -input:not([type]), -input[type='color'], -input[type='date'], -input[type='datetime'], -input[type='datetime-local'], -input[type='email'], -input[type='month'], -input[type='number'], -input[type='password'], -input[type='search'], -input[type='tel'], -input[type='text'], -input[type='url'], -input[type='week'], -select, -textarea { - background-color: transparent; - border: .1rem solid $color-quaternary; - height: 3.8rem; - padding: .6rem 1rem; - width: 100%; - - @include appearance(none); - @include border-radius(.4rem); - @include box-shadow(none); - @include box-sizing(inherit); - - &:focus { - border-color: $color-primary; - outline: 0; - } -} - -select { - padding-right: 3rem; -} - -textarea { - min-height: 6.5rem; -} - -label, -legend { - display: block; - font-size: 1.6rem; - font-weight: 700; - margin-bottom: .5rem; -} - -fieldset { - border-width: 0; - padding: 0; -} - -input[type='checkbox'], -input[type='radio'] { - display: inline; -} - -.label-inline { - display: inline-block; - font-weight: normal; - margin-left: .5rem; -} diff --git a/_scss/components/theme/_image.scss b/_scss/components/theme/_image.scss deleted file mode 100644 index dfb2513..0000000 --- a/_scss/components/theme/_image.scss +++ /dev/null @@ -1,29 +0,0 @@ -@import 'utilities/boxshadow'; - -img { - max-width: 100%; - width: auto; - - &:hover { - @include box-shadow(0 0 10px rgba(0, 0, 0, .5)); - } -} - -.fullscreen { - background: rgba(0, 0, 0, .5); - display: none; - height: 100%; - left: 0; - position: fixed; - text-align: center; - top: 0; - width: 100%; - - &:target { - display: block; - } - - img { - margin-top: 10rem; - } -} diff --git a/_scss/components/theme/_link.scss b/_scss/components/theme/_link.scss deleted file mode 100644 index 6dac3e1..0000000 --- a/_scss/components/theme/_link.scss +++ /dev/null @@ -1,9 +0,0 @@ -a { - color: $color-primary; - text-decoration: none; - - &:focus, - &:hover { - color: $color-secondary; - } -} diff --git a/_scss/components/theme/_list.scss b/_scss/components/theme/_list.scss deleted file mode 100644 index 3d68e16..0000000 --- a/_scss/components/theme/_list.scss +++ /dev/null @@ -1,22 +0,0 @@ -dl, -ol, -ul { - list-style: none; - margin-top: 0; - padding-left: 0; - - dl, - ol, - ul { - font-size: 90%; - margin: 1.5rem 0 1.5rem 3rem; - } -} - -ol { - list-style: decimal inside; -} - -ul { - list-style: circle inside; -} diff --git a/_scss/components/theme/_spacing.scss b/_scss/components/theme/_spacing.scss deleted file mode 100644 index eff2d24..0000000 --- a/_scss/components/theme/_spacing.scss +++ /dev/null @@ -1,26 +0,0 @@ -.button, -button, -dd, -dt, -li { - margin-bottom: 1rem; -} - -fieldset, -input, -select, -textarea { - margin-bottom: 1.5rem; -} - -blockquote, -dl, -figure, -form, -ol, -p, -pre, -table, -ul { - margin-bottom: 2.5rem; -} diff --git a/_scss/components/theme/_table.scss b/_scss/components/theme/_table.scss deleted file mode 100644 index 7af38d5..0000000 --- a/_scss/components/theme/_table.scss +++ /dev/null @@ -1,19 +0,0 @@ -table { - border-spacing: 0; - width: 100%; -} - -td, -th { - border-bottom: .1rem solid $color-quinary; - padding: 1.2rem 1.5rem; - text-align: left; - - &:first-child { - padding-left: 0; - } - - &:last-child { - padding-right: 0; - } -} diff --git a/_scss/components/theme/_typography.scss b/_scss/components/theme/_typography.scss deleted file mode 100644 index 0f35937..0000000 --- a/_scss/components/theme/_typography.scss +++ /dev/null @@ -1,51 +0,0 @@ -b, -strong { - font-weight: bold; -} - -p { - margin-top: 0; -} - - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 300; - letter-spacing: .01em; - margin-bottom: 2rem; - margin-top: 0; -} - -h1 { - font-size: 4.6rem; - line-height: 1.2; -} - -h2 { - font-size: 3.6rem; - line-height: 1.25; -} - -h3 { - font-size: 2.8rem; - line-height: 1.3; -} - -h4 { - font-size: 2.2rem; - line-height: 1.35; -} - -h5 { - font-size: 1.8rem; - line-height: 1.5; -} - -h6 { - font-size: 1.6rem; - line-height: 1.4; -} |