diff options
Diffstat (limited to 'theme/scss')
-rw-r--r-- | theme/scss/io2013.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/theme/scss/io2013.scss b/theme/scss/io2013.scss index c728cfb..1bab7b0 100644 --- a/theme/scss/io2013.scss +++ b/theme/scss/io2013.scss | |||
@@ -1,4 +1,5 @@ | |||
1 | @import "compass/css3/background-size"; | 1 | @import "compass/css3/background-size"; |
2 | @import "compass/css3/box-sizing"; | ||
2 | 3 | ||
3 | @import "variables"; | 4 | @import "variables"; |
4 | 5 | ||
@@ -19,6 +20,31 @@ q, blockquote { | |||
19 | 20 | ||
20 | slides > slide { | 21 | slides > slide { |
21 | color: $gray-4; | 22 | color: $gray-4; |
23 | |||
24 | $grayBarHeight: 90px; | ||
25 | |||
26 | // Grey bottom bar. | ||
27 | &:not(.nobackground) { | ||
28 | &:before { | ||
29 | background: none; | ||
30 | background-color: $gray-1; | ||
31 | height: $grayBarHeight; | ||
32 | left: 0; | ||
33 | width: 100%; | ||
34 | bottom: 0; | ||
35 | } | ||
36 | &:after { | ||
37 | background: url(../../images/google_developers_icon_128.png) no-repeat 0 0; | ||
38 | @include background-size($brand-small-icon-size); | ||
39 | background-position: $slide-left-right-padding 50%; | ||
40 | left: 0; | ||
41 | bottom: $grayBarHeight; | ||
42 | width: 100%; | ||
43 | @include box-sizing(border-box); | ||
44 | text-align: right; | ||
45 | padding-right: $slide-left-right-padding; | ||
46 | } | ||
47 | } | ||
22 | 48 | ||
23 | &.title-slide { | 49 | &.title-slide { |
24 | &:after { | 50 | &:after { |
@@ -48,4 +74,17 @@ slides > slide { | |||
48 | } | 74 | } |
49 | } | 75 | } |
50 | } | 76 | } |
77 | |||
78 | .source { | ||
79 | bottom: $grayBarHeight + 40; | ||
80 | } | ||
81 | |||
82 | > article:only-child { | ||
83 | height: 88% | ||
84 | } | ||
85 | |||
86 | > article:only-child > iframe { | ||
87 | height: 100%; | ||
88 | } | ||
89 | |||
51 | } \ No newline at end of file | 90 | } \ No newline at end of file |