add custom materio icon

This commit is contained in:
sarah garcin
2015-05-06 12:36:27 +02:00
parent a1fd56580b
commit e4885c3a5d
12 changed files with 389 additions and 166 deletions

View File

@@ -9,7 +9,7 @@
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
@include fs12();
@include fs12;
&.warning {
color: #c09853;//#840;
@@ -28,7 +28,7 @@
color: #468847;//#036;
background-color: #dff0d8;//#bdf;
border-color:#d6e9c6;//#ace;
@include fs14();
@include fs14;
}
}
@@ -138,34 +138,34 @@ div.messages { @include messages();}
// .icon(20px);
// }
i.icon-materio-viewmode-cardsmall{
@include icon(20px, -42px, 0);
&.active{@include icon(21px, 0, 0); }
&:hover:not(.active){@include icon(21px, -21px, 0); }
}
i.icon-materio-viewmode-cardmedium{
@include icon(21px, -42px, -21px);
&.active{@include icon(21px, 0, -21px); }
&:hover:not(.active){@include icon(21px, -21px, -21px); }
}
i.icon-materio-viewmode-cardbig{
@include icon(21px, -42px, -42px);
&.active{@include icon(21px, 0, -42px); }
&:hover:not(.active){@include icon(21px, -21px, -42px); }
}
i.icon-materio-viewmode-cardfull{
@include icon(21px, -42px, -63px);
&.active{@include icon(21px, 0, -63px); }
&:hover:not(.active){@include icon(21px, -21px, -63px); }
}
// i.icon-materio-viewmode-cardsmall{
// @include icon(20px, -42px, 0);
// &.active{@include icon(21px, 0, 0); }
// &:hover:not(.active){@include icon(21px, -21px, 0); }
// }
// i.icon-materio-viewmode-cardmedium{
// @include icon(21px, -42px, -21px);
// &.active{@include icon(21px, 0, -21px); }
// &:hover:not(.active){@include icon(21px, -21px, -21px); }
// }
// i.icon-materio-viewmode-cardbig{
// @include icon(21px, -42px, -42px);
// &.active{@include icon(21px, 0, -42px); }
// &:hover:not(.active){@include icon(21px, -21px, -42px); }
// }
// i.icon-materio-viewmode-cardfull{
// @include icon(21px, -42px, -63px);
// &.active{@include icon(21px, 0, -63px); }
// &:hover:not(.active){@include icon(21px, -21px, -63px); }
// }
i.icon-materio-search{
@include icon(21px, -63px, -63px);
}
// i.icon-materio-search{
// @include icon(21px, -63px, -63px);
// }
i.icon-materio-folder{
@include icon(21px, -84px, -63px);
}
// i.icon-materio-folder{
// @include icon(21px, -84px, -63px);
// }
/**

View File

@@ -346,7 +346,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
@include fs12;
i{
vertical-align: text-bottom;
margin: 0 2px 1px 0;
margin: 0 5px 1px 0;
}
a span.account{text-transform: lowercase;}
a span.logout{display:none; @include ml(5px); }