Sha256: 4732e5d6417fc3c2963a519b6db4a416b8da7722e6339222b2070e4ec741038e
Contents?: true
Size: 1.18 KB
Versions: 5
Compression:
Stored size: 1.18 KB
Contents
/*------------------------------------*\
#SVG-ICON
\*------------------------------------*/
// TODO: v4 use explicit pixel values
$svg-icon-size: $spacing-unit * 3;
$svg-icon-small-size: $spacing-unit * 2;
$svg-icon-large-size: $spacing-unit * 4;
$svg-icon-extra-large-size: $spacing-unit * 6;
.svg-icon {
display: inline-block;
width: $svg-icon-size;
height: $svg-icon-size;
vertical-align: middle;
}
/**
* Display modifiers
*/
.svg-icon--block {
display: block;
}
/**
* Size Modifiers
*/
.svg-icon--small {
width: $svg-icon-small-size;
height: $svg-icon-small-size;
}
.svg-icon--large {
width: $svg-icon-large-size;
height: $svg-icon-large-size;
}
.svg-icon--extra-large {
width: $svg-icon-extra-large-size;
height: $svg-icon-extra-large-size;
}
/**
* Color Modifiers
*/
.svg-icon--blue { fill: $blue; }
.svg-icon--yellow { fill: $yellow; }
.svg-icon--red { fill: $red; }
.svg-icon--green { fill: $green; }
.svg-icon--white { fill: $white; }
.svg-icon--gray { fill: $gray; }
.svg-icon--black { fill: $black; }
.svg-icon--black-alpha-15 { fill: $black-alpha-15; }
.svg-icon--black-alpha-50 { fill: $black-alpha-50; }
Version data entries
5 entries across 5 versions & 1 rubygems