adjust button width to 100% at smaller screen sizes. fix .min file. u…

…pdate readme.
kurt1288 · Dec 6, 2018 · 35f7513 · 35f7513
1 parent 091d5f7
commit 35f7513
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 111 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
 # [Road](https://www.roadcss.com)
-A simple CSS boilerplate using road signs as design inspiration.
+A lightweight CSS framework using road signs as design inspiration.
 
 [![Codacy Badge](https://api.codacy.com/project/badge/Grade/90293ba076f04e2197b68c32bd6354e9)](https://www.codacy.com/app/kurt1288/Road?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=kurt1288/Road&amp;utm_campaign=Badge_Grade)
 

diff --git a/dist/road.css b/dist/road.css
@@ -25,7 +25,8 @@ body {
   margin-bottom: 1rem;
   padding: 0 2rem;
   text-align: center;
-  text-transform: uppercase; }
+  text-transform: uppercase;
+  width: 100%; }
   .button[disabled], button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] {
     cursor: default;
     opacity: 0.5; }
@@ -86,6 +87,9 @@ body {
     .button.yellowgreen:focus, .button.yellowgreen:hover, button.yellowgreen:focus, button.yellowgreen:hover, input[type="button"].yellowgreen:focus, input[type="button"].yellowgreen:hover, input[type="reset"].yellowgreen:focus, input[type="reset"].yellowgreen:hover, input[type="submit"].yellowgreen:focus, input[type="submit"].yellowgreen:hover {
       background-color: #dbf000; }
 
+@media (min-width: 30rem) {
+  .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
+    width: auto; } }
 code {
   background: #ededed;
   border: 0.1rem solid #006747;