Version 1.0 Released

oxalorg · May 2, 2017 · ebf08df · ebf08df
1 parent 99ce69e
commit ebf08df
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 57 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -1,4 +1,4 @@
-/* Sakura.css v0.6.2
+/* Sakura.css v1.0.0
  * ================
  * Minimal css theme.
  * Project: https://github.com/oxalorg/sakura