moves visual style to local css, simplifies button style to one class, breaks words on small screens

This commit is contained in:
Ashley Blewer
2017-10-14 14:00:28 -04:00
parent 21a019612c
commit 0a2e1ca63a
2 changed files with 104 additions and 85 deletions

View File

@ -1,5 +1,10 @@
html, body {
font-size: 16px;
line-height: 1.5;
color: #888888;
background-color: #060606;
margin: 0;
word-break: break-word;
}
.grid {
@ -121,7 +126,22 @@ div {
color: white;
}
button {
font: inherit;
font-family: inherit;
color: inherit;
}
.btn {
border: 1px solid transparent;
background-color: #424242;
font-size: 1em;
line-height: 1.5em;
white-space: normal;
cursor: pointer;
padding: 8px 12px;
border-radius: 4px;
padding-left: 2.5em;
margin: 8px;
display: inline-block;
vertical-align: middle;
@ -132,7 +152,6 @@ div {
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-left: 2.5em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}