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