Update
This commit is contained in:
parent
8a37f1874f
commit
241855fc9e
|
@ -21,7 +21,9 @@ type: website
|
||||||
{% if page.type == article %}
|
{% if page.type == article %}
|
||||||
<a class='article item' href="{{base}}{{ page.url | remove: '.html' }}">
|
<a class='article item' href="{{base}}{{ page.url | remove: '.html' }}">
|
||||||
<code class='slug'>{{ page.url | remove: '.html' | remove: '/' }}</code>
|
<code class='slug'>{{ page.url | remove: '.html' | remove: '/' }}</code>
|
||||||
<span class='title'>{{ page.title }}</span>
|
{% if page.title | downcase != page.url | remove: '.html' | remove: '/' %}
|
||||||
|
<span class='title'>{{ page.title }}</span>
|
||||||
|
{% endif %}
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
@ -4,6 +4,6 @@
|
||||||
@include gutter(padding);
|
@include gutter(padding);
|
||||||
|
|
||||||
&.-slim {
|
&.-slim {
|
||||||
max-width: 600px;
|
max-width: 740px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,45 +11,67 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.pages-list {
|
.pages-list {
|
||||||
> .item {
|
& {
|
||||||
border-top: solid 1px $dark-line-color;
|
display: flex;
|
||||||
padding: 4px 0;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .article {
|
> .item {
|
||||||
text-decoration: none;
|
padding: 4px 0;
|
||||||
display: block;
|
flex: 0 0 50%;
|
||||||
white-space: nowrap;
|
}
|
||||||
padding-left: 8px;
|
}
|
||||||
|
|
||||||
&,
|
// Article
|
||||||
&:visited {
|
.pages-list > .article {
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
&,
|
||||||
|
&:visited {
|
||||||
|
color: $base-mute3;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > code {
|
||||||
|
color: $base-head;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:visited > code {
|
||||||
|
color: $base-text;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > .title::before {
|
||||||
|
content: '';
|
||||||
|
margin: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > .title {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
& {
|
||||||
color: $base-mute;
|
color: $base-mute;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
& > code {
|
|
||||||
color: $base-a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
& > code {
|
& > code {
|
||||||
color: $base-head;
|
color: $base-a;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > .title::before {
|
& > .title {
|
||||||
content: '/ ';
|
opacity: 1;
|
||||||
margin: 0 8px;
|
|
||||||
color: $base-mute;
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
> .category {
|
|
||||||
@include font-size(1);
|
.pages-list > .category {
|
||||||
margin: 0;
|
@include font-size(1);
|
||||||
font-weight: normal;
|
border-bottom: solid 1px $dark-line-color;
|
||||||
color: $base-b;
|
margin: 16px 0;
|
||||||
}
|
padding: 0 0 16px 0;
|
||||||
|
font-weight: normal;
|
||||||
|
color: $base-b;
|
||||||
|
flex: 0 0 100%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,10 +33,10 @@ $base-c: #17c694; // teal
|
||||||
|
|
||||||
$base-b3: adjust-color($base-b, $lightness: 16%, $hue: -20deg);
|
$base-b3: adjust-color($base-b, $lightness: 16%, $hue: -20deg);
|
||||||
$base-b7: adjust-color($base-b, $lightness: -16%, $hue: 20deg);
|
$base-b7: adjust-color($base-b, $lightness: -16%, $hue: 20deg);
|
||||||
$base-mute3: adjust-color($base-mute, $lightness: -16%);
|
$base-mute7: adjust-color($base-mute, $lightness: -16%);
|
||||||
$base-mute4: adjust-color($base-mute, $lightness: -8%);
|
$base-mute6: adjust-color($base-mute, $lightness: -8%);
|
||||||
$base-mute6: adjust-color($base-mute, $lightness: 8%);
|
$base-mute4: adjust-color($base-mute, $lightness: 8%);
|
||||||
$base-mute7: adjust-color($base-mute, $lightness: 16%);
|
$base-mute3: adjust-color($base-mute, $lightness: 16%);
|
||||||
|
|
||||||
$body-bg: $base-body;
|
$body-bg: $base-body;
|
||||||
$gray-bg: mix($base-body, $base-panel, 50%);
|
$gray-bg: mix($base-body, $base-panel, 50%);
|
||||||
|
|
Loading…
Reference in New Issue