From 19aaed3ddd09d7c35719be19de5060a2d0bb646a Mon Sep 17 00:00:00 2001 From: davegandy Date: Wed, 12 Jun 2013 10:15:46 -0400 Subject: [PATCH] force jekyll to pass _foo.scss files through --- _config.yml | 2 + scss/_bootstrap.scss | 99 ++ scss/_core.scss | 99 ++ scss/_extras.scss | 84 ++ scss/_icons.scss | 1211 +++++++++++++++++ scss/_mixins.scss | 48 + scss/_path.scss | 10 + scss/_variables.scss | 8 + scss/font-awesome-2.css | 1191 ---------------- scss/font-awesome.scss | 26 +- .../font-awesome/scss/font-awesome-2.css | 1191 ---------------- .../font-awesome/scss/font-awesome.scss | 26 +- 12 files changed, 1578 insertions(+), 2417 deletions(-) create mode 100644 scss/_bootstrap.scss create mode 100644 scss/_core.scss create mode 100644 scss/_extras.scss create mode 100644 scss/_icons.scss create mode 100644 scss/_mixins.scss create mode 100644 scss/_path.scss create mode 100644 scss/_variables.scss delete mode 100644 scss/font-awesome-2.css delete mode 100644 src/assets/font-awesome/scss/font-awesome-2.css diff --git a/_config.yml b/_config.yml index 41805b055..290661c4c 100644 --- a/_config.yml +++ b/_config.yml @@ -10,6 +10,8 @@ plugins: src/_plugins pygments: true permalink: pretty +include: [_bootstrap.scss, _core.scss, _extras.scss, _icons.scss, _mixins.scss, _path.scss, _variables.scss] + # used in building icon pages icon_meta: src/icons.yml icon_layout: icon.html # Relative to _layouts directory diff --git a/scss/_bootstrap.scss b/scss/_bootstrap.scss new file mode 100644 index 000000000..db14b2cc8 --- /dev/null +++ b/scss/_bootstrap.scss @@ -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; + } + } +} diff --git a/scss/_core.scss b/scss/_core.scss new file mode 100644 index 000000000..db14b2cc8 --- /dev/null +++ b/scss/_core.scss @@ -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; + } + } +} diff --git a/scss/_extras.scss b/scss/_extras.scss new file mode 100644 index 000000000..bdc362d55 --- /dev/null +++ b/scss/_extras.scss @@ -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)); +} diff --git a/scss/_icons.scss b/scss/_icons.scss new file mode 100644 index 000000000..ea633c813 --- /dev/null +++ b/scss/_icons.scss @@ -0,0 +1,1211 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + * readers do not read off random characters that represent icons */ + +/* Stacked and layered icon */ +@include icon-stack; + +.icon-glass:before { + content: "\f000"; +} + +.icon-music:before { + content: "\f001"; +} + +.icon-search:before { + content: "\f002"; +} + +.icon-envelope:before { + content: "\f003"; +} + +.icon-heart:before { + content: "\f004"; +} + +.icon-star:before { + content: "\f005"; +} + +.icon-star-empty:before { + content: "\f006"; +} + +.icon-user:before { + content: "\f007"; +} + +.icon-film:before { + content: "\f008"; +} + +.icon-th-large:before { + content: "\f009"; +} + +.icon-th:before { + content: "\f00a"; +} + +.icon-th-list:before { + content: "\f00b"; +} + +.icon-ok:before { + content: "\f00c"; +} + +.icon-remove:before { + content: "\f00d"; +} + +.icon-zoom-in:before { + content: "\f00e"; +} + +.icon-zoom-out:before { + content: "\f010"; +} + +.icon-off:before { + content: "\f011"; +} + +.icon-signal:before { + content: "\f012"; +} + +.icon-cog:before { + content: "\f013"; +} + +.icon-trash:before { + content: "\f014"; +} + +.icon-home:before { + content: "\f015"; +} + +.icon-file:before { + content: "\f016"; +} + +.icon-time:before { + content: "\f017"; +} + +.icon-road:before { + content: "\f018"; +} + +.icon-download-alt:before { + content: "\f019"; +} + +.icon-download:before { + content: "\f01a"; +} + +.icon-upload:before { + content: "\f01b"; +} + +.icon-inbox:before { + content: "\f01c"; +} + +.icon-play-circle:before { + content: "\f01d"; +} + +.icon-repeat:before, .icon-rotate-right:before { + content: "\f01e"; +} + +/* F020 doesn't work in Safari. all shifted one down */ + +.icon-refresh:before { + content: "\f021"; +} + +.icon-list-alt:before { + content: "\f022"; +} + +.icon-lock:before { + content: "\f023"; +} + +.icon-flag:before { + content: "\f024"; +} + +.icon-headphones:before { + content: "\f025"; +} + +.icon-volume-off:before { + content: "\f026"; +} + +.icon-volume-down:before { + content: "\f027"; +} + +.icon-volume-up:before { + content: "\f028"; +} + +.icon-qrcode:before { + content: "\f029"; +} + +.icon-barcode:before { + content: "\f02a"; +} + +.icon-tag:before { + content: "\f02b"; +} + +.icon-tags:before { + content: "\f02c"; +} + +.icon-book:before { + content: "\f02d"; +} + +.icon-bookmark:before { + content: "\f02e"; +} + +.icon-print:before { + content: "\f02f"; +} + +.icon-camera:before { + content: "\f030"; +} + +.icon-font:before { + content: "\f031"; +} + +.icon-bold:before { + content: "\f032"; +} + +.icon-italic:before { + content: "\f033"; +} + +.icon-text-height:before { + content: "\f034"; +} + +.icon-text-width:before { + content: "\f035"; +} + +.icon-align-left:before { + content: "\f036"; +} + +.icon-align-center:before { + content: "\f037"; +} + +.icon-align-right:before { + content: "\f038"; +} + +.icon-align-justify:before { + content: "\f039"; +} + +.icon-list:before { + content: "\f03a"; +} + +.icon-indent-left:before { + content: "\f03b"; +} + +.icon-indent-right:before { + content: "\f03c"; +} + +.icon-facetime-video:before { + content: "\f03d"; +} + +.icon-picture:before { + content: "\f03e"; +} + +.icon-pencil:before { + content: "\f040"; +} + +.icon-map-marker:before { + content: "\f041"; +} + +.icon-adjust:before { + content: "\f042"; +} + +.icon-tint:before { + content: "\f043"; +} + +.icon-edit:before { + content: "\f044"; +} + +.icon-share:before { + content: "\f045"; +} + +.icon-check:before { + content: "\f046"; +} + +.icon-move:before { + content: "\f047"; +} + +.icon-step-backward:before { + content: "\f048"; +} + +.icon-fast-backward:before { + content: "\f049"; +} + +.icon-backward:before { + content: "\f04a"; +} + +.icon-play:before { + content: "\f04b"; +} + +.icon-pause:before { + content: "\f04c"; +} + +.icon-stop:before { + content: "\f04d"; +} + +.icon-forward:before { + content: "\f04e"; +} + +.icon-fast-forward:before { + content: "\f050"; +} + +.icon-step-forward:before { + content: "\f051"; +} + +.icon-eject:before { + content: "\f052"; +} + +.icon-chevron-left:before { + content: "\f053"; +} + +.icon-chevron-right:before { + content: "\f054"; +} + +.icon-plus-sign:before { + content: "\f055"; +} + +.icon-minus-sign:before { + content: "\f056"; +} + +.icon-remove-sign:before { + content: "\f057"; +} + +.icon-ok-sign:before { + content: "\f058"; +} + +.icon-question-sign:before { + content: "\f059"; +} + +.icon-info-sign:before { + content: "\f05a"; +} + +.icon-screenshot:before { + content: "\f05b"; +} + +.icon-remove-circle:before { + content: "\f05c"; +} + +.icon-ok-circle:before { + content: "\f05d"; +} + +.icon-ban-circle:before { + content: "\f05e"; +} + +.icon-arrow-left:before { + content: "\f060"; +} + +.icon-arrow-right:before { + content: "\f061"; +} + +.icon-arrow-up:before { + content: "\f062"; +} + +.icon-arrow-down:before { + content: "\f063"; +} + +.icon-share-alt:before, .icon-mail-forward:before { + content: "\f064"; +} + +.icon-resize-full:before { + content: "\f065"; +} + +.icon-resize-small:before { + content: "\f066"; +} + +.icon-plus:before { + content: "\f067"; +} + +.icon-minus:before { + content: "\f068"; +} + +.icon-asterisk:before { + content: "\f069"; +} + +.icon-exclamation-sign:before { + content: "\f06a"; +} + +.icon-gift:before { + content: "\f06b"; +} + +.icon-leaf:before { + content: "\f06c"; +} + +.icon-fire:before { + content: "\f06d"; +} + +.icon-eye-open:before { + content: "\f06e"; +} + +.icon-eye-close:before { + content: "\f070"; +} + +.icon-warning-sign:before { + content: "\f071"; +} + +.icon-plane:before { + content: "\f072"; +} + +.icon-calendar:before { + content: "\f073"; +} + +.icon-random:before { + content: "\f074"; +} + +.icon-comment:before { + content: "\f075"; +} + +.icon-magnet:before { + content: "\f076"; +} + +.icon-chevron-up:before { + content: "\f077"; +} + +.icon-chevron-down:before { + content: "\f078"; +} + +.icon-retweet:before { + content: "\f079"; +} + +.icon-shopping-cart:before { + content: "\f07a"; +} + +.icon-folder-close:before { + content: "\f07b"; +} + +.icon-folder-open:before { + content: "\f07c"; +} + +.icon-resize-vertical:before { + content: "\f07d"; +} + +.icon-resize-horizontal:before { + content: "\f07e"; +} + +.icon-bar-chart:before { + content: "\f080"; +} + +.icon-twitter-sign:before { + content: "\f081"; +} + +.icon-facebook-sign:before { + content: "\f082"; +} + +.icon-camera-retro:before { + content: "\f083"; +} + +.icon-key:before { + content: "\f084"; +} + +.icon-cogs:before { + content: "\f085"; +} + +.icon-comments:before { + content: "\f086"; +} + +.icon-thumbs-up:before { + content: "\f087"; +} + +.icon-thumbs-down:before { + content: "\f088"; +} + +.icon-star-half:before { + content: "\f089"; +} + +.icon-heart-empty:before { + content: "\f08a"; +} + +.icon-signout:before { + content: "\f08b"; +} + +.icon-linkedin-sign:before { + content: "\f08c"; +} + +.icon-pushpin:before { + content: "\f08d"; +} + +.icon-external-link:before { + content: "\f08e"; +} + +.icon-signin:before { + content: "\f090"; +} + +.icon-trophy:before { + content: "\f091"; +} + +.icon-github-sign:before { + content: "\f092"; +} + +.icon-upload-alt:before { + content: "\f093"; +} + +.icon-lemon:before { + content: "\f094"; +} + +.icon-phone:before { + content: "\f095"; +} + +.icon-check-empty:before { + content: "\f096"; +} + +.icon-bookmark-empty:before { + content: "\f097"; +} + +.icon-phone-sign:before { + content: "\f098"; +} + +.icon-twitter:before { + content: "\f099"; +} + +.icon-facebook:before { + content: "\f09a"; +} + +.icon-github:before { + content: "\f09b"; +} + +.icon-unlock:before { + content: "\f09c"; +} + +.icon-credit-card:before { + content: "\f09d"; +} + +.icon-rss:before { + content: "\f09e"; +} + +.icon-hdd:before { + content: "\f0a0"; +} + +.icon-bullhorn:before { + content: "\f0a1"; +} + +.icon-bell:before { + content: "\f0a2"; +} + +.icon-certificate:before { + content: "\f0a3"; +} + +.icon-hand-right:before { + content: "\f0a4"; +} + +.icon-hand-left:before { + content: "\f0a5"; +} + +.icon-hand-up:before { + content: "\f0a6"; +} + +.icon-hand-down:before { + content: "\f0a7"; +} + +.icon-circle-arrow-left:before { + content: "\f0a8"; +} + +.icon-circle-arrow-right:before { + content: "\f0a9"; +} + +.icon-circle-arrow-up:before { + content: "\f0aa"; +} + +.icon-circle-arrow-down:before { + content: "\f0ab"; +} + +.icon-globe:before { + content: "\f0ac"; +} + +.icon-wrench:before { + content: "\f0ad"; +} + +.icon-tasks:before { + content: "\f0ae"; +} + +.icon-filter:before { + content: "\f0b0"; +} + +.icon-briefcase:before { + content: "\f0b1"; +} + +.icon-fullscreen:before { + content: "\f0b2"; +} + +.icon-group:before { + content: "\f0c0"; +} + +.icon-link:before { + content: "\f0c1"; +} + +.icon-cloud:before { + content: "\f0c2"; +} + +.icon-beaker:before { + content: "\f0c3"; +} + +.icon-cut:before { + content: "\f0c4"; +} + +.icon-copy:before { + content: "\f0c5"; +} + +.icon-paper-clip:before { + content: "\f0c6"; +} + +.icon-save:before { + content: "\f0c7"; +} + +.icon-sign-blank:before { + content: "\f0c8"; +} + +.icon-reorder:before { + content: "\f0c9"; +} + +.icon-list-ul:before { + content: "\f0ca"; +} + +.icon-list-ol:before { + content: "\f0cb"; +} + +.icon-strikethrough:before { + content: "\f0cc"; +} + +.icon-underline:before { + content: "\f0cd"; +} + +.icon-table:before { + content: "\f0ce"; +} + +.icon-magic:before { + content: "\f0d0"; +} + +.icon-truck:before { + content: "\f0d1"; +} + +.icon-pinterest:before { + content: "\f0d2"; +} + +.icon-pinterest-sign:before { + content: "\f0d3"; +} + +.icon-google-plus-sign:before { + content: "\f0d4"; +} + +.icon-google-plus:before { + content: "\f0d5"; +} + +.icon-money:before { + content: "\f0d6"; +} + +.icon-caret-down:before { + content: "\f0d7"; +} + +.icon-caret-up:before { + content: "\f0d8"; +} + +.icon-caret-left:before { + content: "\f0d9"; +} + +.icon-caret-right:before { + content: "\f0da"; +} + +.icon-columns:before { + content: "\f0db"; +} + +.icon-sort:before { + content: "\f0dc"; +} + +.icon-sort-down:before { + content: "\f0dd"; +} + +.icon-sort-up:before { + content: "\f0de"; +} + +.icon-envelope-alt:before { + content: "\f0e0"; +} + +.icon-linkedin:before { + content: "\f0e1"; +} + +.icon-undo:before, .icon-rotate-left:before { + content: "\f0e2"; +} + +.icon-legal:before { + content: "\f0e3"; +} + +.icon-dashboard:before { + content: "\f0e4"; +} + +.icon-comment-alt:before { + content: "\f0e5"; +} + +.icon-comments-alt:before { + content: "\f0e6"; +} + +.icon-bolt:before { + content: "\f0e7"; +} + +.icon-sitemap:before { + content: "\f0e8"; +} + +.icon-umbrella:before { + content: "\f0e9"; +} + +.icon-paste:before { + content: "\f0ea"; +} + +.icon-lightbulb:before { + content: "\f0eb"; +} + +.icon-exchange:before { + content: "\f0ec"; +} + +.icon-cloud-download:before { + content: "\f0ed"; +} + +.icon-cloud-upload:before { + content: "\f0ee"; +} + +.icon-user-md:before { + content: "\f0f0"; +} + +.icon-stethoscope:before { + content: "\f0f1"; +} + +.icon-suitcase:before { + content: "\f0f2"; +} + +.icon-bell-alt:before { + content: "\f0f3"; +} + +.icon-coffee:before { + content: "\f0f4"; +} + +.icon-food:before { + content: "\f0f5"; +} + +.icon-file-alt:before { + content: "\f0f6"; +} + +.icon-building:before { + content: "\f0f7"; +} + +.icon-hospital:before { + content: "\f0f8"; +} + +.icon-ambulance:before { + content: "\f0f9"; +} + +.icon-medkit:before { + content: "\f0fa"; +} + +.icon-fighter-jet:before { + content: "\f0fb"; +} + +.icon-beer:before { + content: "\f0fc"; +} + +.icon-h-sign:before { + content: "\f0fd"; +} + +.icon-plus-sign-alt:before { + content: "\f0fe"; +} + +.icon-double-angle-left:before { + content: "\f100"; +} + +.icon-double-angle-right:before { + content: "\f101"; +} + +.icon-double-angle-up:before { + content: "\f102"; +} + +.icon-double-angle-down:before { + content: "\f103"; +} + +.icon-angle-left:before { + content: "\f104"; +} + +.icon-angle-right:before { + content: "\f105"; +} + +.icon-angle-up:before { + content: "\f106"; +} + +.icon-angle-down:before { + content: "\f107"; +} + +.icon-desktop:before { + content: "\f108"; +} + +.icon-laptop:before { + content: "\f109"; +} + +.icon-tablet:before { + content: "\f10a"; +} + +.icon-mobile-phone:before { + content: "\f10b"; +} + +.icon-circle-blank:before { + content: "\f10c"; +} + +.icon-quote-left:before { + content: "\f10d"; +} + +.icon-quote-right:before { + content: "\f10e"; +} + +.icon-spinner:before { + content: "\f110"; +} + +.icon-circle:before { + content: "\f111"; +} + +.icon-reply:before, .icon-mail-reply:before { + content: "\f112"; +} + +.icon-folder-close-alt:before { + content: "\f114"; +} + +.icon-folder-open-alt:before { + content: "\f115"; +} + +.icon-expand-alt:before { + content: "\f116"; +} + +.icon-collapse-alt:before { + content: "\f117"; +} + +.icon-smile:before { + content: "\f118"; +} + +.icon-frown:before { + content: "\f119"; +} + +.icon-meh:before { + content: "\f11a"; +} + +.icon-gamepad:before { + content: "\f11b"; +} + +.icon-keyboard:before { + content: "\f11c"; +} + +.icon-flag-alt:before { + content: "\f11d"; +} + +.icon-flag-checkered:before { + content: "\f11e"; +} + +.icon-terminal:before { + content: "\f120"; +} + +.icon-code:before { + content: "\f121"; +} + +.icon-reply-all:before, .icon-mail-reply-all:before { + content: "\f122"; +} + +.icon-star-half-full:before, .icon-star-half-empty:before { + content: "\f123"; +} + +.icon-location-arrow:before { + content: "\f124"; +} + +.icon-crop:before { + content: "\f125"; +} + +.icon-code-fork:before { + content: "\f126"; +} + +.icon-unlink:before { + content: "\f127"; +} + +.icon-question:before { + content: "\f128"; +} + +.icon-info:before { + content: "\f129"; +} + +.icon-exclamation:before { + content: "\f12a"; +} + +.icon-superscript:before { + content: "\f12b"; +} + +.icon-subscript:before { + content: "\f12c"; +} + +.icon-eraser:before { + content: "\f12d"; +} + +.icon-puzzle-piece:before { + content: "\f12e"; +} + +.icon-microphone:before { + content: "\f130"; +} + +.icon-microphone-off:before { + content: "\f131"; +} + +.icon-shield:before { + content: "\f132"; +} + +.icon-calendar-empty:before { + content: "\f133"; +} + +.icon-fire-extinguisher:before { + content: "\f134"; +} + +.icon-rocket:before { + content: "\f135"; +} + +.icon-maxcdn:before { + content: "\f136"; +} + +.icon-chevron-sign-left:before { + content: "\f137"; +} + +.icon-chevron-sign-right:before { + content: "\f138"; +} + +.icon-chevron-sign-up:before { + content: "\f139"; +} + +.icon-chevron-sign-down:before { + content: "\f13a"; +} + +.icon-html5:before { + content: "\f13b"; +} + +.icon-css3:before { + content: "\f13c"; +} + +.icon-anchor:before { + content: "\f13d"; +} + +.icon-unlock-alt:before { + content: "\f13e"; +} + +.icon-bullseye:before { + content: "\f140"; +} + +.icon-ellipsis-horizontal:before { + content: "\f141"; +} + +.icon-ellipsis-vertical:before { + content: "\f142"; +} + +.icon-rss-sign:before { + content: "\f143"; +} + +.icon-play-sign:before { + content: "\f144"; +} + +.icon-ticket:before { + content: "\f145"; +} + +.icon-minus-sign-alt:before { + content: "\f146"; +} + +.icon-check-minus:before { + content: "\f147"; +} + +.icon-level-up:before { + content: "\f148"; +} + +.icon-level-down:before { + content: "\f149"; +} + +.icon-check-sign:before { + content: "\f14a"; +} + +.icon-edit-sign:before { + content: "\f14b"; +} + +.icon-external-link-sign:before { + content: "\f14c"; +} + +.icon-share-sign:before { + content: "\f14d"; +} diff --git a/scss/_mixins.scss b/scss/_mixins.scss new file mode 100644 index 000000000..7aebff320 --- /dev/null +++ b/scss/_mixins.scss @@ -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; +} diff --git a/scss/_path.scss b/scss/_path.scss new file mode 100644 index 000000000..c4fa9423f --- /dev/null +++ b/scss/_path.scss @@ -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; +} diff --git a/scss/_variables.scss b/scss/_variables.scss new file mode 100644 index 000000000..2c38fe938 --- /dev/null +++ b/scss/_variables.scss @@ -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; diff --git a/scss/font-awesome-2.css b/scss/font-awesome-2.css deleted file mode 100644 index ad88b4e79..000000000 --- a/scss/font-awesome-2.css +++ /dev/null @@ -1,1191 +0,0 @@ -/* 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 - */ -@font-face { - font-family: "FontAwesome"; - src: url("../font/fontawesome-webfont.eot?v=3.1.0"); - src: url("../font/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg"); - font-weight: normal; - font-style: normal; } - -/* 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 [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: 0.9em; } -.btn [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; } - -.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"], -.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, -.nav-pills [class*=" icon-"], -.nav-pills [class*=" icon-"].icon-large { - line-height: 0.9em; } - -.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.18em; } -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: 0.8em; } - -.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.25em; } - -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.05em; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: 0.2em; } - .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: 0.2em; } - -/* 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 [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: 0.9em; } -.btn [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; } - -.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"], -.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, -.nav-pills [class*=" icon-"], -.nav-pills [class*=" icon-"].icon-large { - line-height: 0.9em; } - -.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.18em; } -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: 0.8em; } - -.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.25em; } - -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.05em; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: 0.2em; } - .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: 0.2em; } - -/* EXTRAS - * -------------------------- */ -/* Animated rotating icon */ -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - 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 { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } - -.icon-rotate-180:before { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } - -.icon-rotate-270:before { - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } - -.icon-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); } - -.icon-flip-vertical:before { - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); } - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - * readers do not read off random characters that represent icons */ -/* Stacked and layered icon */ -.icon-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: -35%; } - .icon-stack [class^="icon-"], - .icon-stack [class*=" icon-"] { - display: block; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - font-size: 1em; - line-height: inherit; - *line-height: 2em; } - .icon-stack .icon-stack-base { - font-size: 2em; - *line-height: 1; } - -.icon-glass:before { - content: "\f000"; } - -.icon-music:before { - content: "\f001"; } - -.icon-search:before { - content: "\f002"; } - -.icon-envelope:before { - content: "\f003"; } - -.icon-heart:before { - content: "\f004"; } - -.icon-star:before { - content: "\f005"; } - -.icon-star-empty:before { - content: "\f006"; } - -.icon-user:before { - content: "\f007"; } - -.icon-film:before { - content: "\f008"; } - -.icon-th-large:before { - content: "\f009"; } - -.icon-th:before { - content: "\f00a"; } - -.icon-th-list:before { - content: "\f00b"; } - -.icon-ok:before { - content: "\f00c"; } - -.icon-remove:before { - content: "\f00d"; } - -.icon-zoom-in:before { - content: "\f00e"; } - -.icon-zoom-out:before { - content: "\f010"; } - -.icon-off:before { - content: "\f011"; } - -.icon-signal:before { - content: "\f012"; } - -.icon-cog:before { - content: "\f013"; } - -.icon-trash:before { - content: "\f014"; } - -.icon-home:before { - content: "\f015"; } - -.icon-file:before { - content: "\f016"; } - -.icon-time:before { - content: "\f017"; } - -.icon-road:before { - content: "\f018"; } - -.icon-download-alt:before { - content: "\f019"; } - -.icon-download:before { - content: "\f01a"; } - -.icon-upload:before { - content: "\f01b"; } - -.icon-inbox:before { - content: "\f01c"; } - -.icon-play-circle:before { - content: "\f01d"; } - -.icon-repeat:before, .icon-rotate-right:before { - content: "\f01e"; } - -/* F020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; } - -.icon-list-alt:before { - content: "\f022"; } - -.icon-lock:before { - content: "\f023"; } - -.icon-flag:before { - content: "\f024"; } - -.icon-headphones:before { - content: "\f025"; } - -.icon-volume-off:before { - content: "\f026"; } - -.icon-volume-down:before { - content: "\f027"; } - -.icon-volume-up:before { - content: "\f028"; } - -.icon-qrcode:before { - content: "\f029"; } - -.icon-barcode:before { - content: "\f02a"; } - -.icon-tag:before { - content: "\f02b"; } - -.icon-tags:before { - content: "\f02c"; } - -.icon-book:before { - content: "\f02d"; } - -.icon-bookmark:before { - content: "\f02e"; } - -.icon-print:before { - content: "\f02f"; } - -.icon-camera:before { - content: "\f030"; } - -.icon-font:before { - content: "\f031"; } - -.icon-bold:before { - content: "\f032"; } - -.icon-italic:before { - content: "\f033"; } - -.icon-text-height:before { - content: "\f034"; } - -.icon-text-width:before { - content: "\f035"; } - -.icon-align-left:before { - content: "\f036"; } - -.icon-align-center:before { - content: "\f037"; } - -.icon-align-right:before { - content: "\f038"; } - -.icon-align-justify:before { - content: "\f039"; } - -.icon-list:before { - content: "\f03a"; } - -.icon-indent-left:before { - content: "\f03b"; } - -.icon-indent-right:before { - content: "\f03c"; } - -.icon-facetime-video:before { - content: "\f03d"; } - -.icon-picture:before { - content: "\f03e"; } - -.icon-pencil:before { - content: "\f040"; } - -.icon-map-marker:before { - content: "\f041"; } - -.icon-adjust:before { - content: "\f042"; } - -.icon-tint:before { - content: "\f043"; } - -.icon-edit:before { - content: "\f044"; } - -.icon-share:before { - content: "\f045"; } - -.icon-check:before { - content: "\f046"; } - -.icon-move:before { - content: "\f047"; } - -.icon-step-backward:before { - content: "\f048"; } - -.icon-fast-backward:before { - content: "\f049"; } - -.icon-backward:before { - content: "\f04a"; } - -.icon-play:before { - content: "\f04b"; } - -.icon-pause:before { - content: "\f04c"; } - -.icon-stop:before { - content: "\f04d"; } - -.icon-forward:before { - content: "\f04e"; } - -.icon-fast-forward:before { - content: "\f050"; } - -.icon-step-forward:before { - content: "\f051"; } - -.icon-eject:before { - content: "\f052"; } - -.icon-chevron-left:before { - content: "\f053"; } - -.icon-chevron-right:before { - content: "\f054"; } - -.icon-plus-sign:before { - content: "\f055"; } - -.icon-minus-sign:before { - content: "\f056"; } - -.icon-remove-sign:before { - content: "\f057"; } - -.icon-ok-sign:before { - content: "\f058"; } - -.icon-question-sign:before { - content: "\f059"; } - -.icon-info-sign:before { - content: "\f05a"; } - -.icon-screenshot:before { - content: "\f05b"; } - -.icon-remove-circle:before { - content: "\f05c"; } - -.icon-ok-circle:before { - content: "\f05d"; } - -.icon-ban-circle:before { - content: "\f05e"; } - -.icon-arrow-left:before { - content: "\f060"; } - -.icon-arrow-right:before { - content: "\f061"; } - -.icon-arrow-up:before { - content: "\f062"; } - -.icon-arrow-down:before { - content: "\f063"; } - -.icon-share-alt:before, .icon-mail-forward:before { - content: "\f064"; } - -.icon-resize-full:before { - content: "\f065"; } - -.icon-resize-small:before { - content: "\f066"; } - -.icon-plus:before { - content: "\f067"; } - -.icon-minus:before { - content: "\f068"; } - -.icon-asterisk:before { - content: "\f069"; } - -.icon-exclamation-sign:before { - content: "\f06a"; } - -.icon-gift:before { - content: "\f06b"; } - -.icon-leaf:before { - content: "\f06c"; } - -.icon-fire:before { - content: "\f06d"; } - -.icon-eye-open:before { - content: "\f06e"; } - -.icon-eye-close:before { - content: "\f070"; } - -.icon-warning-sign:before { - content: "\f071"; } - -.icon-plane:before { - content: "\f072"; } - -.icon-calendar:before { - content: "\f073"; } - -.icon-random:before { - content: "\f074"; } - -.icon-comment:before { - content: "\f075"; } - -.icon-magnet:before { - content: "\f076"; } - -.icon-chevron-up:before { - content: "\f077"; } - -.icon-chevron-down:before { - content: "\f078"; } - -.icon-retweet:before { - content: "\f079"; } - -.icon-shopping-cart:before { - content: "\f07a"; } - -.icon-folder-close:before { - content: "\f07b"; } - -.icon-folder-open:before { - content: "\f07c"; } - -.icon-resize-vertical:before { - content: "\f07d"; } - -.icon-resize-horizontal:before { - content: "\f07e"; } - -.icon-bar-chart:before { - content: "\f080"; } - -.icon-twitter-sign:before { - content: "\f081"; } - -.icon-facebook-sign:before { - content: "\f082"; } - -.icon-camera-retro:before { - content: "\f083"; } - -.icon-key:before { - content: "\f084"; } - -.icon-cogs:before { - content: "\f085"; } - -.icon-comments:before { - content: "\f086"; } - -.icon-thumbs-up:before { - content: "\f087"; } - -.icon-thumbs-down:before { - content: "\f088"; } - -.icon-star-half:before { - content: "\f089"; } - -.icon-heart-empty:before { - content: "\f08a"; } - -.icon-signout:before { - content: "\f08b"; } - -.icon-linkedin-sign:before { - content: "\f08c"; } - -.icon-pushpin:before { - content: "\f08d"; } - -.icon-external-link:before { - content: "\f08e"; } - -.icon-signin:before { - content: "\f090"; } - -.icon-trophy:before { - content: "\f091"; } - -.icon-github-sign:before { - content: "\f092"; } - -.icon-upload-alt:before { - content: "\f093"; } - -.icon-lemon:before { - content: "\f094"; } - -.icon-phone:before { - content: "\f095"; } - -.icon-check-empty:before { - content: "\f096"; } - -.icon-bookmark-empty:before { - content: "\f097"; } - -.icon-phone-sign:before { - content: "\f098"; } - -.icon-twitter:before { - content: "\f099"; } - -.icon-facebook:before { - content: "\f09a"; } - -.icon-github:before { - content: "\f09b"; } - -.icon-unlock:before { - content: "\f09c"; } - -.icon-credit-card:before { - content: "\f09d"; } - -.icon-rss:before { - content: "\f09e"; } - -.icon-hdd:before { - content: "\f0a0"; } - -.icon-bullhorn:before { - content: "\f0a1"; } - -.icon-bell:before { - content: "\f0a2"; } - -.icon-certificate:before { - content: "\f0a3"; } - -.icon-hand-right:before { - content: "\f0a4"; } - -.icon-hand-left:before { - content: "\f0a5"; } - -.icon-hand-up:before { - content: "\f0a6"; } - -.icon-hand-down:before { - content: "\f0a7"; } - -.icon-circle-arrow-left:before { - content: "\f0a8"; } - -.icon-circle-arrow-right:before { - content: "\f0a9"; } - -.icon-circle-arrow-up:before { - content: "\f0aa"; } - -.icon-circle-arrow-down:before { - content: "\f0ab"; } - -.icon-globe:before { - content: "\f0ac"; } - -.icon-wrench:before { - content: "\f0ad"; } - -.icon-tasks:before { - content: "\f0ae"; } - -.icon-filter:before { - content: "\f0b0"; } - -.icon-briefcase:before { - content: "\f0b1"; } - -.icon-fullscreen:before { - content: "\f0b2"; } - -.icon-group:before { - content: "\f0c0"; } - -.icon-link:before { - content: "\f0c1"; } - -.icon-cloud:before { - content: "\f0c2"; } - -.icon-beaker:before { - content: "\f0c3"; } - -.icon-cut:before { - content: "\f0c4"; } - -.icon-copy:before { - content: "\f0c5"; } - -.icon-paper-clip:before { - content: "\f0c6"; } - -.icon-save:before { - content: "\f0c7"; } - -.icon-sign-blank:before { - content: "\f0c8"; } - -.icon-reorder:before { - content: "\f0c9"; } - -.icon-list-ul:before { - content: "\f0ca"; } - -.icon-list-ol:before { - content: "\f0cb"; } - -.icon-strikethrough:before { - content: "\f0cc"; } - -.icon-underline:before { - content: "\f0cd"; } - -.icon-table:before { - content: "\f0ce"; } - -.icon-magic:before { - content: "\f0d0"; } - -.icon-truck:before { - content: "\f0d1"; } - -.icon-pinterest:before { - content: "\f0d2"; } - -.icon-pinterest-sign:before { - content: "\f0d3"; } - -.icon-google-plus-sign:before { - content: "\f0d4"; } - -.icon-google-plus:before { - content: "\f0d5"; } - -.icon-money:before { - content: "\f0d6"; } - -.icon-caret-down:before { - content: "\f0d7"; } - -.icon-caret-up:before { - content: "\f0d8"; } - -.icon-caret-left:before { - content: "\f0d9"; } - -.icon-caret-right:before { - content: "\f0da"; } - -.icon-columns:before { - content: "\f0db"; } - -.icon-sort:before { - content: "\f0dc"; } - -.icon-sort-down:before { - content: "\f0dd"; } - -.icon-sort-up:before { - content: "\f0de"; } - -.icon-envelope-alt:before { - content: "\f0e0"; } - -.icon-linkedin:before { - content: "\f0e1"; } - -.icon-undo:before, .icon-rotate-left:before { - content: "\f0e2"; } - -.icon-legal:before { - content: "\f0e3"; } - -.icon-dashboard:before { - content: "\f0e4"; } - -.icon-comment-alt:before { - content: "\f0e5"; } - -.icon-comments-alt:before { - content: "\f0e6"; } - -.icon-bolt:before { - content: "\f0e7"; } - -.icon-sitemap:before { - content: "\f0e8"; } - -.icon-umbrella:before { - content: "\f0e9"; } - -.icon-paste:before { - content: "\f0ea"; } - -.icon-lightbulb:before { - content: "\f0eb"; } - -.icon-exchange:before { - content: "\f0ec"; } - -.icon-cloud-download:before { - content: "\f0ed"; } - -.icon-cloud-upload:before { - content: "\f0ee"; } - -.icon-user-md:before { - content: "\f0f0"; } - -.icon-stethoscope:before { - content: "\f0f1"; } - -.icon-suitcase:before { - content: "\f0f2"; } - -.icon-bell-alt:before { - content: "\f0f3"; } - -.icon-coffee:before { - content: "\f0f4"; } - -.icon-food:before { - content: "\f0f5"; } - -.icon-file-alt:before { - content: "\f0f6"; } - -.icon-building:before { - content: "\f0f7"; } - -.icon-hospital:before { - content: "\f0f8"; } - -.icon-ambulance:before { - content: "\f0f9"; } - -.icon-medkit:before { - content: "\f0fa"; } - -.icon-fighter-jet:before { - content: "\f0fb"; } - -.icon-beer:before { - content: "\f0fc"; } - -.icon-h-sign:before { - content: "\f0fd"; } - -.icon-plus-sign-alt:before { - content: "\f0fe"; } - -.icon-double-angle-left:before { - content: "\f100"; } - -.icon-double-angle-right:before { - content: "\f101"; } - -.icon-double-angle-up:before { - content: "\f102"; } - -.icon-double-angle-down:before { - content: "\f103"; } - -.icon-angle-left:before { - content: "\f104"; } - -.icon-angle-right:before { - content: "\f105"; } - -.icon-angle-up:before { - content: "\f106"; } - -.icon-angle-down:before { - content: "\f107"; } - -.icon-desktop:before { - content: "\f108"; } - -.icon-laptop:before { - content: "\f109"; } - -.icon-tablet:before { - content: "\f10a"; } - -.icon-mobile-phone:before { - content: "\f10b"; } - -.icon-circle-blank:before { - content: "\f10c"; } - -.icon-quote-left:before { - content: "\f10d"; } - -.icon-quote-right:before { - content: "\f10e"; } - -.icon-spinner:before { - content: "\f110"; } - -.icon-circle:before { - content: "\f111"; } - -.icon-reply:before, .icon-mail-reply:before { - content: "\f112"; } - -.icon-folder-close-alt:before { - content: "\f114"; } - -.icon-folder-open-alt:before { - content: "\f115"; } - -.icon-expand-alt:before { - content: "\f116"; } - -.icon-collapse-alt:before { - content: "\f117"; } - -.icon-smile:before { - content: "\f118"; } - -.icon-frown:before { - content: "\f119"; } - -.icon-meh:before { - content: "\f11a"; } - -.icon-gamepad:before { - content: "\f11b"; } - -.icon-keyboard:before { - content: "\f11c"; } - -.icon-flag-alt:before { - content: "\f11d"; } - -.icon-flag-checkered:before { - content: "\f11e"; } - -.icon-terminal:before { - content: "\f120"; } - -.icon-code:before { - content: "\f121"; } - -.icon-reply-all:before, .icon-mail-reply-all:before { - content: "\f122"; } - -.icon-star-half-full:before, .icon-star-half-empty:before { - content: "\f123"; } - -.icon-location-arrow:before { - content: "\f124"; } - -.icon-crop:before { - content: "\f125"; } - -.icon-code-fork:before { - content: "\f126"; } - -.icon-unlink:before { - content: "\f127"; } - -.icon-question:before { - content: "\f128"; } - -.icon-info:before { - content: "\f129"; } - -.icon-exclamation:before { - content: "\f12a"; } - -.icon-superscript:before { - content: "\f12b"; } - -.icon-subscript:before { - content: "\f12c"; } - -.icon-eraser:before { - content: "\f12d"; } - -.icon-puzzle-piece:before { - content: "\f12e"; } - -.icon-microphone:before { - content: "\f130"; } - -.icon-microphone-off:before { - content: "\f131"; } - -.icon-shield:before { - content: "\f132"; } - -.icon-calendar-empty:before { - content: "\f133"; } - -.icon-fire-extinguisher:before { - content: "\f134"; } - -.icon-rocket:before { - content: "\f135"; } - -.icon-maxcdn:before { - content: "\f136"; } - -.icon-chevron-sign-left:before { - content: "\f137"; } - -.icon-chevron-sign-right:before { - content: "\f138"; } - -.icon-chevron-sign-up:before { - content: "\f139"; } - -.icon-chevron-sign-down:before { - content: "\f13a"; } - -.icon-html5:before { - content: "\f13b"; } - -.icon-css3:before { - content: "\f13c"; } - -.icon-anchor:before { - content: "\f13d"; } - -.icon-unlock-alt:before { - content: "\f13e"; } - -.icon-bullseye:before { - content: "\f140"; } - -.icon-ellipsis-horizontal:before { - content: "\f141"; } - -.icon-ellipsis-vertical:before { - content: "\f142"; } - -.icon-rss-sign:before { - content: "\f143"; } - -.icon-play-sign:before { - content: "\f144"; } - -.icon-ticket:before { - content: "\f145"; } - -.icon-minus-sign-alt:before { - content: "\f146"; } - -.icon-check-minus:before { - content: "\f147"; } - -.icon-level-up:before { - content: "\f148"; } - -.icon-level-down:before { - content: "\f149"; } - -.icon-check-sign:before { - content: "\f14a"; } - -.icon-edit-sign:before { - content: "\f14b"; } - -.icon-external-link-sign:before { - content: "\f14c"; } - -.icon-share-sign:before { - content: "\f14d"; } diff --git a/scss/font-awesome.scss b/scss/font-awesome.scss index 7384097d5..74c80016f 100644 --- a/scss/font-awesome.scss +++ b/scss/font-awesome.scss @@ -1,25 +1,27 @@ -/*! Font Awesome 3.1.0 +/*! + * Font Awesome 3.2.0 * the iconic font designed for Bootstrap - * ------------------------------------------------------- - * The full suite of pictographic icons, examples, and documentation - * can be found at: http://fontawesome.io + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at http://fontawesome.io. Stay up to date on Twitter at + * http://twitter.com/fontawesome. * * License - * ------------------------------------------------------- - * - The Font Awesome font is licensed under the SIL Open Font License v1.1 - + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL - * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - + * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html - * - Font Awesome documentation licensed under CC BY 3.0 License - + * - Font Awesome documentation licensed under CC BY 3.0 - * 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 - * ------------------------------------------------------- + * Author - Dave Gandy + * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io - * Twitter: http://twitter.com/fortaweso_me - * Work: Lead Product Designer @ http://kyruus.com + * Twitter: http://twitter.com/byscuits + * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ @import "variables"; diff --git a/src/assets/font-awesome/scss/font-awesome-2.css b/src/assets/font-awesome/scss/font-awesome-2.css deleted file mode 100644 index ad88b4e79..000000000 --- a/src/assets/font-awesome/scss/font-awesome-2.css +++ /dev/null @@ -1,1191 +0,0 @@ -/* 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 - */ -@font-face { - font-family: "FontAwesome"; - src: url("../font/fontawesome-webfont.eot?v=3.1.0"); - src: url("../font/fontawesome-webfont.eot?#iefix&v=3.1.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.1.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.1.0") format("truetype"), url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0") format("svg"); - font-weight: normal; - font-style: normal; } - -/* 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 [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: 0.9em; } -.btn [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; } - -.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"], -.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, -.nav-pills [class*=" icon-"], -.nav-pills [class*=" icon-"].icon-large { - line-height: 0.9em; } - -.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.18em; } -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: 0.8em; } - -.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.25em; } - -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.05em; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: 0.2em; } - .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: 0.2em; } - -/* 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 [class^="icon-"].icon-large, -.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, -.nav [class*=" icon-"].icon-large { - line-height: 0.9em; } -.btn [class^="icon-"].icon-spin, -.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, -.nav [class*=" icon-"].icon-spin { - display: inline-block; } - -.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, -.nav-tabs [class*=" icon-"], -.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, -.nav-pills [class*=" icon-"], -.nav-pills [class*=" icon-"].icon-large { - line-height: 0.9em; } - -.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, -.btn [class*=" icon-"].pull-left.icon-2x, -.btn [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.18em; } -.btn [class^="icon-"].icon-spin.icon-large, -.btn [class*=" icon-"].icon-spin.icon-large { - line-height: 0.8em; } - -.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, -.btn.btn-small [class*=" icon-"].pull-left.icon-2x, -.btn.btn-small [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.25em; } - -.btn.btn-large [class^="icon-"], -.btn.btn-large [class*=" icon-"] { - margin-top: 0; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-top: 0.05em; } - .btn.btn-large [class^="icon-"].pull-left.icon-2x, - .btn.btn-large [class*=" icon-"].pull-left.icon-2x { - margin-right: 0.2em; } - .btn.btn-large [class^="icon-"].pull-right.icon-2x, - .btn.btn-large [class*=" icon-"].pull-right.icon-2x { - margin-left: 0.2em; } - -/* EXTRAS - * -------------------------- */ -/* Animated rotating icon */ -.icon-spin { - display: inline-block; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; - -webkit-animation: spin 2s infinite linear; - 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 { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } - -.icon-rotate-180:before { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } - -.icon-rotate-270:before { - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } - -.icon-flip-horizontal:before { - -webkit-transform: scale(-1, 1); - -moz-transform: scale(-1, 1); - -ms-transform: scale(-1, 1); - -o-transform: scale(-1, 1); - transform: scale(-1, 1); } - -.icon-flip-vertical:before { - -webkit-transform: scale(1, -1); - -moz-transform: scale(1, -1); - -ms-transform: scale(1, -1); - -o-transform: scale(1, -1); - transform: scale(1, -1); } - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - * readers do not read off random characters that represent icons */ -/* Stacked and layered icon */ -.icon-stack { - position: relative; - display: inline-block; - width: 2em; - height: 2em; - line-height: 2em; - vertical-align: -35%; } - .icon-stack [class^="icon-"], - .icon-stack [class*=" icon-"] { - display: block; - text-align: center; - position: absolute; - width: 100%; - height: 100%; - font-size: 1em; - line-height: inherit; - *line-height: 2em; } - .icon-stack .icon-stack-base { - font-size: 2em; - *line-height: 1; } - -.icon-glass:before { - content: "\f000"; } - -.icon-music:before { - content: "\f001"; } - -.icon-search:before { - content: "\f002"; } - -.icon-envelope:before { - content: "\f003"; } - -.icon-heart:before { - content: "\f004"; } - -.icon-star:before { - content: "\f005"; } - -.icon-star-empty:before { - content: "\f006"; } - -.icon-user:before { - content: "\f007"; } - -.icon-film:before { - content: "\f008"; } - -.icon-th-large:before { - content: "\f009"; } - -.icon-th:before { - content: "\f00a"; } - -.icon-th-list:before { - content: "\f00b"; } - -.icon-ok:before { - content: "\f00c"; } - -.icon-remove:before { - content: "\f00d"; } - -.icon-zoom-in:before { - content: "\f00e"; } - -.icon-zoom-out:before { - content: "\f010"; } - -.icon-off:before { - content: "\f011"; } - -.icon-signal:before { - content: "\f012"; } - -.icon-cog:before { - content: "\f013"; } - -.icon-trash:before { - content: "\f014"; } - -.icon-home:before { - content: "\f015"; } - -.icon-file:before { - content: "\f016"; } - -.icon-time:before { - content: "\f017"; } - -.icon-road:before { - content: "\f018"; } - -.icon-download-alt:before { - content: "\f019"; } - -.icon-download:before { - content: "\f01a"; } - -.icon-upload:before { - content: "\f01b"; } - -.icon-inbox:before { - content: "\f01c"; } - -.icon-play-circle:before { - content: "\f01d"; } - -.icon-repeat:before, .icon-rotate-right:before { - content: "\f01e"; } - -/* F020 doesn't work in Safari. all shifted one down */ -.icon-refresh:before { - content: "\f021"; } - -.icon-list-alt:before { - content: "\f022"; } - -.icon-lock:before { - content: "\f023"; } - -.icon-flag:before { - content: "\f024"; } - -.icon-headphones:before { - content: "\f025"; } - -.icon-volume-off:before { - content: "\f026"; } - -.icon-volume-down:before { - content: "\f027"; } - -.icon-volume-up:before { - content: "\f028"; } - -.icon-qrcode:before { - content: "\f029"; } - -.icon-barcode:before { - content: "\f02a"; } - -.icon-tag:before { - content: "\f02b"; } - -.icon-tags:before { - content: "\f02c"; } - -.icon-book:before { - content: "\f02d"; } - -.icon-bookmark:before { - content: "\f02e"; } - -.icon-print:before { - content: "\f02f"; } - -.icon-camera:before { - content: "\f030"; } - -.icon-font:before { - content: "\f031"; } - -.icon-bold:before { - content: "\f032"; } - -.icon-italic:before { - content: "\f033"; } - -.icon-text-height:before { - content: "\f034"; } - -.icon-text-width:before { - content: "\f035"; } - -.icon-align-left:before { - content: "\f036"; } - -.icon-align-center:before { - content: "\f037"; } - -.icon-align-right:before { - content: "\f038"; } - -.icon-align-justify:before { - content: "\f039"; } - -.icon-list:before { - content: "\f03a"; } - -.icon-indent-left:before { - content: "\f03b"; } - -.icon-indent-right:before { - content: "\f03c"; } - -.icon-facetime-video:before { - content: "\f03d"; } - -.icon-picture:before { - content: "\f03e"; } - -.icon-pencil:before { - content: "\f040"; } - -.icon-map-marker:before { - content: "\f041"; } - -.icon-adjust:before { - content: "\f042"; } - -.icon-tint:before { - content: "\f043"; } - -.icon-edit:before { - content: "\f044"; } - -.icon-share:before { - content: "\f045"; } - -.icon-check:before { - content: "\f046"; } - -.icon-move:before { - content: "\f047"; } - -.icon-step-backward:before { - content: "\f048"; } - -.icon-fast-backward:before { - content: "\f049"; } - -.icon-backward:before { - content: "\f04a"; } - -.icon-play:before { - content: "\f04b"; } - -.icon-pause:before { - content: "\f04c"; } - -.icon-stop:before { - content: "\f04d"; } - -.icon-forward:before { - content: "\f04e"; } - -.icon-fast-forward:before { - content: "\f050"; } - -.icon-step-forward:before { - content: "\f051"; } - -.icon-eject:before { - content: "\f052"; } - -.icon-chevron-left:before { - content: "\f053"; } - -.icon-chevron-right:before { - content: "\f054"; } - -.icon-plus-sign:before { - content: "\f055"; } - -.icon-minus-sign:before { - content: "\f056"; } - -.icon-remove-sign:before { - content: "\f057"; } - -.icon-ok-sign:before { - content: "\f058"; } - -.icon-question-sign:before { - content: "\f059"; } - -.icon-info-sign:before { - content: "\f05a"; } - -.icon-screenshot:before { - content: "\f05b"; } - -.icon-remove-circle:before { - content: "\f05c"; } - -.icon-ok-circle:before { - content: "\f05d"; } - -.icon-ban-circle:before { - content: "\f05e"; } - -.icon-arrow-left:before { - content: "\f060"; } - -.icon-arrow-right:before { - content: "\f061"; } - -.icon-arrow-up:before { - content: "\f062"; } - -.icon-arrow-down:before { - content: "\f063"; } - -.icon-share-alt:before, .icon-mail-forward:before { - content: "\f064"; } - -.icon-resize-full:before { - content: "\f065"; } - -.icon-resize-small:before { - content: "\f066"; } - -.icon-plus:before { - content: "\f067"; } - -.icon-minus:before { - content: "\f068"; } - -.icon-asterisk:before { - content: "\f069"; } - -.icon-exclamation-sign:before { - content: "\f06a"; } - -.icon-gift:before { - content: "\f06b"; } - -.icon-leaf:before { - content: "\f06c"; } - -.icon-fire:before { - content: "\f06d"; } - -.icon-eye-open:before { - content: "\f06e"; } - -.icon-eye-close:before { - content: "\f070"; } - -.icon-warning-sign:before { - content: "\f071"; } - -.icon-plane:before { - content: "\f072"; } - -.icon-calendar:before { - content: "\f073"; } - -.icon-random:before { - content: "\f074"; } - -.icon-comment:before { - content: "\f075"; } - -.icon-magnet:before { - content: "\f076"; } - -.icon-chevron-up:before { - content: "\f077"; } - -.icon-chevron-down:before { - content: "\f078"; } - -.icon-retweet:before { - content: "\f079"; } - -.icon-shopping-cart:before { - content: "\f07a"; } - -.icon-folder-close:before { - content: "\f07b"; } - -.icon-folder-open:before { - content: "\f07c"; } - -.icon-resize-vertical:before { - content: "\f07d"; } - -.icon-resize-horizontal:before { - content: "\f07e"; } - -.icon-bar-chart:before { - content: "\f080"; } - -.icon-twitter-sign:before { - content: "\f081"; } - -.icon-facebook-sign:before { - content: "\f082"; } - -.icon-camera-retro:before { - content: "\f083"; } - -.icon-key:before { - content: "\f084"; } - -.icon-cogs:before { - content: "\f085"; } - -.icon-comments:before { - content: "\f086"; } - -.icon-thumbs-up:before { - content: "\f087"; } - -.icon-thumbs-down:before { - content: "\f088"; } - -.icon-star-half:before { - content: "\f089"; } - -.icon-heart-empty:before { - content: "\f08a"; } - -.icon-signout:before { - content: "\f08b"; } - -.icon-linkedin-sign:before { - content: "\f08c"; } - -.icon-pushpin:before { - content: "\f08d"; } - -.icon-external-link:before { - content: "\f08e"; } - -.icon-signin:before { - content: "\f090"; } - -.icon-trophy:before { - content: "\f091"; } - -.icon-github-sign:before { - content: "\f092"; } - -.icon-upload-alt:before { - content: "\f093"; } - -.icon-lemon:before { - content: "\f094"; } - -.icon-phone:before { - content: "\f095"; } - -.icon-check-empty:before { - content: "\f096"; } - -.icon-bookmark-empty:before { - content: "\f097"; } - -.icon-phone-sign:before { - content: "\f098"; } - -.icon-twitter:before { - content: "\f099"; } - -.icon-facebook:before { - content: "\f09a"; } - -.icon-github:before { - content: "\f09b"; } - -.icon-unlock:before { - content: "\f09c"; } - -.icon-credit-card:before { - content: "\f09d"; } - -.icon-rss:before { - content: "\f09e"; } - -.icon-hdd:before { - content: "\f0a0"; } - -.icon-bullhorn:before { - content: "\f0a1"; } - -.icon-bell:before { - content: "\f0a2"; } - -.icon-certificate:before { - content: "\f0a3"; } - -.icon-hand-right:before { - content: "\f0a4"; } - -.icon-hand-left:before { - content: "\f0a5"; } - -.icon-hand-up:before { - content: "\f0a6"; } - -.icon-hand-down:before { - content: "\f0a7"; } - -.icon-circle-arrow-left:before { - content: "\f0a8"; } - -.icon-circle-arrow-right:before { - content: "\f0a9"; } - -.icon-circle-arrow-up:before { - content: "\f0aa"; } - -.icon-circle-arrow-down:before { - content: "\f0ab"; } - -.icon-globe:before { - content: "\f0ac"; } - -.icon-wrench:before { - content: "\f0ad"; } - -.icon-tasks:before { - content: "\f0ae"; } - -.icon-filter:before { - content: "\f0b0"; } - -.icon-briefcase:before { - content: "\f0b1"; } - -.icon-fullscreen:before { - content: "\f0b2"; } - -.icon-group:before { - content: "\f0c0"; } - -.icon-link:before { - content: "\f0c1"; } - -.icon-cloud:before { - content: "\f0c2"; } - -.icon-beaker:before { - content: "\f0c3"; } - -.icon-cut:before { - content: "\f0c4"; } - -.icon-copy:before { - content: "\f0c5"; } - -.icon-paper-clip:before { - content: "\f0c6"; } - -.icon-save:before { - content: "\f0c7"; } - -.icon-sign-blank:before { - content: "\f0c8"; } - -.icon-reorder:before { - content: "\f0c9"; } - -.icon-list-ul:before { - content: "\f0ca"; } - -.icon-list-ol:before { - content: "\f0cb"; } - -.icon-strikethrough:before { - content: "\f0cc"; } - -.icon-underline:before { - content: "\f0cd"; } - -.icon-table:before { - content: "\f0ce"; } - -.icon-magic:before { - content: "\f0d0"; } - -.icon-truck:before { - content: "\f0d1"; } - -.icon-pinterest:before { - content: "\f0d2"; } - -.icon-pinterest-sign:before { - content: "\f0d3"; } - -.icon-google-plus-sign:before { - content: "\f0d4"; } - -.icon-google-plus:before { - content: "\f0d5"; } - -.icon-money:before { - content: "\f0d6"; } - -.icon-caret-down:before { - content: "\f0d7"; } - -.icon-caret-up:before { - content: "\f0d8"; } - -.icon-caret-left:before { - content: "\f0d9"; } - -.icon-caret-right:before { - content: "\f0da"; } - -.icon-columns:before { - content: "\f0db"; } - -.icon-sort:before { - content: "\f0dc"; } - -.icon-sort-down:before { - content: "\f0dd"; } - -.icon-sort-up:before { - content: "\f0de"; } - -.icon-envelope-alt:before { - content: "\f0e0"; } - -.icon-linkedin:before { - content: "\f0e1"; } - -.icon-undo:before, .icon-rotate-left:before { - content: "\f0e2"; } - -.icon-legal:before { - content: "\f0e3"; } - -.icon-dashboard:before { - content: "\f0e4"; } - -.icon-comment-alt:before { - content: "\f0e5"; } - -.icon-comments-alt:before { - content: "\f0e6"; } - -.icon-bolt:before { - content: "\f0e7"; } - -.icon-sitemap:before { - content: "\f0e8"; } - -.icon-umbrella:before { - content: "\f0e9"; } - -.icon-paste:before { - content: "\f0ea"; } - -.icon-lightbulb:before { - content: "\f0eb"; } - -.icon-exchange:before { - content: "\f0ec"; } - -.icon-cloud-download:before { - content: "\f0ed"; } - -.icon-cloud-upload:before { - content: "\f0ee"; } - -.icon-user-md:before { - content: "\f0f0"; } - -.icon-stethoscope:before { - content: "\f0f1"; } - -.icon-suitcase:before { - content: "\f0f2"; } - -.icon-bell-alt:before { - content: "\f0f3"; } - -.icon-coffee:before { - content: "\f0f4"; } - -.icon-food:before { - content: "\f0f5"; } - -.icon-file-alt:before { - content: "\f0f6"; } - -.icon-building:before { - content: "\f0f7"; } - -.icon-hospital:before { - content: "\f0f8"; } - -.icon-ambulance:before { - content: "\f0f9"; } - -.icon-medkit:before { - content: "\f0fa"; } - -.icon-fighter-jet:before { - content: "\f0fb"; } - -.icon-beer:before { - content: "\f0fc"; } - -.icon-h-sign:before { - content: "\f0fd"; } - -.icon-plus-sign-alt:before { - content: "\f0fe"; } - -.icon-double-angle-left:before { - content: "\f100"; } - -.icon-double-angle-right:before { - content: "\f101"; } - -.icon-double-angle-up:before { - content: "\f102"; } - -.icon-double-angle-down:before { - content: "\f103"; } - -.icon-angle-left:before { - content: "\f104"; } - -.icon-angle-right:before { - content: "\f105"; } - -.icon-angle-up:before { - content: "\f106"; } - -.icon-angle-down:before { - content: "\f107"; } - -.icon-desktop:before { - content: "\f108"; } - -.icon-laptop:before { - content: "\f109"; } - -.icon-tablet:before { - content: "\f10a"; } - -.icon-mobile-phone:before { - content: "\f10b"; } - -.icon-circle-blank:before { - content: "\f10c"; } - -.icon-quote-left:before { - content: "\f10d"; } - -.icon-quote-right:before { - content: "\f10e"; } - -.icon-spinner:before { - content: "\f110"; } - -.icon-circle:before { - content: "\f111"; } - -.icon-reply:before, .icon-mail-reply:before { - content: "\f112"; } - -.icon-folder-close-alt:before { - content: "\f114"; } - -.icon-folder-open-alt:before { - content: "\f115"; } - -.icon-expand-alt:before { - content: "\f116"; } - -.icon-collapse-alt:before { - content: "\f117"; } - -.icon-smile:before { - content: "\f118"; } - -.icon-frown:before { - content: "\f119"; } - -.icon-meh:before { - content: "\f11a"; } - -.icon-gamepad:before { - content: "\f11b"; } - -.icon-keyboard:before { - content: "\f11c"; } - -.icon-flag-alt:before { - content: "\f11d"; } - -.icon-flag-checkered:before { - content: "\f11e"; } - -.icon-terminal:before { - content: "\f120"; } - -.icon-code:before { - content: "\f121"; } - -.icon-reply-all:before, .icon-mail-reply-all:before { - content: "\f122"; } - -.icon-star-half-full:before, .icon-star-half-empty:before { - content: "\f123"; } - -.icon-location-arrow:before { - content: "\f124"; } - -.icon-crop:before { - content: "\f125"; } - -.icon-code-fork:before { - content: "\f126"; } - -.icon-unlink:before { - content: "\f127"; } - -.icon-question:before { - content: "\f128"; } - -.icon-info:before { - content: "\f129"; } - -.icon-exclamation:before { - content: "\f12a"; } - -.icon-superscript:before { - content: "\f12b"; } - -.icon-subscript:before { - content: "\f12c"; } - -.icon-eraser:before { - content: "\f12d"; } - -.icon-puzzle-piece:before { - content: "\f12e"; } - -.icon-microphone:before { - content: "\f130"; } - -.icon-microphone-off:before { - content: "\f131"; } - -.icon-shield:before { - content: "\f132"; } - -.icon-calendar-empty:before { - content: "\f133"; } - -.icon-fire-extinguisher:before { - content: "\f134"; } - -.icon-rocket:before { - content: "\f135"; } - -.icon-maxcdn:before { - content: "\f136"; } - -.icon-chevron-sign-left:before { - content: "\f137"; } - -.icon-chevron-sign-right:before { - content: "\f138"; } - -.icon-chevron-sign-up:before { - content: "\f139"; } - -.icon-chevron-sign-down:before { - content: "\f13a"; } - -.icon-html5:before { - content: "\f13b"; } - -.icon-css3:before { - content: "\f13c"; } - -.icon-anchor:before { - content: "\f13d"; } - -.icon-unlock-alt:before { - content: "\f13e"; } - -.icon-bullseye:before { - content: "\f140"; } - -.icon-ellipsis-horizontal:before { - content: "\f141"; } - -.icon-ellipsis-vertical:before { - content: "\f142"; } - -.icon-rss-sign:before { - content: "\f143"; } - -.icon-play-sign:before { - content: "\f144"; } - -.icon-ticket:before { - content: "\f145"; } - -.icon-minus-sign-alt:before { - content: "\f146"; } - -.icon-check-minus:before { - content: "\f147"; } - -.icon-level-up:before { - content: "\f148"; } - -.icon-level-down:before { - content: "\f149"; } - -.icon-check-sign:before { - content: "\f14a"; } - -.icon-edit-sign:before { - content: "\f14b"; } - -.icon-external-link-sign:before { - content: "\f14c"; } - -.icon-share-sign:before { - content: "\f14d"; } diff --git a/src/assets/font-awesome/scss/font-awesome.scss b/src/assets/font-awesome/scss/font-awesome.scss index 7384097d5..c7507de06 100644 --- a/src/assets/font-awesome/scss/font-awesome.scss +++ b/src/assets/font-awesome/scss/font-awesome.scss @@ -1,26 +1,6 @@ -/*! 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 - */ +--- +--- +{% include license-code.less %} @import "variables"; @import "mixins";