nex-font-awesome-sass 4.7.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +20 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +97 -0
  6. data/Rakefile +1 -0
  7. data/assets/fonts/font-awesome/fontawesome-webfont.eot +0 -0
  8. data/assets/fonts/font-awesome/fontawesome-webfont.svg +2671 -0
  9. data/assets/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
  10. data/assets/fonts/font-awesome/fontawesome-webfont.woff +0 -0
  11. data/assets/fonts/font-awesome/fontawesome-webfont.woff2 +0 -0
  12. data/assets/stylesheets/_font-awesome-compass.scss +5 -0
  13. data/assets/stylesheets/_font-awesome-sprockets.scss +5 -0
  14. data/assets/stylesheets/_font-awesome.scss +18 -0
  15. data/assets/stylesheets/font-awesome/_animated.scss +34 -0
  16. data/assets/stylesheets/font-awesome/_bordered-pulled.scss +25 -0
  17. data/assets/stylesheets/font-awesome/_core.scss +12 -0
  18. data/assets/stylesheets/font-awesome/_fixed-width.scss +6 -0
  19. data/assets/stylesheets/font-awesome/_icons.scss +789 -0
  20. data/assets/stylesheets/font-awesome/_larger.scss +13 -0
  21. data/assets/stylesheets/font-awesome/_list.scss +19 -0
  22. data/assets/stylesheets/font-awesome/_mixins.scss +60 -0
  23. data/assets/stylesheets/font-awesome/_path.scss +14 -0
  24. data/assets/stylesheets/font-awesome/_rotated-flipped.scss +20 -0
  25. data/assets/stylesheets/font-awesome/_screen-reader.scss +5 -0
  26. data/assets/stylesheets/font-awesome/_stacked.scss +20 -0
  27. data/assets/stylesheets/font-awesome/_variables.scss +802 -0
  28. data/font-awesome-sass.gemspec +27 -0
  29. data/lib/font-awesome-sass.rb +78 -0
  30. data/lib/font_awesome/sass/rails/engine.rb +17 -0
  31. data/lib/font_awesome/sass/rails/helpers.rb +19 -0
  32. data/lib/font_awesome/sass/rails/railtie.rb +13 -0
  33. data/lib/font_awesome/sass/version.rb +5 -0
  34. metadata +145 -0
@@ -0,0 +1,13 @@
1
+ // Icon Sizes
2
+ // -------------------------
3
+
4
+ /* makes the font 33% larger relative to the icon container */
5
+ .#{$fa-css-prefix}-lg {
6
+ font-size: (4em / 3);
7
+ line-height: (3em / 4);
8
+ vertical-align: -15%;
9
+ }
10
+ .#{$fa-css-prefix}-2x { font-size: 2em; }
11
+ .#{$fa-css-prefix}-3x { font-size: 3em; }
12
+ .#{$fa-css-prefix}-4x { font-size: 4em; }
13
+ .#{$fa-css-prefix}-5x { font-size: 5em; }
@@ -0,0 +1,19 @@
1
+ // List Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-ul {
5
+ padding-left: 0;
6
+ margin-left: $fa-li-width;
7
+ list-style-type: none;
8
+ > li { position: relative; }
9
+ }
10
+ .#{$fa-css-prefix}-li {
11
+ position: absolute;
12
+ left: -$fa-li-width;
13
+ width: $fa-li-width;
14
+ top: (2em / 14);
15
+ text-align: center;
16
+ &.#{$fa-css-prefix}-lg {
17
+ left: -$fa-li-width + (4em / 14);
18
+ }
19
+ }
@@ -0,0 +1,60 @@
1
+ // Mixins
2
+ // --------------------------
3
+
4
+ @mixin fa-icon() {
5
+ display: inline-block;
6
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
7
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
8
+ text-rendering: auto; // optimizelegibility throws things off #1094
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+
12
+ }
13
+
14
+ @mixin fa-icon-rotate($degrees, $rotation) {
15
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16
+ -webkit-transform: rotate($degrees);
17
+ -ms-transform: rotate($degrees);
18
+ transform: rotate($degrees);
19
+ }
20
+
21
+ @mixin fa-icon-flip($horiz, $vert, $rotation) {
22
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23
+ -webkit-transform: scale($horiz, $vert);
24
+ -ms-transform: scale($horiz, $vert);
25
+ transform: scale($horiz, $vert);
26
+ }
27
+
28
+
29
+ // Only display content to screen readers. A la Bootstrap 4.
30
+ //
31
+ // See: http://a11yproject.com/posts/how-to-hide-content/
32
+
33
+ @mixin sr-only {
34
+ position: absolute;
35
+ width: 1px;
36
+ height: 1px;
37
+ padding: 0;
38
+ margin: -1px;
39
+ overflow: hidden;
40
+ clip: rect(0,0,0,0);
41
+ border: 0;
42
+ }
43
+
44
+ // Use in conjunction with .sr-only to only display content when it's focused.
45
+ //
46
+ // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47
+ //
48
+ // Credit: HTML5 Boilerplate
49
+
50
+ @mixin sr-only-focusable {
51
+ &:active,
52
+ &:focus {
53
+ position: static;
54
+ width: auto;
55
+ height: auto;
56
+ margin: 0;
57
+ overflow: visible;
58
+ clip: auto;
59
+ }
60
+ }
@@ -0,0 +1,14 @@
1
+ /* FONT PATH
2
+ * -------------------------- */
3
+
4
+ @font-face {
5
+ font-family: 'FontAwesome';
6
+ src: url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}'));
7
+ src: url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}#iefix'), '#{$fa-font-path}#{$fa-font-name}.eot?v=#{$fa-version}#iefix')) format('embedded-opentype'),
8
+ url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.woff2?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.woff2?v=#{$fa-version}')) format('woff2'),
9
+ url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.woff?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.woff?v=#{$fa-version}')) format('woff'),
10
+ url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.ttf?v=#{$fa-version}'), '#{$fa-font-path}#{$fa-font-name}.ttf?v=#{$fa-version}')) format('truetype'),
11
+ url(if($fa-sass-asset-helper, fa-font-path('#{$fa-font-path}#{$fa-font-name}.svg?v=#{$fa-version}#fontawesomeregular'), '#{$fa-font-path}#{$fa-font-name}.svg?v=#{$fa-version}#fontawesomeregular')) format('svg');
12
+ font-weight: normal;
13
+ font-style: normal;
14
+ }
@@ -0,0 +1,20 @@
1
+ // Rotated & Flipped Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
5
+ .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
6
+ .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
7
+
8
+ .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
9
+ .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
10
+
11
+ // Hook for IE8-9
12
+ // -------------------------
13
+
14
+ :root .#{$fa-css-prefix}-rotate-90,
15
+ :root .#{$fa-css-prefix}-rotate-180,
16
+ :root .#{$fa-css-prefix}-rotate-270,
17
+ :root .#{$fa-css-prefix}-flip-horizontal,
18
+ :root .#{$fa-css-prefix}-flip-vertical {
19
+ filter: none;
20
+ }
@@ -0,0 +1,5 @@
1
+ // Screen Readers
2
+ // -------------------------
3
+
4
+ .sr-only { @include sr-only(); }
5
+ .sr-only-focusable { @include sr-only-focusable(); }
@@ -0,0 +1,20 @@
1
+ // Stacked Icons
2
+ // -------------------------
3
+
4
+ .#{$fa-css-prefix}-stack {
5
+ position: relative;
6
+ display: inline-block;
7
+ width: 2em;
8
+ height: 2em;
9
+ line-height: 2em;
10
+ vertical-align: middle;
11
+ }
12
+ .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13
+ position: absolute;
14
+ left: 0;
15
+ width: 100%;
16
+ text-align: center;
17
+ }
18
+ .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19
+ .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20
+ .#{$fa-css-prefix}-inverse { color: $fa-inverse; }