diff --git a/css/sakura-dark.css b/css/sakura-dark.css index 68669c2..fd56af5 100644 --- a/css/sakura-dark.css +++ b/css/sakura-dark.css @@ -1,5 +1,5 @@ /* $color-text: #dedce5; */ -/* Sakura.css v0.6.2 +/* Sakura.css v1.0.0 * ================ * Minimal css theme. * Project: https://github.com/oxalorg/sakura @@ -15,7 +15,8 @@ body { max-width: 38em; margin: auto; color: #c9c9c9; - background-color: #222222; } + background-color: #222222; + padding: 13px; } @media (max-width: 684px) { body { @@ -87,7 +88,7 @@ pre { background-color: #4a4a4a; display: block; padding: 1em; - overflow-x: scroll; } + overflow-x: auto; } code { font-size: 0.9em; @@ -116,29 +117,28 @@ input, textarea { input:focus, textarea:focus { border: 1px solid #ffffff; } +textarea { + width: 100%; } + .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; - padding: 0 0.5em; - margin-bottom: 0.5rem; + padding: 5px 10px; text-align: center; - text-transform: uppercase; text-decoration: none; - font-weight: 600; white-space: nowrap; - color: #ffffff; - background-color: transparent; - border-radius: 0.5em; - border: 0.2em solid #ffffff; - height: 2em; + background-color: #ffffff; + color: #222222; + border-radius: 1px; + border: 1px solid #ffffff; cursor: pointer; box-sizing: border-box; } .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { cursor: default; opacity: .5; } .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { - background-color: transparent; + background-color: #c9c9c9; border-color: #c9c9c9; - color: #c9c9c9; + color: #222222; outline: 0; } textarea, select, input[type] { diff --git a/css/sakura-earthly.css b/css/sakura-earthly.css index d238129..17fc1e8 100644 --- a/css/sakura-earthly.css +++ b/css/sakura-earthly.css @@ -1,4 +1,4 @@ -/* Sakura.css v0.6.2 +/* Sakura.css v1.0.0 * ================ * Minimal css theme. * Project: https://github.com/oxalorg/sakura @@ -14,7 +14,8 @@ body { max-width: 38em; margin: auto; color: #4a4a4a; - background-color: #f9f9f9; } + background-color: #f9f9f9; + padding: 13px; } @media (max-width: 684px) { body { @@ -86,7 +87,7 @@ pre { background-color: #C7E3BE; display: block; padding: 1em; - overflow-x: scroll; } + overflow-x: auto; } code { font-size: 0.9em; @@ -115,29 +116,28 @@ input, textarea { input:focus, textarea:focus { border: 1px solid #338618; } +textarea { + width: 100%; } + .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; - padding: 0 0.5em; - margin-bottom: 0.5rem; + padding: 5px 10px; text-align: center; - text-transform: uppercase; text-decoration: none; - font-weight: 600; white-space: nowrap; - color: #338618; - background-color: transparent; - border-radius: 0.5em; - border: 0.2em solid #338618; - height: 2em; + background-color: #338618; + color: #f9f9f9; + border-radius: 1px; + border: 1px solid #338618; cursor: pointer; box-sizing: border-box; } .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { cursor: default; opacity: .5; } .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { - background-color: transparent; + background-color: #5e5e5e; border-color: #5e5e5e; - color: #5e5e5e; + color: #f9f9f9; outline: 0; } textarea, select, input[type] { diff --git a/css/sakura-vader.css b/css/sakura-vader.css index 5ff81c3..51045ee 100644 --- a/css/sakura-vader.css +++ b/css/sakura-vader.css @@ -1,5 +1,5 @@ /* $color-text: #dedce5; */ -/* Sakura.css v0.6.2 +/* Sakura.css v1.0.0 * ================ * Minimal css theme. * Project: https://github.com/oxalorg/sakura @@ -15,7 +15,8 @@ body { max-width: 38em; margin: auto; color: #d9d8dc; - background-color: #120c0e; } + background-color: #120c0e; + padding: 13px; } @media (max-width: 684px) { body { @@ -87,7 +88,7 @@ pre { background-color: #40363a; display: block; padding: 1em; - overflow-x: scroll; } + overflow-x: auto; } code { font-size: 0.9em; @@ -116,29 +117,28 @@ input, textarea { input:focus, textarea:focus { border: 1px solid #eb99a1; } +textarea { + width: 100%; } + .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; - padding: 0 0.5em; - margin-bottom: 0.5rem; + padding: 5px 10px; text-align: center; - text-transform: uppercase; text-decoration: none; - font-weight: 600; white-space: nowrap; - color: #eb99a1; - background-color: transparent; - border-radius: 0.5em; - border: 0.2em solid #eb99a1; - height: 2em; + background-color: #eb99a1; + color: #120c0e; + border-radius: 1px; + border: 1px solid #eb99a1; cursor: pointer; box-sizing: border-box; } .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { cursor: default; opacity: .5; } .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { - background-color: transparent; + background-color: #DA4453; border-color: #DA4453; - color: #DA4453; + color: #120c0e; outline: 0; } textarea, select, input[type] { diff --git a/css/sakura.css b/css/sakura.css index 7edd35e..f30bc1c 100644 --- a/css/sakura.css +++ b/css/sakura.css @@ -1,4 +1,4 @@ -/* Sakura.css v0.6.2 +/* Sakura.css v1.0.0 * ================ * Minimal css theme. * Project: https://github.com/oxalorg/sakura @@ -14,7 +14,8 @@ body { max-width: 38em; margin: auto; color: #4a4a4a; - background-color: #f9f9f9; } + background-color: #f9f9f9; + padding: 13px; } @media (max-width: 684px) { body { @@ -86,7 +87,7 @@ pre { background-color: #f1f1f1; display: block; padding: 1em; - overflow-x: scroll; } + overflow-x: auto; } code { font-size: 0.9em; @@ -115,29 +116,28 @@ input, textarea { input:focus, textarea:focus { border: 1px solid #2c8898; } +textarea { + width: 100%; } + .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; - padding: 0 0.5em; - margin-bottom: 0.5rem; + padding: 5px 10px; text-align: center; - text-transform: uppercase; text-decoration: none; - font-weight: 600; white-space: nowrap; - color: #2c8898; - background-color: transparent; - border-radius: 0.5em; - border: 0.2em solid #2c8898; - height: 2em; + background-color: #2c8898; + color: #f9f9f9; + border-radius: 1px; + border: 1px solid #2c8898; cursor: pointer; box-sizing: border-box; } .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { cursor: default; opacity: .5; } .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { - background-color: transparent; + background-color: #982c61; border-color: #982c61; - color: #982c61; + color: #f9f9f9; outline: 0; } textarea, select, input[type] { diff --git a/scss/_main.scss b/scss/_main.scss index 971dd20..ccec1ac 100644 --- a/scss/_main.scss +++ b/scss/_main.scss @@ -1,4 +1,4 @@ -/* Sakura.css v0.6.2 +/* Sakura.css v1.0.0 * ================ * Minimal css theme. * Project: https://github.com/oxalorg/sakura