aboutsummaryrefslogtreecommitdiff
path: root/.themes/classic/sass/partials
diff options
context:
space:
mode:
Diffstat (limited to '.themes/classic/sass/partials')
-rw-r--r--.themes/classic/sass/partials/_blog.scss12
-rw-r--r--.themes/classic/sass/partials/_syntax.scss3
-rw-r--r--.themes/classic/sass/partials/sidebar/_base.scss50
3 files changed, 58 insertions, 7 deletions
diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss
index 8894755c..26ad19b4 100644
--- a/.themes/classic/sass/partials/_blog.scss
+++ b/.themes/classic/sass/partials/_blog.scss
@@ -1,10 +1,6 @@
article {
overflow: hidden;
padding-top: 1em;
- ul, ol { margin-left: 1.4em; }
- @media only screen and (min-width: 768px) {
- ul, ol { margin-left: 0; }
- }
header {
position: relative;
padding-top: 2em;
@@ -35,9 +31,9 @@ article {
h2 {
padding-top: 0.8em;
background: $img-border top left repeat-x;
- .entry-content &:first-child { padding-top: 0; }
- &:first-child { background: none; }
}
+ .entry-content & h2:first-child, header + h2 { padding-top: 0; }
+ h2:first-child, header + h2 { background: none; }
.feature {
padding-top: .5em;
margin-bottom: 1em;
@@ -90,7 +86,9 @@ article {
}
article + article {
- background: $img-border top left repeat-x;
+ .blog-index & {
+ background: $img-border top left repeat-x;
+ }
}
#content .blog-index {
padding: { top: 0; bottom: 0; }
diff --git a/.themes/classic/sass/partials/_syntax.scss b/.themes/classic/sass/partials/_syntax.scss
index a116cedf..b31e250d 100644
--- a/.themes/classic/sass/partials/_syntax.scss
+++ b/.themes/classic/sass/partials/_syntax.scss
@@ -175,6 +175,9 @@ pre, .highlight, .gist-highlight {
.highlight code { @extend .pre-code; background: #000;}
figure[role=code] {
+ background: none;
+ padding: 0;
+ border: 0;
margin-bottom: 1.5em;
figcaption {
position: relative;
diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss
index 3b238a9b..b07dffac 100644
--- a/.themes/classic/sass/partials/sidebar/_base.scss
+++ b/.themes/classic/sass/partials/sidebar/_base.scss
@@ -21,6 +21,7 @@ aside[role=sidebar] {
}
ul {
margin-bottom: 0.5em;
+ margin-left: 0;
}
li {
list-style: none;
@@ -47,3 +48,52 @@ aside[role=sidebar] {
color: $sidebar-link-color-subdued-hover;
}
}
+
+@media only screen and (min-width: 768px) {
+ .toggle-sidebar {
+ outline: none;
+ position: absolute; right: -10px; top: 0; bottom: 0;
+ display: inline-block;
+ text-decoration: none;
+ color: mix($text-color-light, $sidebar-bg);
+ width: 9px;
+ cursor: pointer;
+ &:hover {
+ background: mix($sidebar-border, $sidebar-bg);
+ @include background(linear-gradient(left, rgba($sidebar-border, .5), rgba($sidebar-border, 0)));
+ }
+ &:after {
+ position: absolute; right: -11px; top: 0;
+ width: 20px;
+ font-size: 1.2em;
+ line-height: 1.1em;
+ padding-bottom: .15em;
+ @include border-bottom-right-radius(.3em);
+ text-align: center;
+ background: $main-bg $noise-bg;
+ border-bottom: 1px solid $sidebar-border;
+ border-right: 1px solid $sidebar-border;
+ content: "\00BB";
+ text-indent: -1px;
+ }
+ .collapse-sidebar & {
+ text-indent: 0px;
+ right: -20px;
+ width: 19px;
+ &:hover {
+ background: mix($sidebar-border, $sidebar-bg);
+ }
+ &:after {
+ border-left: 1px solid $sidebar-border;
+ text-shadow: #fff 0 1px;
+ content: "\00AB";
+ left: 0px; right: 0;
+ text-align: center;
+ text-indent: 0;
+ border: 0;
+ border-right-width: 0;
+ background: none;
+ }
+ }
+ }
+}