mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-27 14:01:30 +08:00
Merge pull request #1075 from tbleckert/3.2.0-wip
Added SASS support in here
This commit is contained in:
Dave Gandy
commit
453ccfc214
99
build/assets/font-awesome/sass/_bootstrap.scss
vendored
Normal file
99
build/assets/font-awesome/sass/_bootstrap.scss
vendored
Normal file
@ -0,0 +1,99 @@
|
||||
/* BOOTSTRAP SPECIFIC CLASSES
|
||||
* -------------------------- */
|
||||
|
||||
/* Bootstrap 2.0 sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* more sprites.less reset */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* keeps Bootstrap styles with and without icons the same */
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
//display: inline
|
||||
&.icon-large {
|
||||
line-height: 0.9em;
|
||||
}
|
||||
&.icon-spin {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs, .nav-pills {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&, &.icon-large {
|
||||
line-height: 0.9em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.18em;
|
||||
}
|
||||
}
|
||||
&.icon-spin.icon-large {
|
||||
line-height: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-small {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-large {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
margin-top: 0;
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.05em;
|
||||
}
|
||||
}
|
||||
&.pull-left.icon-2x {
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
&.pull-right.icon-2x {
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
99
build/assets/font-awesome/sass/_core.scss
vendored
Normal file
99
build/assets/font-awesome/sass/_core.scss
vendored
Normal file
@ -0,0 +1,99 @@
|
||||
/* BOOTSTRAP SPECIFIC CLASSES
|
||||
* -------------------------- */
|
||||
|
||||
/* Bootstrap 2.0 sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* more sprites.less reset */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* keeps Bootstrap styles with and without icons the same */
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
//display: inline
|
||||
&.icon-large {
|
||||
line-height: 0.9em;
|
||||
}
|
||||
&.icon-spin {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs, .nav-pills {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&, &.icon-large {
|
||||
line-height: 0.9em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.18em;
|
||||
}
|
||||
}
|
||||
&.icon-spin.icon-large {
|
||||
line-height: 0.8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-small {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-large {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
margin-top: 0;
|
||||
&.pull-left, &.pull-right {
|
||||
&.icon-2x {
|
||||
margin-top: 0.05em;
|
||||
}
|
||||
}
|
||||
&.pull-left.icon-2x {
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
&.pull-right.icon-2x {
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
84
build/assets/font-awesome/sass/_extras.scss
vendored
Normal file
84
build/assets/font-awesome/sass/_extras.scss
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
/* EXTRAS
|
||||
* -------------------------- */
|
||||
|
||||
/* Animated rotating icon */
|
||||
|
||||
.icon-spin {
|
||||
display: inline-block;
|
||||
@include animation(spin 2s infinite linear);
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-ms-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Icon rotations and mirroring */
|
||||
|
||||
.icon-rotate-90:before {
|
||||
@include transform(rotate(90deg));
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
}
|
||||
|
||||
.icon-rotate-180:before {
|
||||
@include transform(rotate(180deg));
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
|
||||
.icon-rotate-270:before {
|
||||
@include transform(rotate(270deg));
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
|
||||
.icon-flip-horizontal:before {
|
||||
@include transform(scale(-1, 1));
|
||||
}
|
||||
|
||||
.icon-flip-vertical:before {
|
||||
@include transform(scale(1, -1));
|
||||
}
|
||||
1211
build/assets/font-awesome/sass/_icons.scss
vendored
Normal file
1211
build/assets/font-awesome/sass/_icons.scss
vendored
Normal file
File diff suppressed because it is too large
Load Diff
48
build/assets/font-awesome/sass/_mixins.scss
vendored
Normal file
48
build/assets/font-awesome/sass/_mixins.scss
vendored
Normal file
@ -0,0 +1,48 @@
|
||||
// Mixins
|
||||
|
||||
@mixin border-radius($radius) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
|
||||
.icon-stack {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: $width;
|
||||
height: $height;
|
||||
line-height: $width;
|
||||
vertical-align: -35%;
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: $top-font-size;
|
||||
line-height: inherit;
|
||||
*line-height: $height;
|
||||
}
|
||||
.icon-stack-base {
|
||||
font-size: $base-font-size;
|
||||
*line-height: $height / $base-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin animation($animation) {
|
||||
-moz-animation: $animation;
|
||||
-o-animation: $animation;
|
||||
-webkit-animation: $animation;
|
||||
animation: $animation;
|
||||
}
|
||||
|
||||
@mixin transform($transform) {
|
||||
-webkit-transform: $transform;
|
||||
-moz-transform: $transform;
|
||||
-ms-transform: $transform;
|
||||
-o-transform: $transform;
|
||||
transform: $transform;
|
||||
}
|
||||
10
build/assets/font-awesome/sass/_path.scss
vendored
Normal file
10
build/assets/font-awesome/sass/_path.scss
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
// FONT PATH
|
||||
|
||||
@font-face {
|
||||
font-family: "FontAwesome";
|
||||
src: url("#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}");
|
||||
src: url("#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}") format("embedded-opentype"), url("#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}") format("woff"), url("#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}") format("truetype"), url("#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}") format("svg");
|
||||
//src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype') // used when developing fonts
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
8
build/assets/font-awesome/sass/_variables.scss
vendored
Normal file
8
build/assets/font-awesome/sass/_variables.scss
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
// Variables
|
||||
|
||||
$FontAwesomePath: "../font" !default;
|
||||
$FontAwesomeVersion: "3.1.0" !default;
|
||||
$borderColor: #eeeeee !default;
|
||||
$iconMuted: #eeeeee !default;
|
||||
$iconLight: white !default;
|
||||
$iconDark: #333333 !default;
|
||||
1191
build/assets/font-awesome/sass/font-awesome-2.css
vendored
Normal file
1191
build/assets/font-awesome/sass/font-awesome-2.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1294
build/assets/font-awesome/sass/font-awesome-ie7.scss
vendored
Normal file
1294
build/assets/font-awesome/sass/font-awesome-ie7.scss
vendored
Normal file
File diff suppressed because it is too large
Load Diff
31
build/assets/font-awesome/sass/font-awesome.scss
vendored
Normal file
31
build/assets/font-awesome/sass/font-awesome.scss
vendored
Normal file
@ -0,0 +1,31 @@
|
||||
/*! Font Awesome 3.1.0
|
||||
* the iconic font designed for Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fontawesome.io
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
|
||||
* http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - Font Awesome documentation licensed under CC BY 3.0 License -
|
||||
* http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fontawesome.io"
|
||||
*
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@fontawesome.io
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
|
||||
@import "variables";
|
||||
@import "mixins";
|
||||
@import "path";
|
||||
@import "core";
|
||||
@import "bootstrap";
|
||||
@import "extras";
|
||||
@import "icons";
|
||||
Loading…
Reference in New Issue
Block a user