|
10
|
1 @charset "UTF-8";
|
|
|
2
|
|
|
3 @import "compass/reset";
|
|
|
4 @import "compass/css3/border-radius";
|
|
|
5 @import "compass/css3/box";
|
|
|
6 @import "compass/css3/box-shadow";
|
|
|
7 @import "compass/css3/box-sizing";
|
|
|
8 @import "compass/css3/images";
|
|
|
9 @import "compass/css3/text-shadow";
|
|
|
10 @import "compass/css3/background-size";
|
|
|
11 @import "compass/css3/transform";
|
|
|
12 @import "compass/css3/transition";
|
|
|
13
|
|
|
14 @mixin font-smoothing($val: antialiased) {
|
|
|
15 -webkit-font-smoothing: $val;
|
|
|
16 -moz-font-smoothing: $val;
|
|
|
17 -ms-font-smoothing: $val;
|
|
|
18 -o-font-smoothing: $val;
|
|
|
19 }
|
|
|
20
|
|
|
21 @mixin flexbox {
|
|
|
22 display: -webkit-box !important;
|
|
|
23 display: -moz-box !important;
|
|
|
24 display: -ms-box !important;
|
|
|
25 display: -o-box !important;
|
|
|
26 display: box !important;
|
|
|
27 }
|
|
|
28
|
|
|
29 @mixin flex-center-center {
|
|
|
30 @include box-orient(vertical);
|
|
|
31 @include box-align(center);
|
|
|
32 @include box-pack(center);
|
|
|
33 }
|
|
|
34
|
|
|
35 @mixin flex-left-center {
|
|
|
36 @include box-orient(vertical);
|
|
|
37 @include box-align(left);
|
|
|
38 @include box-pack(center);
|
|
|
39 }
|
|
|
40
|
|
|
41 @mixin flex-right-center {
|
|
|
42 @include box-orient(vertical);
|
|
|
43 @include box-align(end);
|
|
|
44 @include box-pack(center);
|
|
|
45 }
|
|
|
46
|
|
|
47 /**
|
|
|
48 * Base SlideDeck Styles
|
|
|
49 */
|
|
|
50 html {
|
|
|
51 height: 100%;
|
|
|
52 overflow: hidden;
|
|
|
53 }
|
|
|
54
|
|
|
55 body {
|
|
|
56 margin: 0;
|
|
|
57 padding: 0;
|
|
|
58
|
|
|
59 opacity: 0;
|
|
|
60
|
|
|
61 height: 100%;
|
|
|
62 min-height: 740px;
|
|
|
63 width: 100%;
|
|
|
64
|
|
|
65 overflow: hidden;
|
|
|
66
|
|
|
67 color: #fff;
|
|
|
68 @include font-smoothing(antialiased);
|
|
|
69 @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank.
|
|
|
70
|
|
|
71 &.loaded {
|
|
|
72 opacity: 1 !important;
|
|
|
73 }
|
|
|
74 }
|
|
|
75
|
|
|
76 input, button {
|
|
|
77 vertical-align: middle;
|
|
|
78 }
|
|
|
79
|
|
|
80 slides > slide[hidden] {
|
|
|
81 display: none !important;
|
|
|
82 }
|
|
|
83
|
|
|
84 slides {
|
|
|
85 width: 100%;
|
|
|
86 height: 100%;
|
|
|
87 position: absolute;
|
|
|
88 left: 0;
|
|
|
89 top: 0;
|
|
|
90 @include transform(translate3d(0, 0, 0));
|
|
|
91 @include perspective(1000);
|
|
|
92 @include transform-style(preserve-3d);
|
|
|
93 @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank.
|
|
|
94 }
|
|
|
95
|
|
|
96 slides > slide {
|
|
|
97 display: block;
|
|
|
98 position: absolute;
|
|
|
99 overflow: hidden;
|
|
|
100 left: 50%;
|
|
|
101 top: 50%;
|
|
|
102 @include box-sizing(border-box);
|
|
|
103 }
|
|
|
104
|
|
|
105 /* Slide styles */
|
|
|
106
|
|
|
107
|
|
|
108 /*article.fill iframe {
|
|
|
109 position: absolute;
|
|
|
110 left: 0;
|
|
|
111 top: 0;
|
|
|
112 width: 100%;
|
|
|
113 height: 100%;
|
|
|
114
|
|
|
115 border: 0;
|
|
|
116 margin: 0;
|
|
|
117
|
|
|
118 @include border-radius(10px);
|
|
|
119
|
|
|
120 z-index: -1;
|
|
|
121 }
|
|
|
122
|
|
|
123 slide.fill {
|
|
|
124 background-repeat: no-repeat;
|
|
|
125 @include background-size(cover);
|
|
|
126 }
|
|
|
127
|
|
|
128 slide.fill img {
|
|
|
129 position: absolute;
|
|
|
130 left: 0;
|
|
|
131 top: 0;
|
|
|
132 min-width: 100%;
|
|
|
133 min-height: 100%;
|
|
|
134
|
|
|
135 z-index: -1;
|
|
|
136 }
|
|
|
137 */
|
