diff options
Diffstat (limited to 'app/assets/stylesheets/fontawesome_custom.scss')
-rw-r--r-- | app/assets/stylesheets/fontawesome_custom.scss | 208 |
1 files changed, 30 insertions, 178 deletions
diff --git a/app/assets/stylesheets/fontawesome_custom.scss b/app/assets/stylesheets/fontawesome_custom.scss index 8a955cffc49..b9bb3edaaab 100644 --- a/app/assets/stylesheets/fontawesome_custom.scss +++ b/app/assets/stylesheets/fontawesome_custom.scss @@ -1,191 +1,43 @@ -/*! - * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ - -// stylelint-disable property-no-vendor-prefix -// stylelint-disable at-rule-no-vendor-prefix -// stylelint-disable stylelint-gitlab/duplicate-selectors -// scss-lint:disable MergeableSelector -@font-face { - font-family: 'FontAwesome'; - src: asset-url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), asset-url('fontawesome-webfont.woff?v=4.7.0') format('woff'); - font-weight: normal; - font-style: normal; -} - -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* makes the font 33% larger relative to the icon container */ -.fa-lg { - font-size: 1.33333333em; - line-height: 0.75em; - vertical-align: -15%; -} - -.fa-2x { - font-size: 2em; -} - -.fa-3x { - font-size: 3em; -} - -.fa-4x { - font-size: 4em; -} - -.fa-5x { - font-size: 5em; -} - -.fa-fw { - width: 1.28571429em; - text-align: center; -} - -.fa-spin { - -webkit-animation: fa-spin 2s infinite linear; - animation: fa-spin 2s infinite linear; -} - -@-webkit-keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); +// Custom Font Awesome styles that render emojis in asciidoc +.md { + .fa { + display: inline-block; + font-style: normal; + font-size: 14px; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + .fa-2x { + font-size: 2em; } -} -@keyframes fa-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + .fa-exclamation-triangle::before { + content: '⚠'; } - 100% { - -webkit-transform: rotate(359deg); - transform: rotate(359deg); + .fa-exclamation-circle::before { + content: '❗'; } -} - -.fa-inverse { - color: $white; -} - -.fa-chevron-down::before { - content: '\f078'; -} - -.fa-caret-down::before { - content: '\f0d7'; -} - -.fa-warning::before, -.fa-exclamation-triangle::before { - content: '\f071'; -} - -.fa-spinner::before { - content: '\f110'; -} - -.fa-caret-right::before { - content: '\f0da'; -} - -.fa-exclamation-circle::before { - content: '\f06a'; -} - -.fa-file-o::before { - content: '\f016'; -} - -.fa-lightbulb-o::before { - content: '\f0eb'; -} - -.fa-circle::before { - content: '\f111'; -} - -.fa-thumb-tack::before { - content: '\f08d'; -} - -.fa-fire::before { - content: '\f06d'; -} - -.fa-file-pdf-o::before { - content: '\f1c1'; -} - -.fa-file-word-o::before { - content: '\f1c2'; -} - -.fa-file-excel-o::before { - content: '\f1c3'; -} -.fa-file-powerpoint-o::before { - content: '\f1c4'; -} - -.fa-file-image-o::before { - content: '\f1c5'; -} - -.fa-file-archive-o::before { - content: '\f1c6'; -} - -.fa-file-audio-o::before { - content: '\f1c7'; -} - -.fa-file-video-o::before { - content: '\f1c8'; -} + .fa-lightbulb-o::before { + content: '💡'; + } -.fa-square-o::before { - content: '\f096'; -} + .fa-thumb-tack::before { + content: '📌'; + } -.fa-check-square-o::before { - content: '\f046'; -} + .fa-fire::before { + content: '🔥'; + } -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} + .fa-square-o::before { + content: '\2610'; + } -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; + .fa-check-square-o::before { + content: '\2611'; + } } |