From f1e9ebc8e30fe30d33aaf78362a5861d15533a2f Mon Sep 17 00:00:00 2001 From: BcRikko Date: Sun, 25 Nov 2018 20:54:56 +0900 Subject: [PATCH] =?UTF-8?q?:tada:=20containers=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/nes.css | 66 ++++++++++++++++++++++++++++++++++ css/nes.css.map | 5 +-- css/nes.min.css | 6 ++-- index.html | 11 ++++++ scss/elements/_index.scss | 1 + scss/elements/containers.scss | 68 +++++++++++++++++++++++++++++++++++ 6 files changed, 152 insertions(+), 5 deletions(-) create mode 100644 scss/elements/containers.scss diff --git a/css/nes.css b/css/nes.css index 7e1e533..60f6875 100644 --- a/css/nes.css +++ b/css/nes.css @@ -477,4 +477,70 @@ button, .btn.is-error:active { box-shadow: inset 4px 4px #8c2022; } + +.container { + position: relative; + padding: 1.5rem 2rem; +} + +.container::before, .container::after { + position: absolute; + z-index: -1; + content: ""; +} + +.container::before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.container::after { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + border-color: #212529; + border-style: solid; + border-width: 4px; + border-radius: 4px; +} + +.container.with-title { + display: flex; + flex-direction: column; + justify-content: flex-start; + padding-top: 2rem; +} + +.container.with-title > .title { + position: absolute; + top: 0; + padding: 0 0.5rem; + margin: 0; + font-size: 1rem; + background-color: #fff; +} + +.container.with-title.is-center { + align-items: center; +} + +.container.with-title.is-right { + align-items: right; +} + +.container.is-dark::before { + background-color: #212529; +} + +.container.is-dark::after { + border-color: #fff; +} + +.container.is-dark > .title { + color: #fff; + background-color: #212529; +} /*# sourceMappingURL=nes.css.map */ \ No newline at end of file diff --git a/css/nes.css.map b/css/nes.css.map index 5b310f7..30a7c21 100644 --- a/css/nes.css.map +++ b/css/nes.css.map @@ -8,8 +8,9 @@ "../scss/base/variables.scss", "../scss/base/generic.scss", "../scss/elements/_index.scss", - "../scss/elements/buttons.scss" + "../scss/elements/buttons.scss", + "../scss/elements/containers.scss" ], "names": [], - "mappings": "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" + "mappings": "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" } \ No newline at end of file diff --git a/css/nes.min.css b/css/nes.min.css index 8b3c691..d0b8b33 100644 --- a/css/nes.min.css +++ b/css/nes.min.css @@ -1,4 +1,4 @@ -/*! +@charset "utf-8";/*! * NES.css v0.0.2(alpha) *//*! * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/) @@ -6,5 +6,5 @@ * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) - */@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body,code,html,kbd,pre,samp{font-family:"Press Start 2P"}body{font-size:16px;color:#212529;background-color:#fff}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.btn{position:relative;display:inline-block;padding:10px 12px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#212529;background-color:#fff;box-shadow:inset -4px -4px #adafbc}.btn:hover{background-color:#e7e7e7;box-shadow:inset -6px -6px #adafbc}.btn:active{box-shadow:inset 4px 4px #adafbc}.btn::after,.btn::before{position:absolute;box-sizing:content-box;width:100%;height:100%;content:"";border-color:#212529;border-style:solid;border-width:4px}.btn::before{top:-4px;left:0;border-right:2px;border-left:2px}.btn::after{top:0;left:-4px;border-top:2px;border-bottom:2px}.btn:focus{outline:0}.btn.is-primary{color:#fff;background-color:#92cc41;box-shadow:inset -4px -4px #4aa52e}.btn.is-primary:hover{background-color:#76c442;box-shadow:inset -6px -6px #4aa52e}.btn.is-primary:active{box-shadow:inset 4px 4px #4aa52e}.btn.is-success{color:#fff;background-color:#209cee;box-shadow:inset -4px -4px #006bb3}.btn.is-success:hover{background-color:#108de0;box-shadow:inset -6px -6px #006bb3}.btn.is-success:active{box-shadow:inset 4px 4px #006bb3}.btn.is-warning{color:#212529;background-color:#f7d51d;box-shadow:inset -4px -4px #e59400}.btn.is-warning:hover{background-color:#f2c409;box-shadow:inset -6px -6px #e59400}.btn.is-warning:active{box-shadow:inset 4px 4px #e59400}.btn.is-error{color:#fff;background-color:#e76e55;box-shadow:inset -4px -4px #8c2022}.btn.is-error:hover{background-color:#ce372b;box-shadow:inset -6px -6px #8c2022}.btn.is-error:active{box-shadow:inset 4px 4px #8c2022}@mixin btn-style($color, $background, $hover-background, $shadow){color:$color;background-color:$background;box-shadow:inset -4px -4px $shadow}// Default style .btn{position:relative;display:inline-block;padding:10px 12px;margin:$border-size;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;@include btn-style($base-color, #fff, #e7e7e7, #adafbc);@each $type in $types { - &.is-#{nth($type, 1);}// Override reboot.scss html,body,code,kbd,pre,samp{font-family:$font-family}body{font-size:$font-size;color:$base-color;background-color:$background-color}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none} \ No newline at end of file + */@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body,code,html,kbd,pre,samp{font-family:"Press Start 2P"}body{font-size:16px;color:#212529;background-color:#fff}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none}.btn{position:relative;display:inline-block;padding:10px 12px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#212529;background-color:#fff;box-shadow:inset -4px -4px #adafbc}.btn:hover{background-color:#e7e7e7;box-shadow:inset -6px -6px #adafbc}.btn:active{box-shadow:inset 4px 4px #adafbc}.btn::after,.btn::before{position:absolute;box-sizing:content-box;width:100%;height:100%;content:"";border-color:#212529;border-style:solid;border-width:4px}.btn::before{top:-4px;left:0;border-right:2px;border-left:2px}.btn::after{top:0;left:-4px;border-top:2px;border-bottom:2px}.btn:focus{outline:0}.btn.is-primary{color:#fff;background-color:#92cc41;box-shadow:inset -4px -4px #4aa52e}.btn.is-primary:hover{background-color:#76c442;box-shadow:inset -6px -6px #4aa52e}.btn.is-primary:active{box-shadow:inset 4px 4px #4aa52e}.btn.is-success{color:#fff;background-color:#209cee;box-shadow:inset -4px -4px #006bb3}.btn.is-success:hover{background-color:#108de0;box-shadow:inset -6px -6px #006bb3}.btn.is-success:active{box-shadow:inset 4px 4px #006bb3}.btn.is-warning{color:#212529;background-color:#f7d51d;box-shadow:inset -4px -4px #e59400}.btn.is-warning:hover{background-color:#f2c409;box-shadow:inset -6px -6px #e59400}.btn.is-warning:active{box-shadow:inset 4px 4px #e59400}.btn.is-error{color:#fff;background-color:#e76e55;box-shadow:inset -4px -4px #8c2022}.btn.is-error:hover{background-color:#ce372b;box-shadow:inset -6px -6px #8c2022}.btn.is-error:active{box-shadow:inset 4px 4px #8c2022}.container{position:relative;padding:1.5rem 2rem}.container::after,.container::before{position:absolute;z-index:-1;content:""}.container::before{top:0;right:0;bottom:0;left:0}.container::after{top:2px;right:2px;bottom:2px;left:2px;border-color:#212529;border-style:solid;border-width:4px;border-radius:4px}.container.with-title{display:flex;flex-direction:column;justify-content:flex-start;padding-top:2rem}.container.with-title>.title{position:absolute;top:0;padding:0 .5rem;margin:0;font-size:1rem;background-color:#fff}.container.with-title.is-center{align-items:center}.container.with-title.is-right{align-items:right}.container.is-dark::before{background-color:#212529}.container.is-dark::after{border-color:#fff}.container.is-dark>.title{color:#fff;background-color:#212529}.container{position:relative;padding:1.5rem 2rem;flex-direction:column;justify-content:flex-start;padding-top:2rem;top:0;padding:0 .5rem;margin:0;font-size:1rem;background-color:$background-color}&.is-center{align-items:center}&.is-right{align-items:right}@mixin btn-style($color, $background, $hover-background, $shadow){color:$color;background-color:$background;box-shadow:inset -4px -4px $shadow}// Default style .btn{position:relative;display:inline-block;padding:10px 12px;margin:$border-size;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;@include btn-style($base-color, #fff, #e7e7e7, #adafbc);@each $type in $types { + &.is-#{nth($type, 1);} \ No newline at end of file diff --git a/index.html b/index.html index 701f9ae..2839ed6 100644 --- a/index.html +++ b/index.html @@ -56,5 +56,16 @@ + +
+ +

Good morning. Thou hast had a good night's sleep I hope.

+
+
+ +

+ Good morning. Thou hast had a good night's sleep I hope. +

+
diff --git a/scss/elements/_index.scss b/scss/elements/_index.scss index 51a8e6d..cbf73ee 100644 --- a/scss/elements/_index.scss +++ b/scss/elements/_index.scss @@ -1,3 +1,4 @@ @charset "utf-8"; @import "buttons.scss"; +@import "containers.scss"; diff --git a/scss/elements/containers.scss b/scss/elements/containers.scss new file mode 100644 index 0000000..52b1ab9 --- /dev/null +++ b/scss/elements/containers.scss @@ -0,0 +1,68 @@ +.container { + position: relative; + padding: 1.5rem 2rem; + + &::before, + &::after { + position: absolute; + z-index: -1; + content: ""; + } + + &::before { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + &::after { + top: 2px; + right: 2px; + bottom: 2px; + left: 2px; + border-color: $base-color; + border-style: solid; + border-width: 4px; + border-radius: 4px; + } + + &.with-title { + display: flex; + flex-direction: column; + justify-content: flex-start; + padding-top: 2rem; + + > .title { + position: absolute; + top: 0; + padding: 0 0.5rem; + margin: 0; + font-size: 1rem; + background-color: $background-color; + } + + &.is-center { + align-items: center; + } + + &.is-right { + align-items: right; + } + } + + &.is-dark { + &::before { + background-color: $base-color; + } + + &::after { + border-color: #fff; + } + + > .title { + color: $background-color; + background-color: $base-color; + } + } +}