forked from shower/bright
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdefaults.scss
47 lines (42 loc) · 1.08 KB
/
defaults.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// Bright theme for Shower HTML presentation engine: github.com/shower/shower
// Copyright © 2010–2015 Vadim Makeev, pepelsbey.net
// Licensed under MIT license: github.com/shower/shower/wiki/MIT-License
// Layout
$width:1024px; // Slide width, permanent in most cases
$height:640px; // Slide height, 640px for 16:10, 768px for 4:3
$top:100px; // Top padding above slide content
$left:128px; // Left slide content padding
$right:96px; // Right slide content padding
$break:1180px; // Window width for small thumbnails to appear
$ratio:'16x10'; // Available options: '16x10' or '4x3'
// Colors
$color:#52A2DF;
$yellow:#FAFAC4;
// Mixins
@mixin retina {
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
@content;
}
}
// Underline
@mixin underline($color, $width) {
background:
linear-gradient(
to top,
$color,
$color #{$width}em,
transparent #{$width}em,
transparent
) repeat-x;
}
// Offscreen
@mixin offscreen {
position:absolute;
clip:rect(0 0 0 0);
overflow:hidden;
margin:-1px;
padding:0;
width:1px;
height:1px;
border:none;
}