ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update

This commit is contained in:
Rico Sta. Cruz 2017-08-28 23:25:20 +08:00
parent 8a37f1874f
commit 241855fc9e
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
4 changed files with 60 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/2017/home.html
View File

@ -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>
{% if page.title | downcase != page.url | remove: '.html' | remove: '/' %}
<span class='title'>{{ page.title }}</span> <span class='title'>{{ page.title }}</span>
{% endif %}
</a> </a>
{% endif %} {% endif %}
{% endif %} {% endif %}

2
_sass/2017/components/body-area.scss
View File

@ -4,6 +4,6 @@
@include gutter(padding); @include gutter(padding);
&.-slim { &.-slim {
max-width: 600px; max-width: 740px;
} }
} }

60
_sass/2017/components/pages-list.scss
View File

@ -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 {
padding: 4px 0;
flex: 0 0 50%;
}
}
// Article
.pages-list > .article {
text-decoration: none; text-decoration: none;
display: block; display: block;
white-space: nowrap; white-space: nowrap;
padding-left: 8px;
&, &,
&:visited { &:visited {
color: $base-mute; color: $base-mute3;
}
&:hover,
&:focus {
& > code {
color: $base-a;
}
} }
& > code { & > code {
color: $base-head; color: $base-head;
} }
&:visited > code {
color: $base-text;
}
& > .title::before { & > .title::before {
content: '/ '; content: '';
margin: 0 8px; margin: 0 4px;
}
& > .title {
opacity: 0;
}
&:hover,
&:focus {
& {
color: $base-mute; color: $base-mute;
opacity: 0.5; }
& > code {
color: $base-a;
}
& > .title {
opacity: 1;
}
} }
} }
> .category { .pages-list > .category {
@include font-size(1); @include font-size(1);
margin: 0; border-bottom: solid 1px $dark-line-color;
margin: 16px 0;
padding: 0 0 16px 0;
font-weight: normal; font-weight: normal;
color: $base-b; color: $base-b;
} flex: 0 0 100%;
} }

8
_sass/2017/variables.scss
View File

@ -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%);