Style updates.

petemcw · Sep 20, 2016 · 929d744 · 929d744
1 parent 73a2f7e
commit 929d744
Show file tree

Hide file tree

Showing 7 changed files with 78 additions and 4 deletions.
diff --git a/css/fett.css b/css/fett.css
diff --git a/css/fett.css.map b/css/fett.css.map
diff --git a/css/fett.mobile_menu.css b/css/fett.mobile_menu.css
diff --git a/css/fett.mobile_menu.css.map b/css/fett.mobile_menu.css.map
diff --git a/dev/scss/components/_file.scss b/dev/scss/components/_file.scss
@@ -0,0 +1,72 @@
+/* File icons.*/
+
+.file {
+ padding-left: 20px; /* LTR */
+ display: inline-block;
+ min-height: 16px;
+ background-repeat: no-repeat;
+ background-position: left center; /* LTR */
+}
+
+[dir="rtl"] .file {
+ padding-left: inherit;
+ padding-right: 20px;
+ background-position: right center;
+}
+
+.file--general,
+.file--application-octet-stream {
+ background-image: url('../images/icons/application-octet-stream.png');
+}
+
+.file--package-x-generic {
+ background-image: url('../images/icons/package-x-generic.png');
+}
+
+.file--x-office-spreadsheet {
+ background-image: url('../images/icons/x-office-spreadsheet.png');
+}
+
+.file--x-office-document {
+ background-image: url('../images/icons/x-office-document.png');
+}
+
+.file--x-office-presentation {
+ background-image: url('../images/icons/x-office-presentation.png');
+}
+
+.file--text-x-script {
+ background-image: url('../images/icons/text-x-script.png');
+}
+
+.file--text-html {
+ background-image: url('../images/icons/text-html.png');
+}
+
+.file--text-plain {
+ background-image: url('../images/icons/text-plain.png');
+}
+
+.file--application-pdf {
+ background-image: url('../images/icons/application-pdf.png');
+}
+
+.file--application-x-executable {
+ background-image: url('../images/icons/application-x-executable.png');
+}
+
+.file--audio {
+ background-image: url('../images/icons/audio-x-generic.png');
+}
+
+.file--video {
+ background-image: url('../images/icons/video-x-generic.png');
+}
+
+.file--text {
+ background-image: url('../images/icons/text-x-generic.png');
+}
+
+.file--image {
+ background-image: url('../images/icons/image-x-generic.png');
+}
diff --git a/dev/scss/components/_mobile_menu.scss b/dev/scss/components/_mobile_menu.scss
@@ -69,6 +69,7 @@
  border: 0;
  padding: $global-padding;
  color: $white;
+ cursor: pointer;
  }
 }
 

diff --git a/dev/scss/fett.scss b/dev/scss/fett.scss
@@ -35,4 +35,5 @@
 // or anything along those lines. There are usually a lot of files in
 // components/ since your site should be mostly composed of tiny modules.
 
+@import 'components/file';