tweaks abound, updated prettify styles, new sidenav component started, sprite icons started

1 files changed, 118 insertions, 0 deletions

diff --git a/lib/sprites.less b/lib/sprites.less
new file mode 100644
index 000000000..8b5bcd5a5
--- /dev/null
+++ b/lib/sprites.less
@@ -0,0 +1,118 @@
+// SPRITES
+// Glyphs and icons for buttons, nav, and more
+// -------------------------------------------
+
+
+// ICONS
+// -----
+
+// As of v2.0.0, the <i> tag is reserved for icons from the Glyphicons set.
+// All icons receive the styles of the <i> tag and are then given a unique
+// class to add width, height, and background-position. Your resulting HTML
+// will look like <i class="inbox"></i>.
+
+i {
+  background-image: url(docs/assets/img/glyphicons-halflings-sprite.png);
+  background-position: 0 0;
+  background-repeat: no-repeat;
+  display: inline-block;
+  vertical-align: text-top;
+  width: 14px;
+  height: 14px;
+}
+
+.glass              { background-position: 0      0; }
+.music              { background-position: -24px  0; }
+.search             { background-position: -48px  0; }
+.envelope           { background-position: -72px  0; }
+.heart              { background-position: -96px  0; }
+.star               { background-position: -120px 0; }
+.star-empty         { background-position: -144px 0; }
+.user               { background-position: -168px 0; }
+.film               { background-position: -192px 0; }
+.th-large           { background-position: -216px 0; }
+.th                 { background-position: -240px 0; }
+.th-lines           { background-position: -264px 0; }
+.ok                 { background-position: -288px 0; }
+.remove             { background-position: -312px 0; }
+.zoom-in            { background-position: -336px 0; }
+.zoom-out           { background-position: -360px 0; }
+.off                { background-position: -384px 0; }
+.signal             { background-position: -408px 0; }
+.cog                { background-position: -432px 0; }
+.trash              { background-position: -456px 0; }
+
+.home               { background-position: 0      -24px; }
+.file               { background-position: -24px  -24px; }
+.time               { background-position: -48px  -24px; }
+.road               { background-position: -72px  -24px; }
+.download-alt       { background-position: -96px  -24px; }
+.download           { background-position: -120px -24px; }
+.upload             { background-position: -144px -24px; }
+.inbox              { background-position: -168px -24px; }
+.play-circle        { background-position: -192px -24px; }
+.repeat             { background-position: -216px -24px; }
+.refresh            { background-position: -240px -24px; }
+.calendar           { background-position: -264px -24px; }
+.lock               { background-position: -288px -24px; }
+.flag               { background-position: -312px -24px; }
+.headphones         { background-position: -336px -24px; }
+.volume-off         { background-position: -360px -24px; }
+.volume-down        { background-position: -384px -24px; }
+.volume-up          { background-position: -408px -24px; }
+.qrcode             { background-position: -432px -24px; }
+.barcode            { background-position: -456px -24px; }
+
+.tag                { background-position: 0      -48px; }
+.tags               { background-position: -24px  -48px; }
+.book               { background-position: -48px  -48px; }
+.bookmark           { background-position: -72px  -48px; }
+.print              { background-position: -96px  -48px; }
+.camera             { background-position: -120px -48px; }
+.font               { background-position: -144px -48px; }
+.bold               { background-position: -168px -48px; }
+.italic             { background-position: -192px -48px; }
+.text-height        { background-position: -216px -48px; }
+.text-width         { background-position: -240px -48px; }
+.align-left         { background-position: -264px -48px; }
+.align-center       { background-position: -288px -48px; }
+.align-right        { background-position: -312px -48px; }
+.align-justify      { background-position: -336px -48px; }
+.list               { background-position: -360px -48px; }
+.indent-left        { background-position: -384px -48px; }
+.indent-right       { background-position: -408px -48px; }
+.facetime-video     { background-position: -432px -48px; }
+.picture            { background-position: -456px -48px; }
+
+.pencil             { background-position: 0      -72px; }
+.map-marker         { background-position: -24px  -72px; }
+.adjust             { background-position: -48px  -72px; }
+.tint               { background-position: -72px  -72px; }
+.edit               { background-position: -96px  -72px; }
+.share              { background-position: -120px -72px; }
+.check              { background-position: -144px -72px; }
+.move               { background-position: -168px -72px; }
+.step-backward      { background-position: -192px -72px; }
+.fast-backward      { background-position: -216px -72px; }
+.backward           { background-position: -240px -72px; }
+.play               { background-position: -264px -72px; }
+.pause              { background-position: -288px -72px; }
+.stop               { background-position: -312px -72px; }
+.forward            { background-position: -336px -72px; }
+.fast-forward       { background-position: -360px -72px; }
+.step-forward       { background-position: -384px -72px; }
+.eject              { background-position: -408px -72px; }
+.chevron-left       { background-position: -432px -72px; }
+.chevron-right      { background-position: -456px -72px; }
+
+.arrow-left         { background-position: -240px -96px; }
+.arrow-right        { background-position: -264px -96px; }
+.arrow-up           { background-position: -288px -96px; }
+.arrow-down         { background-position: -312px -96px; }
+.share              { background-position: -336px -96px; }
+.resize-full        { background-position: -360px -96px; }
+.resize-small       { background-position: -384px -96px; }
+.plus               { background-position: -408px -96px; }
+.minus              { background-position: -432px -96px; }
+.asterisk           { background-position: -456px -96px; }
+