diff options
Diffstat (limited to 'snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss')
15 files changed, 298 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/animated.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/animated.scss.txt new file mode 100644 index 0000000..b37f0f3 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/animated.scss.txt @@ -0,0 +1,36 @@ +--- +--- +// Spinning Icons +// -------------------------- + +.#{$fa-css-prefix}-spin { + -webkit-animation: #{$fa-css-prefix}-spin 2s infinite linear; + animation: #{$fa-css-prefix}-spin 2s infinite linear; +} + +.#{$fa-css-prefix}-pulse { + -webkit-animation: #{$fa-css-prefix}-spin 1s infinite steps(8); + animation: #{$fa-css-prefix}-spin 1s infinite steps(8); +} + +@-webkit-keyframes #{$fa-css-prefix}-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes #{$fa-css-prefix}-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt new file mode 100644 index 0000000..40bafcb --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/bordered-pulled.scss.txt @@ -0,0 +1,28 @@ +--- +--- + +// Bordered & Pulled +// ------------------------- + +.#{$fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; +} + +.#{$fa-css-prefix}-pull-left { float: left; } +.#{$fa-css-prefix}-pull-right { float: right; } + +.#{$fa-css-prefix} { + &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } + &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } +} + +/* Deprecated as of 4.4.0 */ +.pull-right { float: right; } +.pull-left { float: left; } + +.#{$fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/core.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/core.scss.txt new file mode 100644 index 0000000..45e548b --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/core.scss.txt @@ -0,0 +1,9 @@ +--- +--- + +// Base Class Definition +// ------------------------- + +.#{$fa-css-prefix} { +{% include code/core.scss %} +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt new file mode 100644 index 0000000..cfb1454 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fixed-width.scss.txt @@ -0,0 +1,9 @@ +--- +--- + +// Fixed Width Icons +// ------------------------- +.#{$fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt new file mode 100644 index 0000000..effcf2f --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/fork-awesome.scss.txt @@ -0,0 +1,18 @@ +--- +--- +{% include code/license.css %} + +@import "variables"; +@import "mixins"; +@import "functions"; +@import "path"; +@import "core"; +@import "larger"; +@import "fixed-width"; +@import "list"; +@import "bordered-pulled"; +@import "animated"; +@import "rotated-flipped"; +@import "stacked"; +@import "icons"; +@import "screen-reader"; diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/functions.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/functions.scss.txt new file mode 100644 index 0000000..3215091 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/functions.scss.txt @@ -0,0 +1,13 @@ +--- +--- +// Functions +// -------------------------- + +// Helper function which adds quotes to preserve unicode values in CSS output. +// +// See: https://github.com/sass/sass/issues/1395 +// See: https://stackoverflow.com/questions/30421570/sass-unicode-escape-is-not-preserved-in-css-file + +@function fa-content($fa-var) { + @return unquote("\"#{$fa-var}\""); +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/icons.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/icons.scss.txt new file mode 100644 index 0000000..8b414cb --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/icons.scss.txt @@ -0,0 +1,7 @@ +--- +--- +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +{% for icon in icons %}{% for alias in icon.aliases %} +.#{$fa-css-prefix}-{{ alias }}:before,{% endfor %} +.#{$fa-css-prefix}-{{ icon.id }}:before { content: fa-content($fa-var-{{ icon.id }}); }{% endfor %} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/larger.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/larger.scss.txt new file mode 100644 index 0000000..4035723 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/larger.scss.txt @@ -0,0 +1,16 @@ +--- +--- + +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.#{$fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.#{$fa-css-prefix}-2x { font-size: 2em; } +.#{$fa-css-prefix}-3x { font-size: 3em; } +.#{$fa-css-prefix}-4x { font-size: 4em; } +.#{$fa-css-prefix}-5x { font-size: 5em; } diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/list.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/list.scss.txt new file mode 100644 index 0000000..1c64982 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/list.scss.txt @@ -0,0 +1,22 @@ +--- +--- + +// List Icons +// ------------------------- + +.#{$fa-css-prefix}-ul { + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.#{$fa-css-prefix}-li { + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/mixins.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/mixins.scss.txt new file mode 100644 index 0000000..2411661 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/mixins.scss.txt @@ -0,0 +1,56 @@ +--- +--- +// Mixins +// -------------------------- + +@mixin fa-icon() { +{% include code/core.scss %} +} + +@mixin fa-icon-rotate($degrees, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin fa-icon-flip($horiz, $vert, $rotation) { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; + -webkit-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} + + +// Only display content to screen readers. A la Bootstrap 4. +// +// See: http://a11yproject.com/posts/how-to-hide-content/ + +@mixin sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// Use in conjunction with .sr-only to only display content when it's focused. +// +// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// +// Credit: HTML5 Boilerplate + +@mixin sr-only-focusable { + &:active, + &:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; + } +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/path.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/path.scss.txt new file mode 100644 index 0000000..1566182 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/path.scss.txt @@ -0,0 +1,16 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: '#{$fa-font-family}'; + src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), + url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg'); +// src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; + font-display: block; +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt new file mode 100644 index 0000000..6e95eb4 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/rotated-flipped.scss.txt @@ -0,0 +1,23 @@ +--- +--- + +// Rotated & Flipped Icons +// ------------------------- + +.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } +.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } +.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } + +.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .#{$fa-css-prefix}-rotate-90, +:root .#{$fa-css-prefix}-rotate-180, +:root .#{$fa-css-prefix}-rotate-270, +:root .#{$fa-css-prefix}-flip-horizontal, +:root .#{$fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt new file mode 100644 index 0000000..637426f --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/screen-reader.scss.txt @@ -0,0 +1,5 @@ +// Screen Readers +// ------------------------- + +.sr-only { @include sr-only(); } +.sr-only-focusable { @include sr-only-focusable(); } diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/stacked.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/stacked.scss.txt new file mode 100644 index 0000000..01c9443 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/stacked.scss.txt @@ -0,0 +1,23 @@ +--- +--- + +// Stacked Icons +// ------------------------- + +.#{$fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.#{$fa-css-prefix}-stack-1x { line-height: inherit; } +.#{$fa-css-prefix}-stack-2x { font-size: 2em; } +.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/variables.scss.txt b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/variables.scss.txt new file mode 100644 index 0000000..ed1d203 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/fork-awesome/scss/variables.scss.txt @@ -0,0 +1,17 @@ +--- +--- +// Variables +// -------------------------- + +$fa-font-path: "../fonts" !default; +$fa-font-size-base: 14px !default; +$fa-line-height-base: 1 !default; +$fa-css-prefix: "{{ site.forkawesome.css_prefix }}" !default; +$fa-font-family: "{{ site.forkawesome.font_family }}" !default; +$fa-version: "{{ site.forkawesome.version }}" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; + +{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}{% for icon in sorted_icons %}$fa-var-{{ icon.class }}: \{{ icon.unicode }}; +{% endfor %} |