Sha256: 89ac0bb73ea09227cbddc26cb8b064588906858e63c72f42aa4de86c9d717530
Contents?: true
Size: 1.49 KB
Versions: 11
Compression:
Stored size: 1.49 KB
Contents
/* COLORS & MIX-INS */
@mixin breakpoint($point) {
@if $point == large {
@media only screen and (min-width : 1401px) { @content; }
}
@else if $point == landscape {
@media only screen and (min-width : 802px) and (max-width : 1025px) { @content; }
}
@else if $point == portrait {
@media only screen and (min-width : 642px) and (max-width : 801px) { @content; }
}
@else if $point == mobile {
@media only screen and (max-width : 641px) { @content; }
}
}
$main-blue: #095aa6;
$light-blue: #0079c1;
$primary: $main-blue;
$secondary: $light-blue;
$light: darken(white,6%);
$gray: #9a9999;
$dark: #505050;
$success: #2ecc71;
$warning: #f1c40f;
$danger: #e74c3c;
/* RESET */
html {
min-height: 100%;
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: $light;
@include breakpoint(landscape) {
font-size: 95%;
}
}
body {
height: 100%;
width: 100%;
position: relative;
overflow-x: hidden;
}
* {
@include box-sizing(border-box);
&:after,
&:before {
@include box-sizing(border-box);
}
}
/* CLEAR & FLOATS */
.clear {
clear: both !important;
}
.left {
float: left !important;
}
.right {
float: right !important;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
*zoom: 1;
&:after {
clear: both;
content: "";
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
}
Version data entries
11 entries across 11 versions & 2 rubygems