Arranging the order of selectors and properties

This commit is contained in:
CJ Patoilo
2016-09-09 21:33:20 -03:00
parent 7a6fe6399b
commit 35410848f4
11 changed files with 123 additions and 154 deletions

View File

@@ -6,8 +6,8 @@ code
background: $color-tertiary
border-radius: .4rem
font-size: 86%
padding: .2rem .5rem
margin: 0 .2rem
padding: .2rem .5rem
white-space: nowrap
pre

View File

@@ -32,15 +32,15 @@ select
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
textarea
min-height: 6.5rem
padding-bottom: .6rem
padding-top: .6rem
min-height: 6.5rem
label,
legend
display: block
font-size: 1.6rem
font-weight: 700
display: block
margin-bottom: .5rem
fieldset
@@ -52,6 +52,6 @@ input[type='radio']
display: inline
.label-inline
font-weight: normal
display: inline-block
font-weight: normal
margin-left: .5rem

View File

@@ -21,18 +21,14 @@
padding: 0
width: 100%
&.row-wrap
flex-wrap: wrap
&.row-no-padding
padding: 0
&> .column
padding: 0
// & + .row
// margin-top: -.5rem
// padding-top: 0
&.row-wrap
flex-wrap: wrap
// Vertically Align Columns
// .row-* vertically aligns every .col in the .row
@@ -131,7 +127,8 @@
flex: 0 0 60%
max-width: 60%
&.column-66, &.column-67
&.column-66,
&.column-67
flex: 0 0 66.6666%
max-width: 66.6666%

View File

@@ -9,21 +9,21 @@ ul
padding-left: 0
dl,
ul,
ol
ol,
ul
font-size: 90%
margin: 1.5rem 0 1.5rem 3.0rem
dl
list-style: none
ul
list-style: circle inside
ol
list-style: decimal inside
dt,
ul
list-style: circle inside
dd,
dt,
li
margin-bottom: 1.0rem

View File

@@ -2,23 +2,23 @@
// Spacing
//
.button,
button
button,
.button
margin-bottom: 1.0rem
fieldset,
input,
textarea,
select,
fieldset
textarea
margin-bottom: 1.5rem
pre,
blockquote,
dl,
figure,
table,
p,
ul,
form,
ol,
form
p,
pre,
table,
ul
margin-bottom: 2.5rem

View File

@@ -5,8 +5,8 @@
table
width: 100%
th,
td
td,
th
border-bottom: .1rem solid $color-tertiary
padding: 1.2rem 1.5rem
text-align: left

View File

@@ -2,21 +2,21 @@
// Utility
//
// Float either direction
.float-right
float: right
.float-left
float: left
// Clear a float with .clearfix
.clearfix
*zoom: 1
&:after
clear: both
&:after,
&:before
content: ''
display: table
&:after
clear: both
// Float either direction
.float-left
float: left
.float-right
float: right