Permalink
Browse files

Use compass

  • Loading branch information...
1 parent 6319a8a commit 75c80723d60506501fdb1e45e6cd2bdcac8a9c38 @iain iain committed Dec 19, 2011
Showing with 178 additions and 148 deletions.
  1. +1 −0 .gitignore
  2. +2 −0 Gemfile
  3. +12 −0 Gemfile.lock
  4. +5 −3 Guardfile
  5. +2 −2 README.md
  6. +25 −0 config.rb
  7. +1 −143 public/css/app.css
  8. 0 public/css/style.css → src/_reset.scss
  9. 0 {public/js → src}/app.coffee
  10. +130 −0 src/app.sass
View
@@ -0,0 +1 @@
+.sass-cache
View
@@ -11,4 +11,6 @@ group :development do
gem 'capistrano_colors'
gem 'capistrano'
gem 'guard-coffeescript'
+ gem 'guard-compass'
+ gem 'sass'
end
View
@@ -11,10 +11,15 @@ GEM
capistrano-ext (1.2.1)
capistrano (>= 1.0.0)
capistrano_colors (0.5.5)
+ chunky_png (1.2.5)
coffee-script (2.2.0)
coffee-script-source
execjs
coffee-script-source (1.1.3)
+ compass (0.11.5)
+ chunky_png (~> 1.2)
+ fssm (>= 0.2.7)
+ sass (~> 3.1)
daemons (1.1.4)
em-websocket (0.3.5)
addressable (>= 2.1.1)
@@ -25,11 +30,15 @@ GEM
foreman (0.26.1)
term-ansicolor (~> 1.0.5)
thor (>= 0.13.6)
+ fssm (0.2.7)
guard (0.8.8)
thor (~> 0.14.6)
guard-coffeescript (0.5.2)
coffee-script (>= 2.2.0)
guard (>= 0.8.3)
+ guard-compass (0.0.6)
+ compass (>= 0.10.5)
+ guard (>= 0.2.1)
highline (1.6.8)
json (1.6.3)
multi_json (1.0.3)
@@ -41,6 +50,7 @@ GEM
net-ssh-gateway (1.1.0)
net-ssh (>= 1.99.1)
rack (1.3.5)
+ sass (3.1.12)
term-ansicolor (1.0.7)
thin (1.3.1)
daemons (>= 1.0.9)
@@ -59,5 +69,7 @@ DEPENDENCIES
eventmachine
foreman
guard-coffeescript
+ guard-compass
json
+ sass
thin
View
@@ -1,4 +1,6 @@
-# A sample Guardfile
-# More info at https://github.com/guard/guard#readme
+#!/usr/bin/env ruby
+guard 'coffeescript', :input => 'src', :output => 'public/js'
-guard 'coffeescript', :input => 'public/js'
+guard 'compass' do
+ watch(%r|^src/(.*)\.s[ac]ss|)
+end
View
@@ -16,13 +16,13 @@ Go to http://localhost:3000/
## Development
-Run `guard` to automatically compile coffeescripts.
+Run `guard` to automatically compile coffeescript and sass files.
## Sounds
To add sounds to the soundboard, create MP3 and Ogg Vorbis versions of your sample,
and put these in the `./public/audio` folder.
-Make sure to remove leading/trailing silence and normalize the volume so it's not too
+Make sure to remove leading/trailing silence and normalize the volume so it's not too
loud or soft compared to the other sounds.
Next, add a single line to the `<ul>` list in the `./public/index.html` file, with
View
@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "public/css"
+sass_dir = "src"
+images_dir = "images"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+output_style = :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
File renamed without changes.
File renamed without changes.
View
@@ -0,0 +1,130 @@
+@import reset
+@import compass
+
+@keyframes 'blink'
+ 0%
+ background: rgba(255, 0, 0, 0.5)
+ 50%
+ background: rgba(255, 0, 0, 0)
+ 100%
+ background: rgba(255, 0, 0, 0.5)
+
+
+@font-face
+ font-family: 'VT323'
+ font-style: normal
+ font-weight: normal
+ src: local("VT323"), url('/webfont.woff') format("woff")
+
+
+body
+ background-color: #000
+ background-image: url('/img/bg.jpg')
+ color: #fff
+ font-family: 'VT323'
+ font-size: 32px
+ padding: 0
+ position: relative
+ -webkit-user-select: none
+ -khtml-user-select: none
+ -moz-user-select: none
+ -o-user-select: none
+ user-select: none
+
+h1
+ margin-bottom: 20px
+ font-size: 64px
+ text-align: center
+ background-color: #000
+ padding: 4px
+ letter-spacing: 2px
+
+span
+ color: #ff0000
+ margin-right: 5px
+
+#content
+ width: 1200px
+ display: block
+ margin: 0 auto
+
+ul
+ display: block
+ padding: 4px
+ width: 1200px
+ background-color: #000
+ display: -webkit-box
+ -webkit-box-orient: horizontal
+ display: -moz-box
+ -moz-box-orient: horizontal
+ display: box
+ box-orient: horizontal
+ > li
+ background-color: #000
+ margin: 4px
+ -webkit-box-flex: 1
+ -moz-box-flex: 1
+ box-flex: 1
+ padding: 2px 8px
+ border: 4px solid #fff
+ font-size: 32px
+ cursor: pointer
+ text-align: center
+
+li
+ &:hover
+ background-color: #fff
+ color: #000
+ &.hover
+ background-color: #fff
+ color: #000
+ background-color: #ff0000
+
+div
+ &#status
+ display: block
+ background-color: #000
+ padding: 15px
+ color: #fff
+ font-size: 32px
+ text-align: left
+ left: 0
+ bottom: 0
+ width: 50%
+ position: fixed
+ span
+ color: #f00
+ text-transform: uppercase
+ &#options
+ background-color: #000
+ height: 32px
+ padding: 15px
+ color: #fff
+ text-align: right
+ width: 50%
+ position: fixed
+ right: 0
+ bottom: 0
+ &.option
+ background-color: #000
+ padding: 15px
+ font-size: 32px
+ color: #fff
+ text-align: right
+ cursor: pointer
+ display: inline
+ span
+ color: #33f
+ .checkbox
+ margin: 0 3px
+ color: #0f0
+
+#overlay
+ background: #000
+ position: fixed
+ top: 70px
+ bottom: 60px
+ left: 0
+ right: 0
+ z-index: 1000
+ opacity: 0.8

0 comments on commit 75c8072

Please sign in to comment.