changing property order to adhere roughly to http://markdotto.com/2011/11/29/css-property-order/

This commit is contained in:
dhg 2014-12-15 16:25:32 -08:00
parent 3b9f339b2a
commit 2144cee05b

60
css/skeleton.css vendored
View File

@ -37,15 +37,15 @@
box-sizing: border-box; }
.column,
.columns {
float: left;
width: 100%;
float: left;
box-sizing: border-box; }
/* For devices larger than 400px */
@media (min-width: 400px) {
.container {
padding: 0;
width: 85%; }
width: 85%;
padding: 0; }
}
/* For devices larger than 550px */
@ -131,9 +131,9 @@ body {
/* Typography
*/
h1, h2, h3, h4, h5, h6 {
font-weight: 300;
margin-top: 0;
margin-bottom: 2rem; }
margin-bottom: 2rem;
font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
@ -171,21 +171,21 @@ input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
background-color: transparent;
border-radius: 4px;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
border: 1px solid #bbb;
height: 38px;
line-height: 38px;
padding: 0 30px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
@ -197,8 +197,8 @@ button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
border-color: #888;
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary,
button.button-primary,
@ -206,8 +206,8 @@ input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
border-color: #33C3F0;
background-color: #33C3F0; }
background-color: #33C3F0;
border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
@ -218,9 +218,9 @@ button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB;
color: #FFF; }
border-color: #1EAEDB; }
/* Forms
@ -231,12 +231,12 @@ input[type="text"],
input[type="password"],
textarea,
select {
border: 1px solid #D1D1D1;
height: 36px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
background: #fff; }
box-shadow: none; }
/* Removes awkard default styles on some inputs */
input[type="email"],
input[type="search"],
@ -261,18 +261,18 @@ select:focus {
label,
legend {
display: block;
font-weight: 600;
margin-bottom: .5rem; }
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
border-width: 0;
padding: 0; }
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
font-weight: normal;
margin-left: .5rem; }
margin-left: .5rem;
font-weight: normal; }
/* Lists
@ -282,8 +282,8 @@ ul {
ol {
list-style: decimal inside; }
ol, ul {
margin-top: 0;
padding-left: 0; }
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
@ -300,10 +300,10 @@ code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px;
white-space: nowrap; }
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;