Move CSS to assets.

2025-03-04 08:39:09 +00:00 · 2013-10-18 11:06:43 +01:00 · 2013-10-18 11:06:43 +01:00 · 6a91128fa6
commit 6a91128fa6
parent c2a1e43720
6 changed files with 103 additions and 5 deletions
--- a/assets/css/common.css.sass
+++ b/assets/css/common.css.sass
--- a/assets/css/controls.css.sass
+++ b/assets/css/controls.css.sass
@ -0,0 +1,2 @@
+#controls button
+  @extend .icon
--- a/assets/css/includes/fonts.css.sass
+++ b/assets/css/includes/fonts.css.sass
@ -0,0 +1,94 @@
+@font-face
+  font-family: 'icomoon'
+  src: url('icomoon.eot')
+  src: url('icomoon.eot?#iefix') format("embedded-opentype"), url('icomoon.ttf') format("truetype"), url('icomoon.woff') format("woff"), url('icomoon.svg#icomoon') format("svg")
+  font-weight: normal
+  font-style: normal
+
+.icon
+  font-family: 'icomoon'
+  speak: none
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+  /* Enable Ligatures ================
+  -webkit-font-feature-settings: "liga"
+  -moz-font-feature-settings: "liga=1"
+  -moz-font-feature-settings: "liga"
+  -ms-font-feature-settings: "liga" 1
+  -o-font-feature-settings: "liga"
+  font-feature-settings: "liga"
+  /* Better Font Rendering ===========
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+[class*="icon-"]
+  @extend .icon
+
+.icon-music:before
+  content: "\e600"
+
+.icon-volume-off:before
+  content: "\e601"
+
+.icon-volume-down:before
+  content: "\e602"
+
+.icon-volume-up:before
+  content: "\e603"
+
+.icon-headphones:before
+  content: "\e604"
+
+.icon-step-backward:before
+  content: "\e605"
+
+.icon-fast-backward:before
+  content: "\e606"
+
+.icon-backward:before
+  content: "\e607"
+
+.icon-play:before
+  content: "\e608"
+
+.icon-pause:before
+  content: "\e609"
+
+.icon-stop:before
+  content: "\e60a"
+
+.icon-forward:before
+  content: "\e60b"
+
+.icon-fast-forward:before
+  content: "\e60c"
+
+.icon-step-forward:before
+  content: "\e60d"
+
+.icon-eject:before
+  content: "\e60e"
+
+.icon-plus:before
+  content: "\e60f"
+
+.icon-minus:before
+  content: "\e610"
+
+.icon-cog:before
+  content: "\e611"
+
+.icon-star:before
+  content: "\e612"
+
+.icon-star-empty:before
+  content: "\e613"
+
+.icon-ok:before
+  content: "\e614"
+
+.icon-remove:before
+  content: "\e615"
--- a/assets/css/mpd-client.css.sass
+++ b/assets/css/mpd-client.css.sass
@ -0,0 +1,4 @@
+@import 'includes/fonts'
+@import 'common'
+@import 'controls'
+@import 'queue'
--- a/assets/css/queue.css.sass
+++ b/assets/css/queue.css.sass
@ -0,0 +1,2 @@
+#queue .current
+  font-weight: bold
--- a/views/index.erb
+++ b/views/index.erb
@ -2,11 +2,7 @@
 <html>
  <head>
    <title>MPD Client</title>
-    <style>
-      #queue .current {
-        font-weight: bold;
-      }
-    </style>
+    <%= stylesheet_tag 'mpd-client' %>
  </head>

  <body>