_sass/hamilton/layout.scss in hamilton-0.2.0 vs _sass/hamilton/layout.scss in hamilton-0.2.1
- old
+ new
@@ -200,71 +200,76 @@
.post-content {
width: 100%;
}
.post-aside {
- min-width: 30%;
+ @include relative-font-size(0.8);
+ max-width: 30%;
+ min-width: 20%;
height: 100vh;
position: sticky;
top: 0;
margin-left: $spacing-unit / 2;
@include media-query($on-medium) {
visibility: hidden;
max-width: 0%;
min-width: 0%;
+ margin-left: 0;
}
}
}
+.post-toc-title {
+ @include relative-font-size(0.95);
+ padding: $spacing-unit / 2;
+ margin-top: $spacing-unit / 2;
+ margin-bottom: 0;
+ border: 1px solid;
+ border-top-left-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+}
+
.post-toc-container {
- @include relative-font-size(0.8);
max-height: 60vh;
overflow-y: scroll;
border: 1px solid;
- border-radius: 0.3em;
- margin-top: $spacing-unit / 2;
+ border-bottom-left-radius: 0.3em;
+ border-bottom-right-radius: 0.3em;
- .post-toc-title {
- padding: $spacing-unit / 2;
- margin-bottom: 0;
+ ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ width: 100%;
}
- .post-toc {
- ul {
- list-style: none;
- margin: 0;
- padding: 0;
- width: 100%;
- }
+ a {
+ display: block;
+ padding: 0.25rem 0.75rem;
+ font-weight: bold;
+ border-bottom: 1px solid;
+ }
- a {
- display: block;
- padding: 0.25rem 0.75rem;
- font-weight: bold;
- border-bottom: 1px solid;
- }
-
- li ul > li a {
- padding-left: 1.25rem;
- font-weight: normal;
- }
-
- li ul li ul > li a {
- padding-left: 1.75rem;
- }
-
- li ul li ul li ul > li a {
- padding-left: 2.25rem;
- }
-
- li ul li ul li ul li ul > li a {
- padding-left: 2.75rem;
- }
-
- li ul li ul li ul li ul li ul > li a {
- padding-left: 3.25rem
- }
+ li ul > li a {
+ padding-left: 1.25rem;
+ font-weight: normal;
+ }
+
+ li ul li ul > li a {
+ padding-left: 1.75rem;
+ }
+
+ li ul li ul li ul > li a {
+ padding-left: 2.25rem;
+ }
+
+ li ul li ul li ul li ul > li a {
+ padding-left: 2.75rem;
+ }
+
+ li ul li ul li ul li ul li ul > li a {
+ padding-left: 3.25rem
}
}
.post-title,
.post-content h1 {