Miko/webicons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Get minified code from SCSS version

Browse Source
This commit is contained in:
arnaudgaudin
2013-10-02 16:27:52 +02:00
parent cdc8da9259
commit 0bb4792b3f
1 changed files with 5 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
webicons.less
View File

@@ -1,43 +1,13 @@
/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */ /* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
.webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }
.webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
.webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
// Specify the path to the webicons directory here. Include trailing slash. // Specify the path to the webicons directory here. Include trailing slash.
@webicons-url: "webicons/"; @webicons-url: "webicons/";
.webicon {
display: inline-block;
background-size: 100%;
width: 30px;
height: 30px;
text-indent: -999em;
text-align: left;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px; }
.webicon:hover {
margin: -1px 0 1px;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
.webicon.small {
width: 20px;
height: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.webicon.large {
width: 48px;
height: 48px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; }
.no-svg .webicon.f500px { .no-svg .webicon.f500px {
background: url("@(webicons-url}webicon-f500px-m.png"); } background: url("@(webicons-url}webicon-f500px-m.png"); }