Skip to content

Instantly share code, notes, and snippets.

@allenyang79

allenyang79/_base.scss

Created October 28, 2013 14:53
Show Gist options
  • Save allenyang79/7198148 to your computer and use it in GitHub Desktop.
Save allenyang79/7198148 to your computer and use it in GitHub Desktop.
Download ZIP
compass susy responsive測試
Raw
_base.scss
@import "susy";
@import "compass";
//if you want to use the buttons plugin
@import "sassy-buttons";
//this is the default number of columns
$total-columns: 8;
//width of each column
$column-width : 60px;
//space between columns
$gutter-width : 10px;
//space on the right and left of the grid
$grid-padding : $gutter-width;
//alternative layout sizes
$tablet:8;
$desktop960:960px 12;
$desktop1280:1280 16;
$desktop1920:1920px 24;
Raw
config.rb
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"
require "susy"
require "sassy-buttons"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :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
Raw
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<h1 id="header">Plan It! <span class="tagline">Event Guest Manager</span></h1>
<div id="controls">
<h3 id="menutitle">Guest List For - John's Wedding</h3>
<div id="buttons">
<a id="phonebook" href="#">Add From Contacts</a>
<a id="newguest" href="#">Add New Guest</a>
</div>
</div>
<table cellspacing="0">
<thead>
<tr>
<th>Name</th>
<th class="email">Email</th>
<th class="phone">Phone</th>
<th class="cell">Cell</th>
<th>RSVP Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dave K. Samten</th>
<td class="email">[email protected]</td>
<td class="phone">708-6777</td>
<td class="cell">360-234-1192</td>
<td class="buttoncell">
<a class="unconfirm" href="#" alt="Confirmed">Confirmed</a>
</td>
</tr>
<tr class="alt">
<td>Bob Renper</th>
<td class="email">[email protected]</td>
<td class="phone">537-4267</td>
<td class="cell">621-124-4294</td>
<td class="buttoncell">
<a class="unconfirm" href="#" alt="Confirmed">Confirmed</a>
</td>
</tr>
<tr>
<td>Kevin D. Turner</th>
<td class="email">[email protected]</td>
<td class="phone">942-2674</td>
<td class="cell">930-654-4144</td>
<td class="buttoncell">
<a class="confirm" href="#" alt="RSVP">RSVP</a>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Raw
screen.css
/* line 3, ../sass/screen.scss */
body {
background: #F7F3E8;
}
/* line 5, ../sass/screen.scss */
body a {
text-decoration: none;
}
/* line 6, ../sass/screen.scss */
body .container {
font-family: "Ubuntu", sans-serif;
*zoom: 1;
max-width: 550px;
_width: 550px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(10.90909%, rgba(100, 100, 225, 0.25)), color-stop(10.90909%, rgba(0, 0, 0, 0)), color-stop(12.72727%, rgba(0, 0, 0, 0)), color-stop(12.72727%, rgba(100, 100, 225, 0.25)), color-stop(23.63636%, rgba(100, 100, 225, 0.25)), color-stop(23.63636%, rgba(0, 0, 0, 0)), color-stop(25.45455%, rgba(0, 0, 0, 0)), color-stop(25.45455%, rgba(100, 100, 225, 0.25)), color-stop(36.36364%, rgba(100, 100, 225, 0.25)), color-stop(36.36364%, rgba(0, 0, 0, 0)), color-stop(38.18182%, rgba(0, 0, 0, 0)), color-stop(38.18182%, rgba(100, 100, 225, 0.25)), color-stop(49.09091%, rgba(100, 100, 225, 0.25)), color-stop(49.09091%, rgba(0, 0, 0, 0)), color-stop(50.90909%, rgba(0, 0, 0, 0)), color-stop(50.90909%, rgba(100, 100, 225, 0.25)), color-stop(61.81818%, rgba(100, 100, 225, 0.25)), color-stop(61.81818%, rgba(0, 0, 0, 0)), color-stop(63.63636%, rgba(0, 0, 0, 0)), color-stop(63.63636%, rgba(100, 100, 225, 0.25)), color-stop(74.54545%, rgba(100, 100, 225, 0.25)), color-stop(74.54545%, rgba(0, 0, 0, 0)), color-stop(76.36364%, rgba(0, 0, 0, 0)), color-stop(76.36364%, rgba(100, 100, 225, 0.25)), color-stop(87.27273%, rgba(100, 100, 225, 0.25)), color-stop(87.27273%, rgba(0, 0, 0, 0)), color-stop(89.09091%, rgba(0, 0, 0, 0)), color-stop(89.09091%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-position: left top;
-webkit-background-origin: content;
-moz-background-origin: content;
-ms-background-origin: content-box;
-o-background-origin: content-box;
background-origin: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
background-clip: content-box;
min-width: 720px;
width: auto !important;
width: 720px;
}
/* line 38, ../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
body .container:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 960px) {
/* line 6, ../sass/screen.scss */
body .container {
max-width: 830px;
}
}
@media (min-width: 1110px) {
/* line 6, ../sass/screen.scss */
body .container {
max-width: 1110px;
}
}
@media (min-width: 1920px) {
/* line 6, ../sass/screen.scss */
body .container {
max-width: 1670px;
}
}
/* line 11, ../sass/screen.scss */
body .container #header {
font-weight: 700;
font-size: 72px;
}
/* line 14, ../sass/screen.scss */
body .container #header span {
font-weight: 300;
font-size: 18px;
display: block;
}
/* line 21, ../sass/screen.scss */
body .container #controls #buttons {
margin-bottom: 5px;
}
/* line 23, ../sass/screen.scss */
body .container #controls #buttons #phonebook {
font-size: 14px;
padding: 0.5em 1.5em;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF337EC4', endColorstr='#FF1E4A73');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #337ec4), color-stop(100%, #28649c));
background: -webkit-linear-gradient(#337ec4, #28649c);
background: -moz-linear-gradient(#337ec4, #28649c);
background: -o-linear-gradient(#337ec4, #28649c);
background: linear-gradient(#337ec4, #28649c);
-webkit-box-shadow: #6ba4d8 0 1px 0 inset;
-moz-box-shadow: #6ba4d8 0 1px 0 inset;
box-shadow: #6ba4d8 0 1px 0 inset;
border: 1px solid #235787;
color: white;
text-shadow: #183a5b 0 -1px 0;
}
/* line 15, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #phonebook:hover {
text-decoration: none;
}
/* line 36, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #phonebook:hover {
background-color: #235787;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e71b0), color-stop(100%, #235787));
background: -webkit-linear-gradient(#2e71b0, #235787);
background: -moz-linear-gradient(#2e71b0, #235787);
background: -o-linear-gradient(#2e71b0, #235787);
background: linear-gradient(#2e71b0, #235787);
}
/* line 39, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #phonebook:active {
-webkit-box-shadow: #204f7b 0 1px 2px inset;
-moz-box-shadow: #204f7b 0 1px 2px inset;
box-shadow: #204f7b 0 1px 2px inset;
}
/* line 6, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #phonebook.disabled, body .container #controls #buttons #phonebook[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: #28649c;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 74, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
body .container #controls #buttons #phonebook::-moz-focus-inner {
padding: 0 !important;
margin: -1px !important;
}
/* line 24, ../sass/screen.scss */
body .container #controls #buttons #newguest {
margin-top: 5px;
font-size: 14px;
padding: 0.5em 1.5em;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD93131', endColorstr='#FF8A1A1A');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d93131), color-stop(100%, #b62121));
background: -webkit-linear-gradient(#d93131, #b62121);
background: -moz-linear-gradient(#d93131, #b62121);
background: -o-linear-gradient(#d93131, #b62121);
background: linear-gradient(#d93131, #b62121);
-webkit-box-shadow: #e57272 0 1px 0 inset;
-moz-box-shadow: #e57272 0 1px 0 inset;
box-shadow: #e57272 0 1px 0 inset;
border: 1px solid #a01e1e;
color: white;
text-shadow: #711515 0 -1px 0;
}
/* line 15, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #newguest:hover {
text-decoration: none;
}
/* line 36, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #newguest:hover {
background-color: #a01e1e;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cb2525), color-stop(100%, #a01e1e));
background: -webkit-linear-gradient(#cb2525, #a01e1e);
background: -moz-linear-gradient(#cb2525, #a01e1e);
background: -o-linear-gradient(#cb2525, #a01e1e);
background: linear-gradient(#cb2525, #a01e1e);
}
/* line 39, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #newguest:active {
-webkit-box-shadow: #931b1b 0 1px 2px inset;
-moz-box-shadow: #931b1b 0 1px 2px inset;
box-shadow: #931b1b 0 1px 2px inset;
}
/* line 6, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container #controls #buttons #newguest.disabled, body .container #controls #buttons #newguest[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: #b62121;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 74, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
body .container #controls #buttons #newguest::-moz-focus-inner {
padding: 0 !important;
margin: -1px !important;
}
/* line 30, ../sass/screen.scss */
body .container table {
width: 100%;
}
/* line 32, ../sass/screen.scss */
body .container table thead {
color: #FEFEFE;
background: #000;
}
/* line 35, ../sass/screen.scss */
body .container table thead th {
text-align: left;
font-weight: 500;
padding: 10px;
}
/* line 41, ../sass/screen.scss */
body .container table tbody {
border: 3px solid black;
}
/* line 43, ../sass/screen.scss */
body .container table tbody tr {
background: #E5E5E5;
}
/* line 44, ../sass/screen.scss */
body .container table tbody tr.alt {
background: #EEEEEE;
}
/* line 46, ../sass/screen.scss */
body .container table tbody .buttoncell .confirm {
font-size: 14px;
padding: 0.5em 1.5em;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF39B06', endColorstr='#FF8F5C04');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f39b06), color-stop(100%, #c17b05));
background: -webkit-linear-gradient(#f39b06, #c17b05);
background: -moz-linear-gradient(#f39b06, #c17b05);
background: -o-linear-gradient(#f39b06, #c17b05);
background: linear-gradient(#f39b06, #c17b05);
-webkit-box-shadow: #fbb94b 0 1px 0 inset;
-moz-box-shadow: #fbb94b 0 1px 0 inset;
box-shadow: #fbb94b 0 1px 0 inset;
border: 1px solid #a86b04;
color: white;
text-shadow: #724803 0 -1px 0;
}
/* line 15, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .confirm:hover {
text-decoration: none;
}
/* line 36, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .confirm:hover {
background-color: #a86b04;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da8b05), color-stop(100%, #a86b04));
background: -webkit-linear-gradient(#da8b05, #a86b04);
background: -moz-linear-gradient(#da8b05, #a86b04);
background: -o-linear-gradient(#da8b05, #a86b04);
background: linear-gradient(#da8b05, #a86b04);
}
/* line 39, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .confirm:active {
-webkit-box-shadow: #996204 0 1px 2px inset;
-moz-box-shadow: #996204 0 1px 2px inset;
box-shadow: #996204 0 1px 2px inset;
}
/* line 6, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .confirm.disabled, body .container table tbody .buttoncell .confirm[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: #c17b05;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 74, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
body .container table tbody .buttoncell .confirm::-moz-focus-inner {
padding: 0 !important;
margin: -1px !important;
}
/* line 47, ../sass/screen.scss */
body .container table tbody .buttoncell .unconfirm {
font-size: 14px;
padding: 0.5em 1.5em;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3BA06F', endColorstr='#FF20553B');
background-color: #3ba06f;
border: 0;
color: white;
text-shadow: #19432e 0 -1px 0;
}
/* line 15, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .unconfirm:hover {
text-decoration: none;
}
/* line 42, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .unconfirm:hover {
background-color: #348d62;
}
/* line 44, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .unconfirm:active {
background-color: #30825a;
}
/* line 6, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass */
body .container table tbody .buttoncell .unconfirm.disabled, body .container table tbody .buttoncell .unconfirm[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
background: false;
cursor: default;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 74, ../../../../../Library/Ruby/Gems/1.8/gems/sassy-buttons-0.2.6/stylesheets/_sassy-buttons.sass */
body .container table tbody .buttoncell .unconfirm::-moz-focus-inner {
padding: 0 !important;
margin: -1px !important;
}
/* line 50, ../sass/screen.scss */
body .container table .email {
display: none;
}
/* line 51, ../sass/screen.scss */
body .container table .cell {
display: none;
}
@media (min-width: 550px) {
/* line 57, ../sass/screen.scss */
body .container {
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(10.90909%, rgba(100, 100, 225, 0.25)), color-stop(10.90909%, rgba(0, 0, 0, 0)), color-stop(12.72727%, rgba(0, 0, 0, 0)), color-stop(12.72727%, rgba(100, 100, 225, 0.25)), color-stop(23.63636%, rgba(100, 100, 225, 0.25)), color-stop(23.63636%, rgba(0, 0, 0, 0)), color-stop(25.45455%, rgba(0, 0, 0, 0)), color-stop(25.45455%, rgba(100, 100, 225, 0.25)), color-stop(36.36364%, rgba(100, 100, 225, 0.25)), color-stop(36.36364%, rgba(0, 0, 0, 0)), color-stop(38.18182%, rgba(0, 0, 0, 0)), color-stop(38.18182%, rgba(100, 100, 225, 0.25)), color-stop(49.09091%, rgba(100, 100, 225, 0.25)), color-stop(49.09091%, rgba(0, 0, 0, 0)), color-stop(50.90909%, rgba(0, 0, 0, 0)), color-stop(50.90909%, rgba(100, 100, 225, 0.25)), color-stop(61.81818%, rgba(100, 100, 225, 0.25)), color-stop(61.81818%, rgba(0, 0, 0, 0)), color-stop(63.63636%, rgba(0, 0, 0, 0)), color-stop(63.63636%, rgba(100, 100, 225, 0.25)), color-stop(74.54545%, rgba(100, 100, 225, 0.25)), color-stop(74.54545%, rgba(0, 0, 0, 0)), color-stop(76.36364%, rgba(0, 0, 0, 0)), color-stop(76.36364%, rgba(100, 100, 225, 0.25)), color-stop(87.27273%, rgba(100, 100, 225, 0.25)), color-stop(87.27273%, rgba(0, 0, 0, 0)), color-stop(89.09091%, rgba(0, 0, 0, 0)), color-stop(89.09091%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 10.90909%, rgba(0, 0, 0, 0) 10.90909%, rgba(0, 0, 0, 0) 12.72727%, rgba(100, 100, 225, 0.25) 12.72727%, rgba(100, 100, 225, 0.25) 23.63636%, rgba(0, 0, 0, 0) 23.63636%, rgba(0, 0, 0, 0) 25.45455%, rgba(100, 100, 225, 0.25) 25.45455%, rgba(100, 100, 225, 0.25) 36.36364%, rgba(0, 0, 0, 0) 36.36364%, rgba(0, 0, 0, 0) 38.18182%, rgba(100, 100, 225, 0.25) 38.18182%, rgba(100, 100, 225, 0.25) 49.09091%, rgba(0, 0, 0, 0) 49.09091%, rgba(0, 0, 0, 0) 50.90909%, rgba(100, 100, 225, 0.25) 50.90909%, rgba(100, 100, 225, 0.25) 61.81818%, rgba(0, 0, 0, 0) 61.81818%, rgba(0, 0, 0, 0) 63.63636%, rgba(100, 100, 225, 0.25) 63.63636%, rgba(100, 100, 225, 0.25) 74.54545%, rgba(0, 0, 0, 0) 74.54545%, rgba(0, 0, 0, 0) 76.36364%, rgba(100, 100, 225, 0.25) 76.36364%, rgba(100, 100, 225, 0.25) 87.27273%, rgba(0, 0, 0, 0) 87.27273%, rgba(0, 0, 0, 0) 89.09091%, rgba(100, 100, 225, 0.25) 89.09091%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-position: left top;
-webkit-background-origin: content;
-moz-background-origin: content;
-ms-background-origin: content-box;
-o-background-origin: content-box;
background-origin: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
background-clip: content-box;
}
/* line 59, ../sass/screen.scss */
body .container #header span {
display: inline;
}
/* line 60, ../sass/screen.scss */
body .container table .email {
display: table-cell;
}
}
@media (min-width: 960px) {
/* line 65, ../sass/screen.scss */
body .container {
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(7.22892%, rgba(100, 100, 225, 0.25)), color-stop(7.22892%, rgba(0, 0, 0, 0)), color-stop(8.43373%, rgba(0, 0, 0, 0)), color-stop(8.43373%, rgba(100, 100, 225, 0.25)), color-stop(15.66265%, rgba(100, 100, 225, 0.25)), color-stop(15.66265%, rgba(0, 0, 0, 0)), color-stop(16.86747%, rgba(0, 0, 0, 0)), color-stop(16.86747%, rgba(100, 100, 225, 0.25)), color-stop(24.09639%, rgba(100, 100, 225, 0.25)), color-stop(24.09639%, rgba(0, 0, 0, 0)), color-stop(25.3012%, rgba(0, 0, 0, 0)), color-stop(25.3012%, rgba(100, 100, 225, 0.25)), color-stop(32.53012%, rgba(100, 100, 225, 0.25)), color-stop(32.53012%, rgba(0, 0, 0, 0)), color-stop(33.73494%, rgba(0, 0, 0, 0)), color-stop(33.73494%, rgba(100, 100, 225, 0.25)), color-stop(40.96386%, rgba(100, 100, 225, 0.25)), color-stop(40.96386%, rgba(0, 0, 0, 0)), color-stop(42.16867%, rgba(0, 0, 0, 0)), color-stop(42.16867%, rgba(100, 100, 225, 0.25)), color-stop(49.39759%, rgba(100, 100, 225, 0.25)), color-stop(49.39759%, rgba(0, 0, 0, 0)), color-stop(50.60241%, rgba(0, 0, 0, 0)), color-stop(50.60241%, rgba(100, 100, 225, 0.25)), color-stop(57.83133%, rgba(100, 100, 225, 0.25)), color-stop(57.83133%, rgba(0, 0, 0, 0)), color-stop(59.03614%, rgba(0, 0, 0, 0)), color-stop(59.03614%, rgba(100, 100, 225, 0.25)), color-stop(66.26506%, rgba(100, 100, 225, 0.25)), color-stop(66.26506%, rgba(0, 0, 0, 0)), color-stop(67.46988%, rgba(0, 0, 0, 0)), color-stop(67.46988%, rgba(100, 100, 225, 0.25)), color-stop(74.6988%, rgba(100, 100, 225, 0.25)), color-stop(74.6988%, rgba(0, 0, 0, 0)), color-stop(75.90361%, rgba(0, 0, 0, 0)), color-stop(75.90361%, rgba(100, 100, 225, 0.25)), color-stop(83.13253%, rgba(100, 100, 225, 0.25)), color-stop(83.13253%, rgba(0, 0, 0, 0)), color-stop(84.33735%, rgba(0, 0, 0, 0)), color-stop(84.33735%, rgba(100, 100, 225, 0.25)), color-stop(91.56627%, rgba(100, 100, 225, 0.25)), color-stop(91.56627%, rgba(0, 0, 0, 0)), color-stop(92.77108%, rgba(0, 0, 0, 0)), color-stop(92.77108%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(100, 100, 225, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 7.22892%, rgba(0, 0, 0, 0) 7.22892%, rgba(0, 0, 0, 0) 8.43373%, rgba(100, 100, 225, 0.25) 8.43373%, rgba(100, 100, 225, 0.25) 15.66265%, rgba(0, 0, 0, 0) 15.66265%, rgba(0, 0, 0, 0) 16.86747%, rgba(100, 100, 225, 0.25) 16.86747%, rgba(100, 100, 225, 0.25) 24.09639%, rgba(0, 0, 0, 0) 24.09639%, rgba(0, 0, 0, 0) 25.3012%, rgba(100, 100, 225, 0.25) 25.3012%, rgba(100, 100, 225, 0.25) 32.53012%, rgba(0, 0, 0, 0) 32.53012%, rgba(0, 0, 0, 0) 33.73494%, rgba(100, 100, 225, 0.25) 33.73494%, rgba(100, 100, 225, 0.25) 40.96386%, rgba(0, 0, 0, 0) 40.96386%, rgba(0, 0, 0, 0) 42.16867%, rgba(100, 100, 225, 0.25) 42.16867%, rgba(100, 100, 225, 0.25) 49.39759%, rgba(0, 0, 0, 0) 49.39759%, rgba(0, 0, 0, 0) 50.60241%, rgba(100, 100, 225, 0.25) 50.60241%, rgba(100, 100, 225, 0.25) 57.83133%, rgba(0, 0, 0, 0) 57.83133%, rgba(0, 0, 0, 0) 59.03614%, rgba(100, 100, 225, 0.25) 59.03614%, rgba(100, 100, 225, 0.25) 66.26506%, rgba(0, 0, 0, 0) 66.26506%, rgba(0, 0, 0, 0) 67.46988%, rgba(100, 100, 225, 0.25) 67.46988%, rgba(100, 100, 225, 0.25) 74.6988%, rgba(0, 0, 0, 0) 74.6988%, rgba(0, 0, 0, 0) 75.90361%, rgba(100, 100, 225, 0.25) 75.90361%, rgba(100, 100, 225, 0.25) 83.13253%, rgba(0, 0, 0, 0) 83.13253%, rgba(0, 0, 0, 0) 84.33735%, rgba(100, 100, 225, 0.25) 84.33735%, rgba(100, 100, 225, 0.25) 91.56627%, rgba(0, 0, 0, 0) 91.56627%, rgba(0, 0, 0, 0) 92.77108%, rgba(100, 100, 225, 0.25) 92.77108%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 7.22892%, rgba(0, 0, 0, 0) 7.22892%, rgba(0, 0, 0, 0) 8.43373%, rgba(100, 100, 225, 0.25) 8.43373%, rgba(100, 100, 225, 0.25) 15.66265%, rgba(0, 0, 0, 0) 15.66265%, rgba(0, 0, 0, 0) 16.86747%, rgba(100, 100, 225, 0.25) 16.86747%, rgba(100, 100, 225, 0.25) 24.09639%, rgba(0, 0, 0, 0) 24.09639%, rgba(0, 0, 0, 0) 25.3012%, rgba(100, 100, 225, 0.25) 25.3012%, rgba(100, 100, 225, 0.25) 32.53012%, rgba(0, 0, 0, 0) 32.53012%, rgba(0, 0, 0, 0) 33.73494%, rgba(100, 100, 225, 0.25) 33.73494%, rgba(100, 100, 225, 0.25) 40.96386%, rgba(0, 0, 0, 0) 40.96386%, rgba(0, 0, 0, 0) 42.16867%, rgba(100, 100, 225, 0.25) 42.16867%, rgba(100, 100, 225, 0.25) 49.39759%, rgba(0, 0, 0, 0) 49.39759%, rgba(0, 0, 0, 0) 50.60241%, rgba(100, 100, 225, 0.25) 50.60241%, rgba(100, 100, 225, 0.25) 57.83133%, rgba(0, 0, 0, 0) 57.83133%, rgba(0, 0, 0, 0) 59.03614%, rgba(100, 100, 225, 0.25) 59.03614%, rgba(100, 100, 225, 0.25) 66.26506%, rgba(0, 0, 0, 0) 66.26506%, rgba(0, 0, 0, 0) 67.46988%, rgba(100, 100, 225, 0.25) 67.46988%, rgba(100, 100, 225, 0.25) 74.6988%, rgba(0, 0, 0, 0) 74.6988%, rgba(0, 0, 0, 0) 75.90361%, rgba(100, 100, 225, 0.25) 75.90361%, rgba(100, 100, 225, 0.25) 83.13253%, rgba(0, 0, 0, 0) 83.13253%, rgba(0, 0, 0, 0) 84.33735%, rgba(100, 100, 225, 0.25) 84.33735%, rgba(100, 100, 225, 0.25) 91.56627%, rgba(0, 0, 0, 0) 91.56627%, rgba(0, 0, 0, 0) 92.77108%, rgba(100, 100, 225, 0.25) 92.77108%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 7.22892%, rgba(0, 0, 0, 0) 7.22892%, rgba(0, 0, 0, 0) 8.43373%, rgba(100, 100, 225, 0.25) 8.43373%, rgba(100, 100, 225, 0.25) 15.66265%, rgba(0, 0, 0, 0) 15.66265%, rgba(0, 0, 0, 0) 16.86747%, rgba(100, 100, 225, 0.25) 16.86747%, rgba(100, 100, 225, 0.25) 24.09639%, rgba(0, 0, 0, 0) 24.09639%, rgba(0, 0, 0, 0) 25.3012%, rgba(100, 100, 225, 0.25) 25.3012%, rgba(100, 100, 225, 0.25) 32.53012%, rgba(0, 0, 0, 0) 32.53012%, rgba(0, 0, 0, 0) 33.73494%, rgba(100, 100, 225, 0.25) 33.73494%, rgba(100, 100, 225, 0.25) 40.96386%, rgba(0, 0, 0, 0) 40.96386%, rgba(0, 0, 0, 0) 42.16867%, rgba(100, 100, 225, 0.25) 42.16867%, rgba(100, 100, 225, 0.25) 49.39759%, rgba(0, 0, 0, 0) 49.39759%, rgba(0, 0, 0, 0) 50.60241%, rgba(100, 100, 225, 0.25) 50.60241%, rgba(100, 100, 225, 0.25) 57.83133%, rgba(0, 0, 0, 0) 57.83133%, rgba(0, 0, 0, 0) 59.03614%, rgba(100, 100, 225, 0.25) 59.03614%, rgba(100, 100, 225, 0.25) 66.26506%, rgba(0, 0, 0, 0) 66.26506%, rgba(0, 0, 0, 0) 67.46988%, rgba(100, 100, 225, 0.25) 67.46988%, rgba(100, 100, 225, 0.25) 74.6988%, rgba(0, 0, 0, 0) 74.6988%, rgba(0, 0, 0, 0) 75.90361%, rgba(100, 100, 225, 0.25) 75.90361%, rgba(100, 100, 225, 0.25) 83.13253%, rgba(0, 0, 0, 0) 83.13253%, rgba(0, 0, 0, 0) 84.33735%, rgba(100, 100, 225, 0.25) 84.33735%, rgba(100, 100, 225, 0.25) 91.56627%, rgba(0, 0, 0, 0) 91.56627%, rgba(0, 0, 0, 0) 92.77108%, rgba(100, 100, 225, 0.25) 92.77108%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 7.22892%, rgba(0, 0, 0, 0) 7.22892%, rgba(0, 0, 0, 0) 8.43373%, rgba(100, 100, 225, 0.25) 8.43373%, rgba(100, 100, 225, 0.25) 15.66265%, rgba(0, 0, 0, 0) 15.66265%, rgba(0, 0, 0, 0) 16.86747%, rgba(100, 100, 225, 0.25) 16.86747%, rgba(100, 100, 225, 0.25) 24.09639%, rgba(0, 0, 0, 0) 24.09639%, rgba(0, 0, 0, 0) 25.3012%, rgba(100, 100, 225, 0.25) 25.3012%, rgba(100, 100, 225, 0.25) 32.53012%, rgba(0, 0, 0, 0) 32.53012%, rgba(0, 0, 0, 0) 33.73494%, rgba(100, 100, 225, 0.25) 33.73494%, rgba(100, 100, 225, 0.25) 40.96386%, rgba(0, 0, 0, 0) 40.96386%, rgba(0, 0, 0, 0) 42.16867%, rgba(100, 100, 225, 0.25) 42.16867%, rgba(100, 100, 225, 0.25) 49.39759%, rgba(0, 0, 0, 0) 49.39759%, rgba(0, 0, 0, 0) 50.60241%, rgba(100, 100, 225, 0.25) 50.60241%, rgba(100, 100, 225, 0.25) 57.83133%, rgba(0, 0, 0, 0) 57.83133%, rgba(0, 0, 0, 0) 59.03614%, rgba(100, 100, 225, 0.25) 59.03614%, rgba(100, 100, 225, 0.25) 66.26506%, rgba(0, 0, 0, 0) 66.26506%, rgba(0, 0, 0, 0) 67.46988%, rgba(100, 100, 225, 0.25) 67.46988%, rgba(100, 100, 225, 0.25) 74.6988%, rgba(0, 0, 0, 0) 74.6988%, rgba(0, 0, 0, 0) 75.90361%, rgba(100, 100, 225, 0.25) 75.90361%, rgba(100, 100, 225, 0.25) 83.13253%, rgba(0, 0, 0, 0) 83.13253%, rgba(0, 0, 0, 0) 84.33735%, rgba(100, 100, 225, 0.25) 84.33735%, rgba(100, 100, 225, 0.25) 91.56627%, rgba(0, 0, 0, 0) 91.56627%, rgba(0, 0, 0, 0) 92.77108%, rgba(100, 100, 225, 0.25) 92.77108%, rgba(100, 100, 225, 0.25) 100%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%);
background-position: left top;
-webkit-background-origin: content;
-moz-background-origin: content;
-ms-background-origin: content-box;
-o-background-origin: content-box;
background-origin: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
background-clip: content-box;
}
/* line 68, ../sass/screen.scss */
body .container #controls #menutitle {
width: 40.96386%;
float: left;
margin-right: 1.20482%;
margin-top: 5px;
}
/* line 72, ../sass/screen.scss */
body .container #controls #buttons {
text-align: right;
width: 40.96386%;
float: right;
margin-right: 0;
}
/* line 77, ../sass/screen.scss */
body .container table {
padding-left: 8.43373%;
padding-right: 8.43373%;
}
/* line 80, ../sass/screen.scss */
body .container table .cell {
display: table-cell;
}
}
@media (min-width: 1280px) {
/* line 86, ../sass/screen.scss */
body .container {
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(5.40541%, rgba(100, 100, 225, 0.25)), color-stop(5.40541%, rgba(0, 0, 0, 0)), color-stop(6.30631%, rgba(0, 0, 0, 0)), color-stop(6.30631%, rgba(100, 100, 225, 0.25)), color-stop(11.71171%, rgba(100, 100, 225, 0.25)), color-stop(11.71171%, rgba(0, 0, 0, 0)), color-stop(12.61261%, rgba(0, 0, 0, 0)), color-stop(12.61261%, rgba(100, 100, 225, 0.25)), color-stop(18.01802%, rgba(100, 100, 225, 0.25)), color-stop(18.01802%, rgba(0, 0, 0, 0)), color-stop(18.91892%, rgba(0, 0, 0, 0)), color-stop(18.91892%, rgba(100, 100, 225, 0.25)), color-stop(24.32432%, rgba(100, 100, 225, 0.25)), color-stop(24.32432%, rgba(0, 0, 0, 0)), color-stop(25.22523%, rgba(0, 0, 0, 0)), color-stop(25.22523%, rgba(100, 100, 225, 0.25)), color-stop(30.63063%, rgba(100, 100, 225, 0.25)), color-stop(30.63063%, rgba(0, 0, 0, 0)), color-stop(31.53153%, rgba(0, 0, 0, 0)), color-stop(31.53153%, rgba(100, 100, 225, 0.25)), color-stop(36.93694%, rgba(100, 100, 225, 0.25)), color-stop(36.93694%, rgba(0, 0, 0, 0)), color-stop(37.83784%, rgba(0, 0, 0, 0)), color-stop(37.83784%, rgba(100, 100, 225, 0.25)), color-stop(43.24324%, rgba(100, 100, 225, 0.25)), color-stop(43.24324%, rgba(0, 0, 0, 0)), color-stop(44.14414%, rgba(0, 0, 0, 0)), color-stop(44.14414%, rgba(100, 100, 225, 0.25)), color-stop(49.54955%, rgba(100, 100, 225, 0.25)), color-stop(49.54955%, rgba(0, 0, 0, 0)), color-stop(50.45045%, rgba(0, 0, 0, 0)), color-stop(50.45045%, rgba(100, 100, 225, 0.25)), color-stop(55.85586%, rgba(100, 100, 225, 0.25)), color-stop(55.85586%, rgba(0, 0, 0, 0)), color-stop(56.75676%, rgba(0, 0, 0, 0)), color-stop(56.75676%, rgba(100, 100, 225, 0.25)), color-stop(62.16216%, rgba(100, 100, 225, 0.25)), color-stop(62.16216%, rgba(0, 0, 0, 0)), color-stop(63.06306%, rgba(0, 0, 0, 0)), color-stop(63.06306%, rgba(100, 100, 225, 0.25)), color-stop(68.46847%, rgba(100, 100, 225, 0.25)), color-stop(68.46847%, rgba(0, 0, 0, 0)), color-stop(69.36937%, rgba(0, 0, 0, 0)), color-stop(69.36937%, rgba(100, 100, 225, 0.25)), color-stop(74.77477%, rgba(100, 100, 225, 0.25)), color-stop(74.77477%, rgba(0, 0, 0, 0)), color-stop(75.67568%, rgba(0, 0, 0, 0)), color-stop(75.67568%, rgba(100, 100, 225, 0.25)), color-stop(81.08108%, rgba(100, 100, 225, 0.25)), color-stop(81.08108%, rgba(0, 0, 0, 0)), color-stop(81.98198%, rgba(0, 0, 0, 0)), color-stop(81.98198%, rgba(100, 100, 225, 0.25)), color-stop(87.38739%, rgba(100, 100, 225, 0.25)), color-stop(87.38739%, rgba(0, 0, 0, 0)), color-stop(88.28829%, rgba(0, 0, 0, 0)), color-stop(88.28829%, rgba(100, 100, 225, 0.25)), color-stop(93.69369%, rgba(100, 100, 225, 0.25)), color-stop(93.69369%, rgba(0, 0, 0, 0)), color-stop(94.59459%, rgba(0, 0, 0, 0)), color-stop(94.59459%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 5.40541%, rgba(0, 0, 0, 0) 5.40541%, rgba(0, 0, 0, 0) 6.30631%, rgba(100, 100, 225, 0.25) 6.30631%, rgba(100, 100, 225, 0.25) 11.71171%, rgba(0, 0, 0, 0) 11.71171%, rgba(0, 0, 0, 0) 12.61261%, rgba(100, 100, 225, 0.25) 12.61261%, rgba(100, 100, 225, 0.25) 18.01802%, rgba(0, 0, 0, 0) 18.01802%, rgba(0, 0, 0, 0) 18.91892%, rgba(100, 100, 225, 0.25) 18.91892%, rgba(100, 100, 225, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 25.22523%, rgba(100, 100, 225, 0.25) 25.22523%, rgba(100, 100, 225, 0.25) 30.63063%, rgba(0, 0, 0, 0) 30.63063%, rgba(0, 0, 0, 0) 31.53153%, rgba(100, 100, 225, 0.25) 31.53153%, rgba(100, 100, 225, 0.25) 36.93694%, rgba(0, 0, 0, 0) 36.93694%, rgba(0, 0, 0, 0) 37.83784%, rgba(100, 100, 225, 0.25) 37.83784%, rgba(100, 100, 225, 0.25) 43.24324%, rgba(0, 0, 0, 0) 43.24324%, rgba(0, 0, 0, 0) 44.14414%, rgba(100, 100, 225, 0.25) 44.14414%, rgba(100, 100, 225, 0.25) 49.54955%, rgba(0, 0, 0, 0) 49.54955%, rgba(0, 0, 0, 0) 50.45045%, rgba(100, 100, 225, 0.25) 50.45045%, rgba(100, 100, 225, 0.25) 55.85586%, rgba(0, 0, 0, 0) 55.85586%, rgba(0, 0, 0, 0) 56.75676%, rgba(100, 100, 225, 0.25) 56.75676%, rgba(100, 100, 225, 0.25) 62.16216%, rgba(0, 0, 0, 0) 62.16216%, rgba(0, 0, 0, 0) 63.06306%, rgba(100, 100, 225, 0.25) 63.06306%, rgba(100, 100, 225, 0.25) 68.46847%, rgba(0, 0, 0, 0) 68.46847%, rgba(0, 0, 0, 0) 69.36937%, rgba(100, 100, 225, 0.25) 69.36937%, rgba(100, 100, 225, 0.25) 74.77477%, rgba(0, 0, 0, 0) 74.77477%, rgba(0, 0, 0, 0) 75.67568%, rgba(100, 100, 225, 0.25) 75.67568%, rgba(100, 100, 225, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 81.98198%, rgba(100, 100, 225, 0.25) 81.98198%, rgba(100, 100, 225, 0.25) 87.38739%, rgba(0, 0, 0, 0) 87.38739%, rgba(0, 0, 0, 0) 88.28829%, rgba(100, 100, 225, 0.25) 88.28829%, rgba(100, 100, 225, 0.25) 93.69369%, rgba(0, 0, 0, 0) 93.69369%, rgba(0, 0, 0, 0) 94.59459%, rgba(100, 100, 225, 0.25) 94.59459%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 5.40541%, rgba(0, 0, 0, 0) 5.40541%, rgba(0, 0, 0, 0) 6.30631%, rgba(100, 100, 225, 0.25) 6.30631%, rgba(100, 100, 225, 0.25) 11.71171%, rgba(0, 0, 0, 0) 11.71171%, rgba(0, 0, 0, 0) 12.61261%, rgba(100, 100, 225, 0.25) 12.61261%, rgba(100, 100, 225, 0.25) 18.01802%, rgba(0, 0, 0, 0) 18.01802%, rgba(0, 0, 0, 0) 18.91892%, rgba(100, 100, 225, 0.25) 18.91892%, rgba(100, 100, 225, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 25.22523%, rgba(100, 100, 225, 0.25) 25.22523%, rgba(100, 100, 225, 0.25) 30.63063%, rgba(0, 0, 0, 0) 30.63063%, rgba(0, 0, 0, 0) 31.53153%, rgba(100, 100, 225, 0.25) 31.53153%, rgba(100, 100, 225, 0.25) 36.93694%, rgba(0, 0, 0, 0) 36.93694%, rgba(0, 0, 0, 0) 37.83784%, rgba(100, 100, 225, 0.25) 37.83784%, rgba(100, 100, 225, 0.25) 43.24324%, rgba(0, 0, 0, 0) 43.24324%, rgba(0, 0, 0, 0) 44.14414%, rgba(100, 100, 225, 0.25) 44.14414%, rgba(100, 100, 225, 0.25) 49.54955%, rgba(0, 0, 0, 0) 49.54955%, rgba(0, 0, 0, 0) 50.45045%, rgba(100, 100, 225, 0.25) 50.45045%, rgba(100, 100, 225, 0.25) 55.85586%, rgba(0, 0, 0, 0) 55.85586%, rgba(0, 0, 0, 0) 56.75676%, rgba(100, 100, 225, 0.25) 56.75676%, rgba(100, 100, 225, 0.25) 62.16216%, rgba(0, 0, 0, 0) 62.16216%, rgba(0, 0, 0, 0) 63.06306%, rgba(100, 100, 225, 0.25) 63.06306%, rgba(100, 100, 225, 0.25) 68.46847%, rgba(0, 0, 0, 0) 68.46847%, rgba(0, 0, 0, 0) 69.36937%, rgba(100, 100, 225, 0.25) 69.36937%, rgba(100, 100, 225, 0.25) 74.77477%, rgba(0, 0, 0, 0) 74.77477%, rgba(0, 0, 0, 0) 75.67568%, rgba(100, 100, 225, 0.25) 75.67568%, rgba(100, 100, 225, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 81.98198%, rgba(100, 100, 225, 0.25) 81.98198%, rgba(100, 100, 225, 0.25) 87.38739%, rgba(0, 0, 0, 0) 87.38739%, rgba(0, 0, 0, 0) 88.28829%, rgba(100, 100, 225, 0.25) 88.28829%, rgba(100, 100, 225, 0.25) 93.69369%, rgba(0, 0, 0, 0) 93.69369%, rgba(0, 0, 0, 0) 94.59459%, rgba(100, 100, 225, 0.25) 94.59459%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 5.40541%, rgba(0, 0, 0, 0) 5.40541%, rgba(0, 0, 0, 0) 6.30631%, rgba(100, 100, 225, 0.25) 6.30631%, rgba(100, 100, 225, 0.25) 11.71171%, rgba(0, 0, 0, 0) 11.71171%, rgba(0, 0, 0, 0) 12.61261%, rgba(100, 100, 225, 0.25) 12.61261%, rgba(100, 100, 225, 0.25) 18.01802%, rgba(0, 0, 0, 0) 18.01802%, rgba(0, 0, 0, 0) 18.91892%, rgba(100, 100, 225, 0.25) 18.91892%, rgba(100, 100, 225, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 25.22523%, rgba(100, 100, 225, 0.25) 25.22523%, rgba(100, 100, 225, 0.25) 30.63063%, rgba(0, 0, 0, 0) 30.63063%, rgba(0, 0, 0, 0) 31.53153%, rgba(100, 100, 225, 0.25) 31.53153%, rgba(100, 100, 225, 0.25) 36.93694%, rgba(0, 0, 0, 0) 36.93694%, rgba(0, 0, 0, 0) 37.83784%, rgba(100, 100, 225, 0.25) 37.83784%, rgba(100, 100, 225, 0.25) 43.24324%, rgba(0, 0, 0, 0) 43.24324%, rgba(0, 0, 0, 0) 44.14414%, rgba(100, 100, 225, 0.25) 44.14414%, rgba(100, 100, 225, 0.25) 49.54955%, rgba(0, 0, 0, 0) 49.54955%, rgba(0, 0, 0, 0) 50.45045%, rgba(100, 100, 225, 0.25) 50.45045%, rgba(100, 100, 225, 0.25) 55.85586%, rgba(0, 0, 0, 0) 55.85586%, rgba(0, 0, 0, 0) 56.75676%, rgba(100, 100, 225, 0.25) 56.75676%, rgba(100, 100, 225, 0.25) 62.16216%, rgba(0, 0, 0, 0) 62.16216%, rgba(0, 0, 0, 0) 63.06306%, rgba(100, 100, 225, 0.25) 63.06306%, rgba(100, 100, 225, 0.25) 68.46847%, rgba(0, 0, 0, 0) 68.46847%, rgba(0, 0, 0, 0) 69.36937%, rgba(100, 100, 225, 0.25) 69.36937%, rgba(100, 100, 225, 0.25) 74.77477%, rgba(0, 0, 0, 0) 74.77477%, rgba(0, 0, 0, 0) 75.67568%, rgba(100, 100, 225, 0.25) 75.67568%, rgba(100, 100, 225, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 81.98198%, rgba(100, 100, 225, 0.25) 81.98198%, rgba(100, 100, 225, 0.25) 87.38739%, rgba(0, 0, 0, 0) 87.38739%, rgba(0, 0, 0, 0) 88.28829%, rgba(100, 100, 225, 0.25) 88.28829%, rgba(100, 100, 225, 0.25) 93.69369%, rgba(0, 0, 0, 0) 93.69369%, rgba(0, 0, 0, 0) 94.59459%, rgba(100, 100, 225, 0.25) 94.59459%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 5.40541%, rgba(0, 0, 0, 0) 5.40541%, rgba(0, 0, 0, 0) 6.30631%, rgba(100, 100, 225, 0.25) 6.30631%, rgba(100, 100, 225, 0.25) 11.71171%, rgba(0, 0, 0, 0) 11.71171%, rgba(0, 0, 0, 0) 12.61261%, rgba(100, 100, 225, 0.25) 12.61261%, rgba(100, 100, 225, 0.25) 18.01802%, rgba(0, 0, 0, 0) 18.01802%, rgba(0, 0, 0, 0) 18.91892%, rgba(100, 100, 225, 0.25) 18.91892%, rgba(100, 100, 225, 0.25) 24.32432%, rgba(0, 0, 0, 0) 24.32432%, rgba(0, 0, 0, 0) 25.22523%, rgba(100, 100, 225, 0.25) 25.22523%, rgba(100, 100, 225, 0.25) 30.63063%, rgba(0, 0, 0, 0) 30.63063%, rgba(0, 0, 0, 0) 31.53153%, rgba(100, 100, 225, 0.25) 31.53153%, rgba(100, 100, 225, 0.25) 36.93694%, rgba(0, 0, 0, 0) 36.93694%, rgba(0, 0, 0, 0) 37.83784%, rgba(100, 100, 225, 0.25) 37.83784%, rgba(100, 100, 225, 0.25) 43.24324%, rgba(0, 0, 0, 0) 43.24324%, rgba(0, 0, 0, 0) 44.14414%, rgba(100, 100, 225, 0.25) 44.14414%, rgba(100, 100, 225, 0.25) 49.54955%, rgba(0, 0, 0, 0) 49.54955%, rgba(0, 0, 0, 0) 50.45045%, rgba(100, 100, 225, 0.25) 50.45045%, rgba(100, 100, 225, 0.25) 55.85586%, rgba(0, 0, 0, 0) 55.85586%, rgba(0, 0, 0, 0) 56.75676%, rgba(100, 100, 225, 0.25) 56.75676%, rgba(100, 100, 225, 0.25) 62.16216%, rgba(0, 0, 0, 0) 62.16216%, rgba(0, 0, 0, 0) 63.06306%, rgba(100, 100, 225, 0.25) 63.06306%, rgba(100, 100, 225, 0.25) 68.46847%, rgba(0, 0, 0, 0) 68.46847%, rgba(0, 0, 0, 0) 69.36937%, rgba(100, 100, 225, 0.25) 69.36937%, rgba(100, 100, 225, 0.25) 74.77477%, rgba(0, 0, 0, 0) 74.77477%, rgba(0, 0, 0, 0) 75.67568%, rgba(100, 100, 225, 0.25) 75.67568%, rgba(100, 100, 225, 0.25) 81.08108%, rgba(0, 0, 0, 0) 81.08108%, rgba(0, 0, 0, 0) 81.98198%, rgba(100, 100, 225, 0.25) 81.98198%, rgba(100, 100, 225, 0.25) 87.38739%, rgba(0, 0, 0, 0) 87.38739%, rgba(0, 0, 0, 0) 88.28829%, rgba(100, 100, 225, 0.25) 88.28829%, rgba(100, 100, 225, 0.25) 93.69369%, rgba(0, 0, 0, 0) 93.69369%, rgba(0, 0, 0, 0) 94.59459%, rgba(100, 100, 225, 0.25) 94.59459%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
background-position: left top;
-webkit-background-origin: content;
-moz-background-origin: content;
-ms-background-origin: content-box;
-o-background-origin: content-box;
background-origin: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
background-clip: content-box;
}
/* line 91, ../sass/screen.scss */
body .container #controls #menutitle {
width: 30.63063%;
float: left;
margin-right: 0.9009%;
margin-top: 5px;
background: #f99;
}
/* line 96, ../sass/screen.scss */
body .container #controls #buttons {
text-align: right;
width: 30.63063%;
float: right;
margin-right: 0;
}
/* line 101, ../sass/screen.scss */
body .container table {
padding-left: 6.30631%;
padding-right: 6.30631%;
}
/* line 104, ../sass/screen.scss */
body .container table .cell {
display: table-cell;
}
}
Raw
screen.scss
@import "base";
body{
background:#F7F3E8;
a{ text-decoration: none; }
.container{
font-family: 'Ubuntu', sans-serif;
@include container($tablet, $desktop960,$desktop1280,$desktop1920);
@include susy-grid-background;
@include min-width(720px);
#header{
font-weight: 700;
font-size: 72px;
span{
font-weight: 300;
font-size: 18px;
display: block;
}
}
#controls{
#buttons{
margin-bottom: 5px;
#phonebook{ @include sassy-button("simple", 6px, 14px, #337EC4); }
#newguest{
margin-top: 5px;
@include sassy-button("simple", 6px, 14px, #D93131);
}
}
}
table{
width:100%;
thead{
color: #FEFEFE;
background: #000;
th{
text-align: left;
font-weight:500;
padding:10px;
}
}
tbody{
border: 3px solid #000;
tr{ background: #E5E5E5; }
tr.alt{ background: #EEEEEE; }
.buttoncell{
.confirm{ @include sassy-button("simple", 6px, 14px, #F39B06); }
.unconfirm{ @include sassy-button("flat", 6px, 14px, #3BA06F); }
}
}
.email{ display: none; }
.cell{ display: none; }
}
}
}
@include at-breakpoint($tablet){
body .container{
@include susy-grid-background;
#header span{ display: inline; }
table .email{ display: table-cell; }
}
}
@include at-breakpoint($desktop960){
body .container{
@include susy-grid-background;
#controls{
#menutitle{
@include span-columns(5);
margin-top:5px;
}
#buttons{
text-align: right;
@include span-columns(5 omega);
}
}
table{
@include prefix(1);
@include suffix(1);
.cell{ display: table-cell; }
}
}
}
@include at-breakpoint(1280px 16){
body .container{
@include susy-grid-background;
//@include layout(12);
#controls{
#menutitle{
@include span-columns(5);
margin-top:5px;
background:#f99;
}
#buttons{
text-align: right;
@include span-columns(5 omega);
}
}
table{
@include prefix(1);
@include suffix(1);
.cell{ display: table-cell; }
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment