tweaks and change to space indenting

This commit is contained in:
Dave Cranwell 2014-05-08 15:13:19 +01:00
parent 0f3b74817f
commit 27889478d2
2 changed files with 78 additions and 72 deletions

View file

@ -2,87 +2,93 @@
@import "../mixins.scss";
@import "../grid.scss";
section{
border-top:1px solid $color-grey-3;
margin-top:2em;
padding:0 0 2em 0;
border-top:1px solid $color-grey-3;
margin-top:2em;
padding:0 0 2em 0;
> h2:first-child{
margin:0;
font-size:1em;
background:$color-grey-4;
padding:1em;
margin-bottom:1em;
}
> h2:first-child{
margin:0;
font-size:1em;
background:$color-grey-4;
padding:1em;
margin-bottom:1em;
}
}
#palette{
@include clearfix();
@include clearfix();
ul{
@include clearfix();
@include unlist();
}
ul{
@include clearfix();
@include unlist();
}
li{
float:left;
width:100px;
height:100px;
padding:10px;
color:black;
}
li{
float:left;
width:100px;
height:100px;
padding:10px;
color:black;
}
.color-teal{
background-color:$color-teal;
}
.color-teal-darker{
background-color:$color-teal-darker;
}
.color-teal-dark{
background-color:$color-teal-dark;
}
.color-red{
background-color:$color-red;
}
.color-orange{
background-color:$color-orange;
}
.color-green{
background-color:$color-green;
}
.color-grey-1{
background-color:$color-grey-1;
}
.color-grey-1-1{
background-color:$color-grey-1-1;
}
.color-grey-2{
background-color:$color-grey-2;
}
.color-grey-3{
background-color:$color-grey-3;
}
.color-grey-4{
background-color:$color-grey-4;
}
.color-grey-5{
background-color:$color-grey-5;
}
.color-teal{
background-color:$color-teal;
}
.color-teal-darker{
background-color:$color-teal-darker;
}
.color-teal-dark{
background-color:$color-teal-dark;
}
.color-red{
background-color:$color-red;
}
.color-orange{
background-color:$color-orange;
}
.color-green{
background-color:$color-green;
}
.color-grey-1{
background-color:$color-grey-1;
}
.color-grey-1-1{
background-color:$color-grey-1-1;
}
.color-grey-2{
background-color:$color-grey-2;
}
.color-grey-3{
background-color:$color-grey-3;
}
.color-grey-4{
background-color:$color-grey-4;
}
.color-grey-5{
background-color:$color-grey-5;
}
}
#icons{
:before, :after{
font-size:2em;
}
ul{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
}
li{
margin-bottom:1em;
}
:before, :after{
font-size:2em;
}
ul{
-webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
}
li{
margin-bottom:1em;
}
.spinner{
position:relative;
}
.icon-spinner:after{
color:red;
position:absolute;
}
}

View file

@ -365,7 +365,7 @@
<li class="icon icon-order-down">order-down</li>
<li class="icon icon-order-up">order-up</li>
<li class="icon icon-bin">bin</li>
<li class="icon icon-spinner">spinner</li>
<li class="spinner"><div class="icon icon-spinner">spinner</div> spinner</li>
<li class="icon icon-pick">pick</li>
<li class="icon icon-redirect">redirect</li>
<li class="icon icon-view">view</li>