BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
dhg 2014-12-15 16:25:32 -08:00
parent 3b9f339b2a
commit 2144cee05b
1 changed files with 30 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
css/skeleton.css vendored
View File

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