From f208307cbdd403d3fa92a1aae1dc9c094c7ec9d8 Mon Sep 17 00:00:00 2001 From: Eric Bidelman Date: Wed, 11 Jul 2012 10:43:37 -0700 Subject: Bringing in upstream changes --- theme/scss/_base.scss | 5 +- theme/scss/default.scss | 150 +++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 145 insertions(+), 10 deletions(-) (limited to 'theme/scss') diff --git a/theme/scss/_base.scss b/theme/scss/_base.scss index ce9ee06..ec99dd4 100644 --- a/theme/scss/_base.scss +++ b/theme/scss/_base.scss @@ -67,7 +67,7 @@ body { @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank. &.loaded { - opacity: 1; + opacity: 1 !important; } } @@ -88,6 +88,7 @@ slides { @include transform(translate3d(0, 0, 0)); @include perspective(1000); @include transform-style(preserve-3d); + @include transition(opacity 800ms ease-in 100ms); // Add small delay to prevent jank. } slides > slide { @@ -131,4 +132,4 @@ slide.fill img { z-index: -1; } -*/ \ No newline at end of file +*/ diff --git a/theme/scss/default.scss b/theme/scss/default.scss index df96778..de42a11 100644 --- a/theme/scss/default.scss +++ b/theme/scss/default.scss @@ -2,7 +2,7 @@ @import "compass/css3/columns"; @import "compass/css3/user-interface"; -$social-tags: '#io2012'; +$social-tags: '#io12'; $brand-small-icon-size: 30px; $gray-1: #e6e6e6; @@ -45,6 +45,13 @@ $article-content-top-padding: 45px; tap-highlight-color: $color; } +@mixin backdrop { + @include background(linear-gradient(white, white 85%, $gray-1)); + background-color: white; +} + + + /** * Theme Styles */ @@ -199,11 +206,10 @@ slides > slide { &.backdrop { z-index: -10; display: block !important; - @include background(linear-gradient(white, white 85%, $gray-1)); - background-color: white; + @include backdrop; &:after, &:before { - display: none; + display: none; // Prevent double set of slide nums and footer icons. } } @@ -225,7 +231,7 @@ slides > slide { height: 100%; > iframe { - height: 100%; + height: 98%; } } } @@ -378,7 +384,7 @@ pre { @include box-sizing(border-box); /*overflow: hidden;*/ - &:after { + &[data-lang]:after { content: attr(data-lang); background-color: $gray-2; right: 0; @@ -391,6 +397,10 @@ pre { } } +pre[data-lang="go"] { + color: #333; +} + code { font-size: 95%; font-family: 'Inconsolata', 'Courier New', monospace; @@ -603,6 +613,16 @@ article.smaller { } } +.popup .next .build { + .to-build { + opacity: 1; + } + + .build-fade { + opacity: 1; + } +} + /* Pretty print */ .prettyprint .str, /* string content */ @@ -865,7 +885,7 @@ aside.gdbar { height: 97px; width: 215px; position: absolute; - left: 0; + left: -1px; top: 125px; @include border-radius(0 10px 10px 0); @include background(linear-gradient(left, $gray-1, $gray-1) no-repeat); @@ -946,4 +966,118 @@ aside.gdbar { width: 115px; display: inline-block; } -} \ No newline at end of file +} + +.overview { + + &.popup { + .note { + display: none !important; + } + } + + slides { + slide { + &.backdrop { + display: none !important; + } + + display: block; + cursor: pointer; + opacity: 0.5; + pointer-events: auto !important; + + @include backdrop(); + + &.far-past, + &.past, + &.next, + &.far-next, + &.far-past { + opacity: 0.5; + display: block; + } + + &.current { + opacity: 1; + } + } + } + + .slide-area { + display: none; + } +} + +@media print { + slides { + slide { + display: block !important; + position: relative; + @include backdrop(); + @include transform(none !important); + width: 100%; + height: 100%; + page-break-after:always; + top: auto !important; + left: auto !important; + margin-top: 0 !important; + margin-left: 0 !important; + opacity: 1 !important; + color: #555; + + &.far-past, + &.past, + &.next, + &.far-next, + &.far-past, + &.current { + opacity: 1 !important; + display: block !important; + } + + .build { + > * { + @include transition(none); + } + + .to-build, + .build-fade { + opacity: 1; + } + } + + .auto-fadein { + opacity: 1 !important; + } + + &.backdrop { + display: none !important; + } + + table.rows { + border-right: 0; + } + } + + slide[hidden] { + display: none !important; + } + } + + .slide-area { + display: none; + } + + .reflect { + -webkit-box-reflect: none; + -moz-box-reflect: none; + -o-box-reflect: none; + -ms-box-reflect: none; + box-reflect: none; + } + + pre, code { + font-family: monospace !important; + } +} -- cgit v1.2.3