aboutsummaryrefslogtreecommitdiff
path: root/theme/sass
diff options
context:
space:
mode:
Diffstat (limited to 'theme/sass')
-rw-r--r--theme/sass/default.scss44
1 files changed, 40 insertions, 4 deletions
diff --git a/theme/sass/default.scss b/theme/sass/default.scss
index 38fd14e..a473b97 100644
--- a/theme/sass/default.scss
+++ b/theme/sass/default.scss
@@ -32,6 +32,8 @@ $slide-top-bottom-padding: 40px;
32$slide-left-right-padding: 60px; 32$slide-left-right-padding: 60px;
33$slide-border-radius: 5px; 33$slide-border-radius: 5px;
34 34
35$article-cotent-top-padding: 45px;
36
35/** 37/**
36 * Theme Styles 38 * Theme Styles
37 */ 39 */
@@ -41,6 +43,36 @@ $slide-border-radius: 5px;
41 @include text-shadow(none); 43 @include text-shadow(none);
42} 44}
43 45
46::-webkit-scrollbar {
47 height: 16px;
48 overflow: visible;
49 width: 16px;
50}
51::-webkit-scrollbar-thumb {
52 background-color: rgba(0, 0, 0, .1);
53 background-clip: padding-box;
54 border: solid transparent;
55 min-height: 28px;
56 padding: 100px 0 0;
57 @include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07));
58 border-width: 1px 1px 1px 6px;
59}
60::-webkit-scrollbar-thumb:hover {
61 background-color: rgba(0, 0, 0, 0.5);
62}
63::-webkit-scrollbar-button {
64 height: 0;
65 width: 0;
66}
67::-webkit-scrollbar-track {
68 background-clip: padding-box;
69 border: solid transparent;
70 border-width: 0 0 0 4px;
71}
72::-webkit-scrollbar-corner {
73 background: transparent;
74}
75
44body { 76body {
45 @include background-image(radial-gradient(50% 50%, #b1dfff 0%, 77 @include background-image(radial-gradient(50% 50%, #b1dfff 0%,
46 $brand-blue-secondary2 600px)); 78 $brand-blue-secondary2 600px));
@@ -190,12 +222,16 @@ slides > slide {
190 } 222 }
191 223
192 > hgroup + article { 224 > hgroup + article {
193 margin-top: 1.5em; 225 margin-top: $article-cotent-top-padding;
194 226
195 p { 227 p {
196 margin-bottom: 1em; 228 margin-bottom: 1em;
197 } 229 }
198 } 230 }
231
232 > article:only-child > iframe {
233 height: 100%;
234 }
199} 235}
200 236
201slides.layout-widescreen, 237slides.layout-widescreen,
@@ -338,10 +374,10 @@ code {
338 374
339iframe { 375iframe {
340 width: 100%; 376 width: 100%;
341 height: 620px; 377 height: $slide-height - ($slide-top-bottom-padding * 2) - ($article-cotent-top-padding * 2);
342 background: white; 378 background: white;
343 border: 1px solid rgb(192, 192, 192); 379 border: 1px solid $gray-1;
344 margin: -1px; 380 @include box-sizing(border-box);
345} 381}
346 382
347dt { 383dt {