From 5b2867f830d91202f673148c9b1138e7c6154e58 Mon Sep 17 00:00:00 2001 From: Jeremy Kauffman Date: Tue, 15 Mar 2016 12:05:11 -0400 Subject: [PATCH] full frontend separation (you must be 18+ to view this commit) --- .gitignore | 3 + favicon.ico => dist/favicon.ico | Bin {font => dist/font}/FontAwesome.otf | Bin {font => dist/font}/fontawesome-webfont.eot | Bin {font => dist/font}/fontawesome-webfont.svg | 0 {font => dist/font}/fontawesome-webfont.ttf | Bin {font => dist/font}/fontawesome-webfont.woff | Bin {font => dist/font}/fontawesome-webfont.woff2 | Bin dist/img/busy.gif | Bin 0 -> 1262 bytes .../img}/fav/android-chrome-144x144.png | Bin .../img}/fav/android-chrome-192x192.png | Bin .../img}/fav/android-chrome-36x36.png | Bin .../img}/fav/android-chrome-48x48.png | Bin .../img}/fav/android-chrome-72x72.png | Bin .../img}/fav/android-chrome-96x96.png | Bin .../img}/fav/apple-touch-icon-114x114.png | Bin .../img}/fav/apple-touch-icon-120x120.png | Bin .../img}/fav/apple-touch-icon-120x120_1.png | Bin .../img}/fav/apple-touch-icon-144x144.png | Bin .../img}/fav/apple-touch-icon-152x152.png | Bin .../img}/fav/apple-touch-icon-180x180.png | Bin .../img}/fav/apple-touch-icon-57x57.png | Bin .../img}/fav/apple-touch-icon-60x60.png | Bin .../img}/fav/apple-touch-icon-72x72.png | Bin .../img}/fav/apple-touch-icon-76x76.png | Bin .../img}/fav/apple-touch-icon-76x76_1.png | Bin .../img}/fav/apple-touch-icon-precomposed.png | Bin {img => dist/img}/fav/apple-touch-icon.png | Bin {img => dist/img}/fav/browserconfig.xml | 0 {img => dist/img}/fav/favicon-16x16.png | Bin {img => dist/img}/fav/favicon-194x194.png | Bin {img => dist/img}/fav/favicon-32x32.png | Bin {img => dist/img}/fav/favicon-96x96.png | Bin {img => dist/img}/fav/manifest.json | 0 {img => dist/img}/fav/mstile-144x144.png | Bin {img => dist/img}/fav/mstile-150x150.png | Bin {img => dist/img}/fav/mstile-310x150.png | Bin {img => dist/img}/fav/mstile-310x310.png | Bin {img => dist/img}/fav/mstile-70x70.png | Bin {img => dist/img}/lbry-bg.png | Bin {img => dist/img}/lbry-dark-1600x528.png | Bin {img => dist/img}/lbry-white-485x160.png | Bin {img => dist/img}/lbry-white-909x300.png | Bin dist/index.html | 27 + index.html | 28 - js/lbry.js | 2 +- scss/_global.scss | 115 ++ scss/_grid.scss | 87 + scss/_gui.scss | 97 + scss/_icons.scss | 1666 +++++++++++++++++ scss/_reset.scss | 44 + scss/all.scss | 4 + watch.sh | 12 + 53 files changed, 2056 insertions(+), 29 deletions(-) rename favicon.ico => dist/favicon.ico (100%) rename {font => dist/font}/FontAwesome.otf (100%) rename {font => dist/font}/fontawesome-webfont.eot (100%) rename {font => dist/font}/fontawesome-webfont.svg (100%) rename {font => dist/font}/fontawesome-webfont.ttf (100%) rename {font => dist/font}/fontawesome-webfont.woff (100%) rename {font => dist/font}/fontawesome-webfont.woff2 (100%) create mode 100644 dist/img/busy.gif rename {img => dist/img}/fav/android-chrome-144x144.png (100%) rename {img => dist/img}/fav/android-chrome-192x192.png (100%) rename {img => dist/img}/fav/android-chrome-36x36.png (100%) rename {img => dist/img}/fav/android-chrome-48x48.png (100%) rename {img => dist/img}/fav/android-chrome-72x72.png (100%) rename {img => dist/img}/fav/android-chrome-96x96.png (100%) rename {img => dist/img}/fav/apple-touch-icon-114x114.png (100%) rename {img => dist/img}/fav/apple-touch-icon-120x120.png (100%) rename {img => dist/img}/fav/apple-touch-icon-120x120_1.png (100%) rename {img => dist/img}/fav/apple-touch-icon-144x144.png (100%) rename {img => dist/img}/fav/apple-touch-icon-152x152.png (100%) rename {img => dist/img}/fav/apple-touch-icon-180x180.png (100%) rename {img => dist/img}/fav/apple-touch-icon-57x57.png (100%) rename {img => dist/img}/fav/apple-touch-icon-60x60.png (100%) rename {img => dist/img}/fav/apple-touch-icon-72x72.png (100%) rename {img => dist/img}/fav/apple-touch-icon-76x76.png (100%) rename {img => dist/img}/fav/apple-touch-icon-76x76_1.png (100%) rename {img => dist/img}/fav/apple-touch-icon-precomposed.png (100%) rename {img => dist/img}/fav/apple-touch-icon.png (100%) rename {img => dist/img}/fav/browserconfig.xml (100%) rename {img => dist/img}/fav/favicon-16x16.png (100%) rename {img => dist/img}/fav/favicon-194x194.png (100%) rename {img => dist/img}/fav/favicon-32x32.png (100%) rename {img => dist/img}/fav/favicon-96x96.png (100%) rename {img => dist/img}/fav/manifest.json (100%) rename {img => dist/img}/fav/mstile-144x144.png (100%) rename {img => dist/img}/fav/mstile-150x150.png (100%) rename {img => dist/img}/fav/mstile-310x150.png (100%) rename {img => dist/img}/fav/mstile-310x310.png (100%) rename {img => dist/img}/fav/mstile-70x70.png (100%) rename {img => dist/img}/lbry-bg.png (100%) rename {img => dist/img}/lbry-dark-1600x528.png (100%) rename {img => dist/img}/lbry-white-485x160.png (100%) rename {img => dist/img}/lbry-white-909x300.png (100%) create mode 100644 dist/index.html delete mode 100644 index.html create mode 100644 scss/_global.scss create mode 100644 scss/_grid.scss create mode 100644 scss/_gui.scss create mode 100644 scss/_icons.scss create mode 100644 scss/_reset.scss create mode 100644 scss/all.scss create mode 100755 watch.sh diff --git a/.gitignore b/.gitignore index e69de29bb..abf5d9683 100644 --- a/.gitignore +++ b/.gitignore @@ -0,0 +1,3 @@ +dist/css/* +dist/js/* +.sass-cache diff --git a/favicon.ico b/dist/favicon.ico similarity index 100% rename from favicon.ico rename to dist/favicon.ico diff --git a/font/FontAwesome.otf b/dist/font/FontAwesome.otf similarity index 100% rename from font/FontAwesome.otf rename to dist/font/FontAwesome.otf diff --git a/font/fontawesome-webfont.eot b/dist/font/fontawesome-webfont.eot similarity index 100% rename from font/fontawesome-webfont.eot rename to dist/font/fontawesome-webfont.eot diff --git a/font/fontawesome-webfont.svg b/dist/font/fontawesome-webfont.svg similarity index 100% rename from font/fontawesome-webfont.svg rename to dist/font/fontawesome-webfont.svg diff --git a/font/fontawesome-webfont.ttf b/dist/font/fontawesome-webfont.ttf similarity index 100% rename from font/fontawesome-webfont.ttf rename to dist/font/fontawesome-webfont.ttf diff --git a/font/fontawesome-webfont.woff b/dist/font/fontawesome-webfont.woff similarity index 100% rename from font/fontawesome-webfont.woff rename to dist/font/fontawesome-webfont.woff diff --git a/font/fontawesome-webfont.woff2 b/dist/font/fontawesome-webfont.woff2 similarity index 100% rename from font/fontawesome-webfont.woff2 rename to dist/font/fontawesome-webfont.woff2 diff --git a/dist/img/busy.gif b/dist/img/busy.gif new file mode 100644 index 0000000000000000000000000000000000000000..44ebf1811878ad9cab10f2674a7192ac4d747f11 GIT binary patch literal 1262 zcmZ?wbhEHb6ky7b1P#bD+2=sC{P00R+N%v z73AUuwF}6zRmvzSDX`MlFE20GD>v55FG|-pw6wGYnPFt43sj+7T$xvrSfQI&tPC^3 zCAB!YD6^m>Ge1uOWMX1cerbuV640d(FXR@$jm<081A9j=IX_pwBC$Z|Z5PIEk>IEf*+ybD@E~!PC zWvMA{Mftf3U@u!`;&zKOPV=C8Q*gV*1*cwppkwqw5sMVjFd<;-0Wsmp7RZ4o{M0;P zYA*sNYsUZo{{H#>>*tT}-@bnN{ORL|_wU}mdHw3;i|5atK6(7;;e-44?%uh5>*kH? z*REcZ;0$ z^0LyB;-bQW{Jh+p?5xa;^t9BJ|cQ;oT zXD3GodplbjYb#3&b2C#DVHsuu9gR{*~QGGHgIIu*)D!muOL3DJk1Nt?2!Umk&~J=B=uoyODE2c_4OU JTEG@q0{~VLs!0F< literal 0 HcmV?d00001 diff --git a/img/fav/android-chrome-144x144.png b/dist/img/fav/android-chrome-144x144.png similarity index 100% rename from img/fav/android-chrome-144x144.png rename to dist/img/fav/android-chrome-144x144.png diff --git a/img/fav/android-chrome-192x192.png b/dist/img/fav/android-chrome-192x192.png similarity index 100% rename from img/fav/android-chrome-192x192.png rename to dist/img/fav/android-chrome-192x192.png diff --git a/img/fav/android-chrome-36x36.png b/dist/img/fav/android-chrome-36x36.png similarity index 100% rename from img/fav/android-chrome-36x36.png rename to dist/img/fav/android-chrome-36x36.png diff --git a/img/fav/android-chrome-48x48.png b/dist/img/fav/android-chrome-48x48.png similarity index 100% rename from img/fav/android-chrome-48x48.png rename to dist/img/fav/android-chrome-48x48.png diff --git a/img/fav/android-chrome-72x72.png b/dist/img/fav/android-chrome-72x72.png similarity index 100% rename from img/fav/android-chrome-72x72.png rename to dist/img/fav/android-chrome-72x72.png diff --git a/img/fav/android-chrome-96x96.png b/dist/img/fav/android-chrome-96x96.png similarity index 100% rename from img/fav/android-chrome-96x96.png rename to dist/img/fav/android-chrome-96x96.png diff --git a/img/fav/apple-touch-icon-114x114.png b/dist/img/fav/apple-touch-icon-114x114.png similarity index 100% rename from img/fav/apple-touch-icon-114x114.png rename to dist/img/fav/apple-touch-icon-114x114.png diff --git a/img/fav/apple-touch-icon-120x120.png b/dist/img/fav/apple-touch-icon-120x120.png similarity index 100% rename from img/fav/apple-touch-icon-120x120.png rename to dist/img/fav/apple-touch-icon-120x120.png diff --git a/img/fav/apple-touch-icon-120x120_1.png b/dist/img/fav/apple-touch-icon-120x120_1.png similarity index 100% rename from img/fav/apple-touch-icon-120x120_1.png rename to dist/img/fav/apple-touch-icon-120x120_1.png diff --git a/img/fav/apple-touch-icon-144x144.png b/dist/img/fav/apple-touch-icon-144x144.png similarity index 100% rename from img/fav/apple-touch-icon-144x144.png rename to dist/img/fav/apple-touch-icon-144x144.png diff --git a/img/fav/apple-touch-icon-152x152.png b/dist/img/fav/apple-touch-icon-152x152.png similarity index 100% rename from img/fav/apple-touch-icon-152x152.png rename to dist/img/fav/apple-touch-icon-152x152.png diff --git a/img/fav/apple-touch-icon-180x180.png b/dist/img/fav/apple-touch-icon-180x180.png similarity index 100% rename from img/fav/apple-touch-icon-180x180.png rename to dist/img/fav/apple-touch-icon-180x180.png diff --git a/img/fav/apple-touch-icon-57x57.png b/dist/img/fav/apple-touch-icon-57x57.png similarity index 100% rename from img/fav/apple-touch-icon-57x57.png rename to dist/img/fav/apple-touch-icon-57x57.png diff --git a/img/fav/apple-touch-icon-60x60.png b/dist/img/fav/apple-touch-icon-60x60.png similarity index 100% rename from img/fav/apple-touch-icon-60x60.png rename to dist/img/fav/apple-touch-icon-60x60.png diff --git a/img/fav/apple-touch-icon-72x72.png b/dist/img/fav/apple-touch-icon-72x72.png similarity index 100% rename from img/fav/apple-touch-icon-72x72.png rename to dist/img/fav/apple-touch-icon-72x72.png diff --git a/img/fav/apple-touch-icon-76x76.png b/dist/img/fav/apple-touch-icon-76x76.png similarity index 100% rename from img/fav/apple-touch-icon-76x76.png rename to dist/img/fav/apple-touch-icon-76x76.png diff --git a/img/fav/apple-touch-icon-76x76_1.png b/dist/img/fav/apple-touch-icon-76x76_1.png similarity index 100% rename from img/fav/apple-touch-icon-76x76_1.png rename to dist/img/fav/apple-touch-icon-76x76_1.png diff --git a/img/fav/apple-touch-icon-precomposed.png b/dist/img/fav/apple-touch-icon-precomposed.png similarity index 100% rename from img/fav/apple-touch-icon-precomposed.png rename to dist/img/fav/apple-touch-icon-precomposed.png diff --git a/img/fav/apple-touch-icon.png b/dist/img/fav/apple-touch-icon.png similarity index 100% rename from img/fav/apple-touch-icon.png rename to dist/img/fav/apple-touch-icon.png diff --git a/img/fav/browserconfig.xml b/dist/img/fav/browserconfig.xml similarity index 100% rename from img/fav/browserconfig.xml rename to dist/img/fav/browserconfig.xml diff --git a/img/fav/favicon-16x16.png b/dist/img/fav/favicon-16x16.png similarity index 100% rename from img/fav/favicon-16x16.png rename to dist/img/fav/favicon-16x16.png diff --git a/img/fav/favicon-194x194.png b/dist/img/fav/favicon-194x194.png similarity index 100% rename from img/fav/favicon-194x194.png rename to dist/img/fav/favicon-194x194.png diff --git a/img/fav/favicon-32x32.png b/dist/img/fav/favicon-32x32.png similarity index 100% rename from img/fav/favicon-32x32.png rename to dist/img/fav/favicon-32x32.png diff --git a/img/fav/favicon-96x96.png b/dist/img/fav/favicon-96x96.png similarity index 100% rename from img/fav/favicon-96x96.png rename to dist/img/fav/favicon-96x96.png diff --git a/img/fav/manifest.json b/dist/img/fav/manifest.json similarity index 100% rename from img/fav/manifest.json rename to dist/img/fav/manifest.json diff --git a/img/fav/mstile-144x144.png b/dist/img/fav/mstile-144x144.png similarity index 100% rename from img/fav/mstile-144x144.png rename to dist/img/fav/mstile-144x144.png diff --git a/img/fav/mstile-150x150.png b/dist/img/fav/mstile-150x150.png similarity index 100% rename from img/fav/mstile-150x150.png rename to dist/img/fav/mstile-150x150.png diff --git a/img/fav/mstile-310x150.png b/dist/img/fav/mstile-310x150.png similarity index 100% rename from img/fav/mstile-310x150.png rename to dist/img/fav/mstile-310x150.png diff --git a/img/fav/mstile-310x310.png b/dist/img/fav/mstile-310x310.png similarity index 100% rename from img/fav/mstile-310x310.png rename to dist/img/fav/mstile-310x310.png diff --git a/img/fav/mstile-70x70.png b/dist/img/fav/mstile-70x70.png similarity index 100% rename from img/fav/mstile-70x70.png rename to dist/img/fav/mstile-70x70.png diff --git a/img/lbry-bg.png b/dist/img/lbry-bg.png similarity index 100% rename from img/lbry-bg.png rename to dist/img/lbry-bg.png diff --git a/img/lbry-dark-1600x528.png b/dist/img/lbry-dark-1600x528.png similarity index 100% rename from img/lbry-dark-1600x528.png rename to dist/img/lbry-dark-1600x528.png diff --git a/img/lbry-white-485x160.png b/dist/img/lbry-white-485x160.png similarity index 100% rename from img/lbry-white-485x160.png rename to dist/img/lbry-white-485x160.png diff --git a/img/lbry-white-909x300.png b/dist/img/lbry-white-909x300.png similarity index 100% rename from img/lbry-white-909x300.png rename to dist/img/lbry-white-909x300.png diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 000000000..5aad43e38 --- /dev/null +++ b/dist/index.html @@ -0,0 +1,27 @@ + + + + + LBRY + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/index.html b/index.html deleted file mode 100644 index 911debb6a..000000000 --- a/index.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - LBRY - - - - - - - - - - - - - - -
- - - - - - - - diff --git a/js/lbry.js b/js/lbry.js index efcf8376e..9abb5f606 100644 --- a/js/lbry.js +++ b/js/lbry.js @@ -1,6 +1,6 @@ var lbry = { isConnected: false, - rootPath: '../../web/', + rootPath: '.', colors: { primary: '#155B4A' } diff --git a/scss/_global.scss b/scss/_global.scss new file mode 100644 index 000000000..8322a03a9 --- /dev/null +++ b/scss/_global.scss @@ -0,0 +1,115 @@ +@charset "UTF-8"; + +$spacing-vertical: 24px; + +$color-primary: #155B4A; +$color-light-alt: hsl(hue($color-primary), 15, 85); +$color-text-dark: #000; +$color-money: #216C2A; +$color-meta-light: #505050; + +$font-size: 18px; + +$mobile-width-threshold: 801px; +$max-content-width: 1000px; +$max-text-width: 660px; + + +@mixin clearfix() +{ + &:before, &:after + { + content: " "; + display: table; + } + &:after + { + clear: both; + } +} + +@mixin border-radius($radius) +{ + -webkit-border-radius: $radius; + -moz-border-radius: $radius; + -ms-border-radius: $radius; + border-radius: $radius; +} + +@mixin display-flex() +{ + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} + +@mixin flex($columns) +{ + -webkit-flex: $columns; + -moz-flex: $columns; + -ms-flex: $columns; + flex: $columns; +} + +@mixin flex-flow($flow) { + -webkit-flex-flow: $flow; + -moz-flex-flow: $flow; + -ms-flex-flow: $flow; + flex-flow: $flow; +} + +@mixin flex-direction($direction) { + -webkit-flex-direction: $direction; + -moz-flex-direction: $direction; + -ms-flex-direction: $direction; + flex-direction: $direction; +} + +@mixin absolute-center() +{ + @include display-flex(); + -webkit-box-align: center; + -moz-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -moz-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} + +@mixin linear-gradient($from-color, $to-color) { + background-color: $to-color; /* Fallback Color */ + background-image: -webkit-linear-gradient(top, $from-color, $to-color); /* Chrome 10+, Saf5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, $from-color, $to-color); /* FF3.6 */ + background-image: -ms-linear-gradient(top, $from-color, $to-color); /* IE10 */ + background-image: linear-gradient(top, $from-color, $to-color); +} + +@mixin box-sizing( $type: border-box ) { + -webkit-box-sizing: $type; + -moz-box-sizing: $type; + -o-box-sizing: $type; + -ms-box-sizing: $type; + box-sizing: $type; +} + +@mixin background-size ($size) { + -webkit-background-size: $size; + -moz-background-size: $size; + -o-background-size: $size; + background-size: $size; +} + +@mixin offscreen() { + position: absolute; + left: -9999px; + top:auto; + width:1px; + height:1px; + overflow:hidden; +} \ No newline at end of file diff --git a/scss/_grid.scss b/scss/_grid.scss new file mode 100644 index 000000000..cdaa42133 --- /dev/null +++ b/scss/_grid.scss @@ -0,0 +1,87 @@ +@import "global"; + +$gutter_fluid: 4; + +[class*="span"] { + min-height: 1px; + max-width: 100%; +} + +.span12 { width: 100%; } +.span11 { width: 91.666%; } +.span10 { width: 83.333%; } +.span9 { width: 75%; } +.span8 { width: 66.666%; } +.span7 { width: 58.333%; } +.span6 { width: 50%; } +.span5 { width: 41.666%; } +.span4 { width: 33.333%; } +.span3 { width: 25%; } +.span2 { width: 16.666%; } +.span1 { width: 8.333%; } + +.row-fluid { + width: 100%; + > [class*="span"] { + float: left; + width: 100%; + margin-left: 1% * $gutter_fluid; + &:first-child + { + margin-left: 0; + } + } + + $column_width: (100% - $gutter_fluid * 11) / 12; + + > .span12 { width: $column_width * 12 + $gutter_fluid * 11; } + > .span11 { width: $column_width * 11 + $gutter_fluid * 10; } + > .span10 { width: $column_width * 10 + $gutter_fluid * 9; } + > .span9 { width: $column_width * 9 + $gutter_fluid * 8; } + > .span8 { width: $column_width * 8 + $gutter_fluid * 7; } + > .span7 { width: $column_width * 7 + $gutter_fluid * 6; } + > .span6 { width: $column_width * 6 + $gutter_fluid * 5; } + > .span5 { width: $column_width * 5 + $gutter_fluid * 4; } + > .span4 { width: $column_width * 4 + $gutter_fluid * 3; } + > .span3 { width: $column_width * 3 + $gutter_fluid * 2; } + > .span2 { width: $column_width * 2 + $gutter_fluid * 1; } + > .span1 { width: $column_width; } +} + +.tile-fluid { + width: 100%; + > [class*="span"] { + float: left; + } +} + +.column-fluid { + @include display-flex(); + flex-wrap: wrap; + > [class*="span"] { + @include display-flex(); + @include flex(1 0 auto); + overflow: hidden; + justify-content: center; + } +} + +.row-fluid, .tile-fluid { + @include clearfix(); +} + +@media (max-width: $mobile-width-threshold) { + .row-fluid, .tile-fluid, .column-fluid { + width: 100%; + } + .pull-left, .pull-right + { + float: none; + } + [class*="span"] { + float: none !important; + width: 100% !important; + margin-left: 0 !important; + display: block !important; + } +} \ No newline at end of file diff --git a/scss/_gui.scss b/scss/_gui.scss new file mode 100644 index 000000000..40c5085cb --- /dev/null +++ b/scss/_gui.scss @@ -0,0 +1,97 @@ +@import "global"; + +html +{ + height: 100%; + font-size: $font-size; +} +body +{ + font-family: 'Raleway', sans-serif; + line-height: 1.3333; + min-height: 100%; + position: relative; +} + +h1 { font-size: 2.0em; } +h2 { font-size: 1.75em; } +h3 { font-size: 1.4em; } +h4 { font-size: 1.2em; } +h5 { font-size: 1.1em; } +sup, sub { + vertical-align: baseline; + position: relative; +} +sup { top: -0.4em; } +sub { top: 0.4em; } + +input[type="search"] +{ + border: 0 none; + border: 1px solid rgba(160,160,160,.5); + padding-left: 5px; + padding-right: 5px; + height: $spacing-vertical * 1.5; +} + +.busy-indicator +{ + background: url('../img/busy.gif') no-repeat center center; + display: inline-block; + margin: -1em 0; + min-width: 16px; + min-height: 8px; + vertical-align: middle; + padding: 0 30px; + &:last-child + { + padding-right: 2px; + } + &:first-child + { + padding-left: 2px; + } +} + +.button-block +{ + cursor: pointer; + display: inline-block; + height: $spacing-vertical * 1.5; + line-height: $spacing-vertical * 1.5; + padding: 0 15px; + text-decoration: none; + border: 0 none; + text-align: center; + + .button-block + { + margin-left: 20px; + } + .icon:first-child + { + padding-right: 5px; + } + .icon:last-child + { + padding-left: 5px; + } +} + +.button-primary +{ + color: white; + @include linear-gradient(lighten($color-primary, 5), darken($color-primary, 5)); + background-color: $color-primary; + border: 1px solid black; +} +.button-alt +{ + @include linear-gradient(lighten($color-light-alt, 5), darken($color-light-alt, 5)); + color: hsl(hue($color-primary), 85, 15); + border: 1px solid darken($color-primary, 10); +} +.button-text +{ + color: $color-primary; + text-decoration: underline; +} \ No newline at end of file diff --git a/scss/_icons.scss b/scss/_icons.scss new file mode 100644 index 000000000..884bce4af --- /dev/null +++ b/scss/_icons.scss @@ -0,0 +1,1666 @@ +@import "global"; + +@font-face { + font-family: 'FontAwesome'; + src: url('/font/fontawesome-webfont.eot?v=4.3.0'); + src: url('/font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/font/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class*="icon-"] +{ + display: inline-block; + text-align: center; + font-family: "FontAwesome"; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-size: inherit; + text-rendering: auto; + transform: translate(0, 0); +} + +.icon-mega +{ + font-size: 200px; + line-height: 1; +} + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; +} +.icon-music:before { + content: "\f001"; +} +.icon-search:before { + content: "\f002"; +} +.icon-envelope-o:before { + content: "\f003"; +} +.icon-heart:before { + content: "\f004"; +} +.icon-star:before { + content: "\f005"; +} +.icon-star-o: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-check:before { + content: "\f00c"; +} +.icon-remove:before, +.icon-close:before, +.icon-times:before { + content: "\f00d"; +} +.icon-search-plus:before { + content: "\f00e"; +} +.icon-search-minus:before { + content: "\f010"; +} +.icon-power-off:before { + content: "\f011"; +} +.icon-signal:before { + content: "\f012"; +} +.icon-gear:before, +.icon-cog:before { + content: "\f013"; +} +.icon-trash-o:before { + content: "\f014"; +} +.icon-home:before { + content: "\f015"; +} +.icon-file-o:before { + content: "\f016"; +} +.icon-clock-o:before { + content: "\f017"; +} +.icon-road:before { + content: "\f018"; +} +.icon-download:before { + content: "\f019"; +} +.icon-arrow-circle-o-down:before { + content: "\f01a"; +} +.icon-arrow-circle-o-up:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle-o:before { + content: "\f01d"; +} +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; +} +.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-dedent:before, +.icon-outdent:before { + content: "\f03b"; +} +.icon-indent:before { + content: "\f03c"; +} +.icon-video-camera:before { + content: "\f03d"; +} +.icon-photo:before, +.icon-image:before, +.icon-picture-o: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, +.icon-pencil-square-o:before { + content: "\f044"; +} +.icon-share-square-o:before { + content: "\f045"; +} +.icon-check-square-o:before { + content: "\f046"; +} +.icon-arrows: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-circle:before { + content: "\f055"; +} +.icon-minus-circle:before { + content: "\f056"; +} +.icon-times-circle:before { + content: "\f057"; +} +.icon-check-circle:before { + content: "\f058"; +} +.icon-question-circle:before { + content: "\f059"; +} +.icon-info-circle:before { + content: "\f05a"; +} +.icon-crosshairs:before { + content: "\f05b"; +} +.icon-times-circle-o:before { + content: "\f05c"; +} +.icon-check-circle-o:before { + content: "\f05d"; +} +.icon-ban: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-mail-forward:before, +.icon-share:before { + content: "\f064"; +} +.icon-expand:before { + content: "\f065"; +} +.icon-compress:before { + content: "\f066"; +} +.icon-plus:before { + content: "\f067"; +} +.icon-minus:before { + content: "\f068"; +} +.icon-asterisk:before { + content: "\f069"; +} +.icon-exclamation-circle:before { + content: "\f06a"; +} +.icon-gift:before { + content: "\f06b"; +} +.icon-leaf:before { + content: "\f06c"; +} +.icon-fire:before { + content: "\f06d"; +} +.icon-eye:before { + content: "\f06e"; +} +.icon-eye-slash:before { + content: "\f070"; +} +.icon-warning:before, +.icon-exclamation-triangle: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:before { + content: "\f07b"; +} +.icon-folder-open:before { + content: "\f07c"; +} +.icon-arrows-v:before { + content: "\f07d"; +} +.icon-arrows-h:before { + content: "\f07e"; +} +.icon-bar-chart-o:before, +.icon-bar-chart:before { + content: "\f080"; +} +.icon-twitter-square:before { + content: "\f081"; +} +.icon-facebook-square:before { + content: "\f082"; +} +.icon-camera-retro:before { + content: "\f083"; +} +.icon-key:before { + content: "\f084"; +} +.icon-gears:before, +.icon-cogs:before { + content: "\f085"; +} +.icon-comments:before { + content: "\f086"; +} +.icon-thumbs-o-up:before { + content: "\f087"; +} +.icon-thumbs-o-down:before { + content: "\f088"; +} +.icon-star-half:before { + content: "\f089"; +} +.icon-heart-o:before { + content: "\f08a"; +} +.icon-sign-out:before { + content: "\f08b"; +} +.icon-linkedin-square:before { + content: "\f08c"; +} +.icon-thumb-tack:before { + content: "\f08d"; +} +.icon-external-link:before { + content: "\f08e"; +} +.icon-sign-in:before { + content: "\f090"; +} +.icon-trophy:before { + content: "\f091"; +} +.icon-github-square:before { + content: "\f092"; +} +.icon-upload:before { + content: "\f093"; +} +.icon-lemon-o:before { + content: "\f094"; +} +.icon-phone:before { + content: "\f095"; +} +.icon-square-o:before { + content: "\f096"; +} +.icon-bookmark-o:before { + content: "\f097"; +} +.icon-phone-square:before { + content: "\f098"; +} +.icon-twitter:before { + content: "\f099"; +} +.icon-facebook-f:before, +.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-o:before { + content: "\f0a0"; +} +.icon-bullhorn:before { + content: "\f0a1"; +} +.icon-bell:before { + content: "\f0f3"; +} +.icon-certificate:before { + content: "\f0a3"; +} +.icon-hand-o-right:before { + content: "\f0a4"; +} +.icon-hand-o-left:before { + content: "\f0a5"; +} +.icon-hand-o-up:before { + content: "\f0a6"; +} +.icon-hand-o-down:before { + content: "\f0a7"; +} +.icon-arrow-circle-left:before { + content: "\f0a8"; +} +.icon-arrow-circle-right:before { + content: "\f0a9"; +} +.icon-arrow-circle-up:before { + content: "\f0aa"; +} +.icon-arrow-circle-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-arrows-alt:before { + content: "\f0b2"; +} +.icon-group:before, +.icon-users:before { + content: "\f0c0"; +} +.icon-chain:before, +.icon-link:before { + content: "\f0c1"; +} +.icon-cloud:before { + content: "\f0c2"; +} +.icon-flask:before { + content: "\f0c3"; +} +.icon-cut:before, +.icon-scissors:before { + content: "\f0c4"; +} +.icon-copy:before, +.icon-files-o:before { + content: "\f0c5"; +} +.icon-paperclip:before { + content: "\f0c6"; +} +.icon-save:before, +.icon-floppy-o:before { + content: "\f0c7"; +} +.icon-square:before { + content: "\f0c8"; +} +.icon-navicon:before, +.icon-reorder:before, +.icon-bars: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-square:before { + content: "\f0d3"; +} +.icon-google-plus-square: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-unsorted:before, +.icon-sort:before { + content: "\f0dc"; +} +.icon-sort-down:before, +.icon-sort-desc:before { + content: "\f0dd"; +} +.icon-sort-up:before, +.icon-sort-asc:before { + content: "\f0de"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-linkedin:before { + content: "\f0e1"; +} +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; +} +.icon-legal:before, +.icon-gavel:before { + content: "\f0e3"; +} +.icon-dashboard:before, +.icon-tachometer:before { + content: "\f0e4"; +} +.icon-comment-o:before { + content: "\f0e5"; +} +.icon-comments-o:before { + content: "\f0e6"; +} +.icon-flash:before, +.icon-bolt:before { + content: "\f0e7"; +} +.icon-sitemap:before { + content: "\f0e8"; +} +.icon-umbrella:before { + content: "\f0e9"; +} +.icon-paste:before, +.icon-clipboard:before { + content: "\f0ea"; +} +.icon-lightbulb-o: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-o:before { + content: "\f0a2"; +} +.icon-coffee:before { + content: "\f0f4"; +} +.icon-cutlery:before { + content: "\f0f5"; +} +.icon-file-text-o:before { + content: "\f0f6"; +} +.icon-building-o:before { + content: "\f0f7"; +} +.icon-hospital-o: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-square:before { + content: "\f0fd"; +} +.icon-plus-square:before { + content: "\f0fe"; +} +.icon-angle-double-left:before { + content: "\f100"; +} +.icon-angle-double-right:before { + content: "\f101"; +} +.icon-angle-double-up:before { + content: "\f102"; +} +.icon-angle-double-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, +.icon-mobile:before { + content: "\f10b"; +} +.icon-circle-o: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-mail-reply:before, +.icon-reply:before { + content: "\f112"; +} +.icon-github-alt:before { + content: "\f113"; +} +.icon-folder-o:before { + content: "\f114"; +} +.icon-folder-open-o:before { + content: "\f115"; +} +.icon-smile-o:before { + content: "\f118"; +} +.icon-frown-o:before { + content: "\f119"; +} +.icon-meh-o:before { + content: "\f11a"; +} +.icon-gamepad:before { + content: "\f11b"; +} +.icon-keyboard-o:before { + content: "\f11c"; +} +.icon-flag-o:before { + content: "\f11d"; +} +.icon-flag-checkered:before { + content: "\f11e"; +} +.icon-terminal:before { + content: "\f120"; +} +.icon-code:before { + content: "\f121"; +} +.icon-mail-reply-all:before, +.icon-reply-all:before { + content: "\f122"; +} +.icon-star-half-empty:before, +.icon-star-half-full:before, +.icon-star-half-o:before { + content: "\f123"; +} +.icon-location-arrow:before { + content: "\f124"; +} +.icon-crop:before { + content: "\f125"; +} +.icon-code-fork:before { + content: "\f126"; +} +.icon-unlink:before, +.icon-chain-broken: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-slash:before { + content: "\f131"; +} +.icon-shield:before { + content: "\f132"; +} +.icon-calendar-o:before { + content: "\f133"; +} +.icon-fire-extinguisher:before { + content: "\f134"; +} +.icon-rocket:before { + content: "\f135"; +} +.icon-maxcdn:before { + content: "\f136"; +} +.icon-chevron-circle-left:before { + content: "\f137"; +} +.icon-chevron-circle-right:before { + content: "\f138"; +} +.icon-chevron-circle-up:before { + content: "\f139"; +} +.icon-chevron-circle-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-h:before { + content: "\f141"; +} +.icon-ellipsis-v:before { + content: "\f142"; +} +.icon-rss-square:before { + content: "\f143"; +} +.icon-play-circle:before { + content: "\f144"; +} +.icon-ticket:before { + content: "\f145"; +} +.icon-minus-square:before { + content: "\f146"; +} +.icon-minus-square-o:before { + content: "\f147"; +} +.icon-level-up:before { + content: "\f148"; +} +.icon-level-down:before { + content: "\f149"; +} +.icon-check-square:before { + content: "\f14a"; +} +.icon-pencil-square:before { + content: "\f14b"; +} +.icon-external-link-square:before { + content: "\f14c"; +} +.icon-share-square:before { + content: "\f14d"; +} +.icon-compass:before { + content: "\f14e"; +} +.icon-toggle-down:before, +.icon-caret-square-o-down:before { + content: "\f150"; +} +.icon-toggle-up:before, +.icon-caret-square-o-up:before { + content: "\f151"; +} +.icon-toggle-right:before, +.icon-caret-square-o-right:before { + content: "\f152"; +} +.icon-euro:before, +.icon-eur:before { + content: "\f153"; +} +.icon-gbp:before { + content: "\f154"; +} +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; +} +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; +} +.icon-cny:before, +.icon-rmb:before, +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; +} +.icon-ruble:before, +.icon-rouble:before, +.icon-rub:before { + content: "\f158"; +} +.icon-won:before, +.icon-krw:before { + content: "\f159"; +} +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; +} +.icon-file:before { + content: "\f15b"; +} +.icon-file-text:before { + content: "\f15c"; +} +.icon-sort-alpha-asc:before { + content: "\f15d"; +} +.icon-sort-alpha-desc:before { + content: "\f15e"; +} +.icon-sort-amount-asc:before { + content: "\f160"; +} +.icon-sort-amount-desc:before { + content: "\f161"; +} +.icon-sort-numeric-asc:before { + content: "\f162"; +} +.icon-sort-numeric-desc:before { + content: "\f163"; +} +.icon-thumbs-up:before { + content: "\f164"; +} +.icon-thumbs-down:before { + content: "\f165"; +} +.icon-youtube-square:before { + content: "\f166"; +} +.icon-youtube:before { + content: "\f167"; +} +.icon-xing:before { + content: "\f168"; +} +.icon-xing-square:before { + content: "\f169"; +} +.icon-youtube-play:before { + content: "\f16a"; +} +.icon-dropbox:before { + content: "\f16b"; +} +.icon-stack-overflow:before { + content: "\f16c"; +} +.icon-instagram:before { + content: "\f16d"; +} +.icon-flickr:before { + content: "\f16e"; +} +.icon-adn:before { + content: "\f170"; +} +.icon-bitbucket:before { + content: "\f171"; +} +.icon-bitbucket-square:before { + content: "\f172"; +} +.icon-tumblr:before { + content: "\f173"; +} +.icon-tumblr-square:before { + content: "\f174"; +} +.icon-long-arrow-down:before { + content: "\f175"; +} +.icon-long-arrow-up:before { + content: "\f176"; +} +.icon-long-arrow-left:before { + content: "\f177"; +} +.icon-long-arrow-right:before { + content: "\f178"; +} +.icon-apple:before { + content: "\f179"; +} +.icon-windows:before { + content: "\f17a"; +} +.icon-android:before { + content: "\f17b"; +} +.icon-linux:before { + content: "\f17c"; +} +.icon-dribbble:before { + content: "\f17d"; +} +.icon-skype:before { + content: "\f17e"; +} +.icon-foursquare:before { + content: "\f180"; +} +.icon-trello:before { + content: "\f181"; +} +.icon-female:before { + content: "\f182"; +} +.icon-male:before { + content: "\f183"; +} +.icon-gittip:before, +.icon-gratipay:before { + content: "\f184"; +} +.icon-sun-o:before { + content: "\f185"; +} +.icon-moon-o:before { + content: "\f186"; +} +.icon-archive:before { + content: "\f187"; +} +.icon-bug:before { + content: "\f188"; +} +.icon-vk:before { + content: "\f189"; +} +.icon-weibo:before { + content: "\f18a"; +} +.icon-renren:before { + content: "\f18b"; +} +.icon-pagelines:before { + content: "\f18c"; +} +.icon-stack-exchange:before { + content: "\f18d"; +} +.icon-arrow-circle-o-right:before { + content: "\f18e"; +} +.icon-arrow-circle-o-left:before { + content: "\f190"; +} +.icon-toggle-left:before, +.icon-caret-square-o-left:before { + content: "\f191"; +} +.icon-dot-circle-o:before { + content: "\f192"; +} +.icon-wheelchair:before { + content: "\f193"; +} +.icon-vimeo-square:before { + content: "\f194"; +} +.icon-turkish-lira:before, +.icon-try:before { + content: "\f195"; +} +.icon-plus-square-o:before { + content: "\f196"; +} +.icon-space-shuttle:before { + content: "\f197"; +} +.icon-slack:before { + content: "\f198"; +} +.icon-envelope-square:before { + content: "\f199"; +} +.icon-wordpress:before { + content: "\f19a"; +} +.icon-openid:before { + content: "\f19b"; +} +.icon-institution:before, +.icon-bank:before, +.icon-university:before { + content: "\f19c"; +} +.icon-mortar-board:before, +.icon-graduation-cap:before { + content: "\f19d"; +} +.icon-yahoo:before { + content: "\f19e"; +} +.icon-google:before { + content: "\f1a0"; +} +.icon-reddit:before { + content: "\f1a1"; +} +.icon-reddit-square:before { + content: "\f1a2"; +} +.icon-stumbleupon-circle:before { + content: "\f1a3"; +} +.icon-stumbleupon:before { + content: "\f1a4"; +} +.icon-delicious:before { + content: "\f1a5"; +} +.icon-digg:before { + content: "\f1a6"; +} +.icon-pied-piper:before { + content: "\f1a7"; +} +.icon-pied-piper-alt:before { + content: "\f1a8"; +} +.icon-drupal:before { + content: "\f1a9"; +} +.icon-joomla:before { + content: "\f1aa"; +} +.icon-language:before { + content: "\f1ab"; +} +.icon-fax:before { + content: "\f1ac"; +} +.icon-building:before { + content: "\f1ad"; +} +.icon-child:before { + content: "\f1ae"; +} +.icon-paw:before { + content: "\f1b0"; +} +.icon-spoon:before { + content: "\f1b1"; +} +.icon-cube:before { + content: "\f1b2"; +} +.icon-cubes:before { + content: "\f1b3"; +} +.icon-behance:before { + content: "\f1b4"; +} +.icon-behance-square:before { + content: "\f1b5"; +} +.icon-steam:before { + content: "\f1b6"; +} +.icon-steam-square:before { + content: "\f1b7"; +} +.icon-recycle:before { + content: "\f1b8"; +} +.icon-automobile:before, +.icon-car:before { + content: "\f1b9"; +} +.icon-cab:before, +.icon-taxi:before { + content: "\f1ba"; +} +.icon-tree:before { + content: "\f1bb"; +} +.icon-spotify:before { + content: "\f1bc"; +} +.icon-deviantart:before { + content: "\f1bd"; +} +.icon-soundcloud:before { + content: "\f1be"; +} +.icon-database:before { + content: "\f1c0"; +} +.icon-file-pdf-o:before { + content: "\f1c1"; +} +.icon-file-word-o:before { + content: "\f1c2"; +} +.icon-file-excel-o:before { + content: "\f1c3"; +} +.icon-file-powerpoint-o:before { + content: "\f1c4"; +} +.icon-file-photo-o:before, +.icon-file-picture-o:before, +.icon-file-image-o:before { + content: "\f1c5"; +} +.icon-file-zip-o:before, +.icon-file-archive-o:before { + content: "\f1c6"; +} +.icon-file-sound-o:before, +.icon-file-audio-o:before { + content: "\f1c7"; +} +.icon-file-movie-o:before, +.icon-file-video-o:before { + content: "\f1c8"; +} +.icon-file-code-o:before { + content: "\f1c9"; +} +.icon-vine:before { + content: "\f1ca"; +} +.icon-codepen:before { + content: "\f1cb"; +} +.icon-jsfiddle:before { + content: "\f1cc"; +} +.icon-life-bouy:before, +.icon-life-buoy:before, +.icon-life-saver:before, +.icon-support:before, +.icon-life-ring:before { + content: "\f1cd"; +} +.icon-circle-o-notch:before { + content: "\f1ce"; +} +.icon-ra:before, +.icon-rebel:before { + content: "\f1d0"; +} +.icon-ge:before, +.icon-empire:before { + content: "\f1d1"; +} +.icon-git-square:before { + content: "\f1d2"; +} +.icon-git:before { + content: "\f1d3"; +} +.icon-hacker-news:before { + content: "\f1d4"; +} +.icon-tencent-weibo:before { + content: "\f1d5"; +} +.icon-qq:before { + content: "\f1d6"; +} +.icon-wechat:before, +.icon-weixin:before { + content: "\f1d7"; +} +.icon-send:before, +.icon-paper-plane:before { + content: "\f1d8"; +} +.icon-send-o:before, +.icon-paper-plane-o:before { + content: "\f1d9"; +} +.icon-history:before { + content: "\f1da"; +} +.icon-genderless:before, +.icon-circle-thin:before { + content: "\f1db"; +} +.icon-header:before { + content: "\f1dc"; +} +.icon-paragraph:before { + content: "\f1dd"; +} +.icon-sliders:before { + content: "\f1de"; +} +.icon-share-alt:before { + content: "\f1e0"; +} +.icon-share-alt-square:before { + content: "\f1e1"; +} +.icon-bomb:before { + content: "\f1e2"; +} +.icon-soccer-ball-o:before, +.icon-futbol-o:before { + content: "\f1e3"; +} +.icon-tty:before { + content: "\f1e4"; +} +.icon-binoculars:before { + content: "\f1e5"; +} +.icon-plug:before { + content: "\f1e6"; +} +.icon-slideshare:before { + content: "\f1e7"; +} +.icon-twitch:before { + content: "\f1e8"; +} +.icon-yelp:before { + content: "\f1e9"; +} +.icon-newspaper-o:before { + content: "\f1ea"; +} +.icon-wifi:before { + content: "\f1eb"; +} +.icon-calculator:before { + content: "\f1ec"; +} +.icon-paypal:before { + content: "\f1ed"; +} +.icon-google-wallet:before { + content: "\f1ee"; +} +.icon-cc-visa:before { + content: "\f1f0"; +} +.icon-cc-mastercard:before { + content: "\f1f1"; +} +.icon-cc-discover:before { + content: "\f1f2"; +} +.icon-cc-amex:before { + content: "\f1f3"; +} +.icon-cc-paypal:before { + content: "\f1f4"; +} +.icon-cc-stripe:before { + content: "\f1f5"; +} +.icon-bell-slash:before { + content: "\f1f6"; +} +.icon-bell-slash-o:before { + content: "\f1f7"; +} +.icon-trash:before { + content: "\f1f8"; +} +.icon-copyright:before { + content: "\f1f9"; +} +.icon-at:before { + content: "\f1fa"; +} +.icon-eyedropper:before { + content: "\f1fb"; +} +.icon-paint-brush:before { + content: "\f1fc"; +} +.icon-birthday-cake:before { + content: "\f1fd"; +} +.icon-area-chart:before { + content: "\f1fe"; +} +.icon-pie-chart:before { + content: "\f200"; +} +.icon-line-chart:before { + content: "\f201"; +} +.icon-lastfm:before { + content: "\f202"; +} +.icon-lastfm-square:before { + content: "\f203"; +} +.icon-toggle-off:before { + content: "\f204"; +} +.icon-toggle-on:before { + content: "\f205"; +} +.icon-bicycle:before { + content: "\f206"; +} +.icon-bus:before { + content: "\f207"; +} +.icon-ioxhost:before { + content: "\f208"; +} +.icon-angellist:before { + content: "\f209"; +} +.icon-cc:before { + content: "\f20a"; +} +.icon-shekel:before, +.icon-sheqel:before, +.icon-ils:before { + content: "\f20b"; +} +.icon-meanpath:before { + content: "\f20c"; +} +.icon-buysellads:before { + content: "\f20d"; +} +.icon-connectdevelop:before { + content: "\f20e"; +} +.icon-dashcube:before { + content: "\f210"; +} +.icon-forumbee:before { + content: "\f211"; +} +.icon-leanpub:before { + content: "\f212"; +} +.icon-sellsy:before { + content: "\f213"; +} +.icon-shirtsinbulk:before { + content: "\f214"; +} +.icon-simplybuilt:before { + content: "\f215"; +} +.icon-skyatlas:before { + content: "\f216"; +} +.icon-cart-plus:before { + content: "\f217"; +} +.icon-cart-arrow-down:before { + content: "\f218"; +} +.icon-diamond:before { + content: "\f219"; +} +.icon-ship:before { + content: "\f21a"; +} +.icon-user-secret:before { + content: "\f21b"; +} +.icon-motorcycle:before { + content: "\f21c"; +} +.icon-street-view:before { + content: "\f21d"; +} +.icon-heartbeat:before { + content: "\f21e"; +} +.icon-venus:before { + content: "\f221"; +} +.icon-mars:before { + content: "\f222"; +} +.icon-mercury:before { + content: "\f223"; +} +.icon-transgender:before { + content: "\f224"; +} +.icon-transgender-alt:before { + content: "\f225"; +} +.icon-venus-double:before { + content: "\f226"; +} +.icon-mars-double:before { + content: "\f227"; +} +.icon-venus-mars:before { + content: "\f228"; +} +.icon-mars-stroke:before { + content: "\f229"; +} +.icon-mars-stroke-v:before { + content: "\f22a"; +} +.icon-mars-stroke-h:before { + content: "\f22b"; +} +.icon-neuter:before { + content: "\f22c"; +} +.icon-facebook-official:before { + content: "\f230"; +} +.icon-pinterest-p:before { + content: "\f231"; +} +.icon-whatsapp:before { + content: "\f232"; +} +.icon-server:before { + content: "\f233"; +} +.icon-user-plus:before { + content: "\f234"; +} +.icon-user-times:before { + content: "\f235"; +} +.icon-hotel:before, +.icon-bed:before { + content: "\f236"; +} +.icon-viacoin:before { + content: "\f237"; +} +.icon-train:before { + content: "\f238"; +} +.icon-subway:before { + content: "\f239"; +} +.icon-medium:before { + content: "\f23a"; +} diff --git a/scss/_reset.scss b/scss/_reset.scss new file mode 100644 index 000000000..66d0b0f1e --- /dev/null +++ b/scss/_reset.scss @@ -0,0 +1,44 @@ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td, iframe +{ + margin:0; + padding:0; +} +input:focus, textarea:focus +{ + outline: 0; +} +table +{ + border-collapse: collapse; + border-spacing:0; +} +fieldset, img, iframe +{ + border: 0; +} +h1, h2, h3, h4, h5, h6 +{ + font-weight:normal; +} +ol, ul +{ + list-style-position: inside; + > li { list-style-position: inside; } +} +input, textarea, select +{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} +img { + width: auto\9; + height: auto; + vertical-align: middle; + -ms-interpolation-mode: bicubic; +} +a +{ + color: inherit; + text-decoration: none; +} \ No newline at end of file diff --git a/scss/all.scss b/scss/all.scss new file mode 100644 index 000000000..f20a6d3a8 --- /dev/null +++ b/scss/all.scss @@ -0,0 +1,4 @@ +@import "_reset"; +@import "_grid"; +@import "_icons"; +@import "_gui"; \ No newline at end of file diff --git a/watch.sh b/watch.sh new file mode 100755 index 000000000..af7fa4b49 --- /dev/null +++ b/watch.sh @@ -0,0 +1,12 @@ +#!/bin/bash + +trap 'jobs -p | xargs kill' EXIT + +sass --watch scss:dist/css --sourcemap=none & + +if [ $1 != "jeremyisbadatnode" ]; then + babel --presets es2015,react --out-dir dist/js/ --watch js/ +else + #yes I am dumb, but not a high prio fix - Jeremy + babel --presets /home/jeremy/local/lib/node_modules/babel-preset-es2015,/home/jeremy/local/lib/node_modules/babel-preset-react --out-dir dist/js/ --watch ~/code/lbry-web-gui/js/ +fi \ No newline at end of file