123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- @charset "UTF-8";
- @import "compass/css3/border-radius";
- @import "compass/css3/box";
- @import "compass/css3/box-shadow";
- @import "compass/css3/box-sizing";
- @import "compass/css3/images";
- @import "compass/css3/text-shadow";
- @import "compass/css3/background-size";
- @import "compass/css3/transform";
- @import "compass/css3/transition";
- @import "variables";
- @mixin font-smoothing($val: antialiased) {
- -webkit-font-smoothing: $val;
- -moz-font-smoothing: $val;
- -ms-font-smoothing: $val;
- -o-font-smoothing: $val;
- }
- @mixin flexbox {
- display: -webkit-box !important;
- display: -moz-box !important;
- display: -ms-box !important;
- display: -o-box !important;
- display: box !important;
- }
- @mixin flex-center-center {
- @include box-orient(vertical);
- @include box-align(center);
- @include box-pack(center);
- }
- @mixin flex-left-center {
- @include box-orient(vertical);
- @include box-align(left);
- @include box-pack(center);
- }
- @mixin flex-right-center {
- @include box-orient(vertical);
- @include box-align(end);
- @include box-pack(center);
- }
- /**
- * Base SlideDeck Styles
- */
- html {
- height: 100%;
- overflow: hidden;
- }
- body {
- margin: 0;
- padding: 0;
- opacity: 0;
- height: 100%;
- min-height: 740px;
- width: 100%;
- overflow: hidden;
- color: #fff;
- @include font-smoothing(antialiased);
- @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank.
- &.loaded {
- opacity: 1 !important;
- }
- }
- input, button {
- vertical-align: middle;
- }
- slides > slide[hidden] {
- display: none !important;
- }
- slides {
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- @include transform(translate3d(0, 0, 0));
- @include perspective(1000);
- @include transform-style(preserve-3d);
- @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank.
- }
- slides > slide {
- display: block;
- position: absolute;
- overflow: hidden;
- left: 50%;
- top: 50%;
- @include box-sizing(border-box);
- }
- /* Slide styles */
- /*article.fill iframe {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- @include border-radius(10px);
- z-index: -1;
- }
- slide.fill {
- background-repeat: no-repeat;
- @include background-size(cover);
- }
- slide.fill img {
- position: absolute;
- left: 0;
- top: 0;
- min-width: 100%;
- min-height: 100%;
- z-index: -1;
- }
- */
|