Skip to content

Commit

Permalink
Added Sass.
Browse files Browse the repository at this point in the history
  • Loading branch information
Bilge committed Jun 8, 2014
1 parent fd94545 commit 1953834
Show file tree
Hide file tree
Showing 6 changed files with 96 additions and 104 deletions.
1 change: 1 addition & 0 deletions .gitignore
@@ -0,0 +1 @@
/assets/css/*
1 change: 1 addition & 0 deletions Gemfile
Expand Up @@ -4,3 +4,4 @@ gem 'sinatra'
gem 'faye'
gem 'thin'
gem 'haml'
gem 'sass'
2 changes: 2 additions & 0 deletions Gemfile.lock
Expand Up @@ -31,6 +31,7 @@ GEM
rack (1.5.2)
rack-protection (1.5.3)
rack
sass (3.3.8)
sinatra (1.4.5)
rack (~> 1.4)
rack-protection (~> 1.4)
Expand All @@ -48,5 +49,6 @@ PLATFORMS
DEPENDENCIES
faye
haml
sass
sinatra
thin
104 changes: 0 additions & 104 deletions assets/css/kansei.css

This file was deleted.

84 changes: 84 additions & 0 deletions assets/sass/kansei.sass
@@ -0,0 +1,84 @@
html, body
height: 100%
overflow: hidden

font-family: sans-serif
background: lightgray

.hidden
display: none

.table
position: relative
height: 75%

.hand
height: 25%
> li
float: left
border: 6px solid rgba(255, 255, 255, 0.25)
font-size: 100pt

.discard
position: absolute
left: 50%
bottom: 15%
margin-left: -100px

.draw
position: absolute
right: 30%
bottom: 15%
margin-left: -100px

.pass
position: absolute
bottom: 10px
left: 50%
width: 100px
height: 40px
margin-left: -50px

.opponent
position: absolute
width: 59px // Webkit fix.
> .hand
position: absolute
width: 30px
height: 10px
background: #88f
border-top: 1px solid #fff

// Card template.
.hand > li, .discard, .draw
width: 200px
height: 300px
line-height: 300px
color: #fff
background: lightslategrey
text-align: center
border-radius: 12px

.chat
position: absolute
top: 50%
left: 50%
width: 600px
height: 300px
margin: -150px -300px
color: #E7EFEF
background: rgba(0, 0, 0, .8)
>
input
position: absolute
bottom: 0
width: 100%
padding: 1px .2em
box-sizing: border-box
color: inherit
background: rgba(84, 82, 78, 0.87)
border: 1px outset #000
font-size: 14pt
.messages
height: 100%
overflow: auto
8 changes: 8 additions & 0 deletions settings.d/sass.rb
@@ -0,0 +1,8 @@
require 'sass/plugin/rack'

Sass::Plugin.options.merge!(
template_location: [['assets/sass', 'assets/css']],
cache_store: Sass::CacheStores::Memory.new
)

use Sass::Plugin::Rack

0 comments on commit 1953834

Please sign in to comment.