2 * -------------------------- */
6 @include icon-FontAwesome();
9 [class^="icon-"]:before,
10 [class*=" icon-"]:before {
11 text-decoration: inherit;
12 display: inline-block;
16 /* makes the font 33% larger relative to the icon container */
22 /* makes sure icons active on rollover in links */
30 /* increased font size for icon-large */
34 display: inline-block;
37 padding-right: (4em/14);
45 margin-left: $icons-li-width;
46 list-style-type: none;
48 > li { position: relative; }
52 left: -$icons-li-width;
53 width: $icons-li-width;
59 // allows usage of the hide class directly on font awesome icons
67 .icon-muted { color: $iconMuted; }
68 .icon-light { color: $iconLight; }
69 .icon-dark { color: $iconDark; }
72 // -------------------------
75 border: solid 1px $borderColor;
76 padding: .2em .25em .15em;
77 @include border-radius(3px);
81 // -------------------------
87 @include border-radius(4px);
94 @include border-radius(5px);
101 @include border-radius(6px);
109 @include border-radius(7px);
115 // -------------------------
118 .pull-right { float: right; }
119 .pull-left { float: left; }