61 lines
1.5 KiB
SCSS
61 lines
1.5 KiB
SCSS
//
|
|
// Sass Icon Fonts
|
|
//
|
|
|
|
// Settings File _iconSettings.scss
|
|
// Version: 0.3
|
|
// Created By: Andrew Senetar
|
|
// Date: July, 13 2013
|
|
// Used: Font Awesome Styles, Foundation Icon Fonts Scss as Starting; animation from Fontello
|
|
|
|
//// Compass imports used later in icons.scss
|
|
|
|
@import "compass/css3/font-face";
|
|
@import "compass/css3/border-radius";
|
|
@import "compass/css3/animation";
|
|
@import "compass/css3/transform";
|
|
|
|
//// Font and class variables
|
|
|
|
$classPrefix: "icon-" !default; // icon class prefix [prefix-][name]
|
|
$set: "fontello" !default; // font name
|
|
|
|
//// Color Variables (from Font Awesome)
|
|
|
|
$iconBorderColor: #eee !default;
|
|
$iconMuted: #eee !default;
|
|
$iconLight: #fff !default;
|
|
$iconDark: #333 !default;
|
|
|
|
//// Mixin for creation of individual icon class
|
|
//// Use: @include i-class([name],[code]); (assumes \exxx space since its imposible? to output
|
|
//// \#{$pua} in Sass appearntly
|
|
|
|
@mixin i-class($name,$pua) {
|
|
.#{$classPrefix}#{$name}:before {
|
|
content: "\e#{$pua}";
|
|
}
|
|
}
|
|
|
|
//// Mixin for creation of individual icon class for Internet Explorer
|
|
//// Use: @include i-class([name],[code]); (again exxx range)
|
|
|
|
@mixin ie-class($name,$pua) {
|
|
.#{$classPrefix}#{$name} {
|
|
*zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = "#{$pua}; ");
|
|
}
|
|
}
|
|
|
|
//// Mixin for @font-face
|
|
//// Use @include face([$set]);
|
|
|
|
@mixin face($set) {
|
|
@include font-face("#{$set}",
|
|
font-files("#{$set}.woff",
|
|
"#{$set}.ttf",
|
|
"#{$set}.svg"),
|
|
'#{$set}.eot',
|
|
normal,
|
|
normal);
|
|
}
|