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