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

Top nav

This commit is contained in:
Rico Sta. Cruz 2017-08-25 16:00:12 +08:00
parent ceaaa76374
commit 6ddaf1041b
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
8 changed files with 70 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_includes/2017/foot.html
View File

@ -1,3 +1,2 @@
</div>
</body>
</html>

1
_includes/2017/head.html
View File

@ -24,4 +24,3 @@
<script src='{{base}}/assets/2017/script.js?t={{ timestamp }}'></script>
</head>
<body>
<div class='all'>

9
_includes/2017/top-nav.html Normal file
View File

@ -0,0 +1,9 @@
<div class='top-nav'>
<a class='brand' href='{{base}}'>
Rico's cheatsheets
</a>
<div class='actions'>
{% include social-list.html class="social" page=include.page %}
</div>
</div>

27
_layouts/2017/sheet.html
View File

@ -2,15 +2,22 @@
type: article
---
{% include 2017/head.html %}
<div class='main-heading {% if page.ads %}-with-ads{% endif %}'>
<h1 class='h1'>{{ page.title }} <em>cheatsheet</em></h1>
{% if page.ads %}
<div class='HeadlineAd ad'>
<script async src='//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ricostacruzcom' id="_carbonads_js"></script>
</div>
{% endif %}
</div>
<div class='post-content MarkdownBody' data-js-main-body>
{{ content }}
{% include 2017/top-nav.html page=page %}
<div class='body-area'>
<div class='main-heading {% if page.ads %}-with-ads{% endif %}'>
<h1 class='h1'>{{ page.title }} <em>cheatsheet</em></h1>
{% if page.ads %}
<div class='HeadlineAd ad'>
<script async src='//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ricostacruzcom' id="_carbonads_js"></script>
</div>
{% endif %}
</div>
<div class='post-content MarkdownBody' data-js-main-body>
{{ content }}
</div>
</div>
{% include 2017/foot.html %}

15
_sass/2017/base/base.scss
View File

@ -12,19 +12,8 @@ html, body {
body {
@include font-size(0);
padding: 8px;
margin: 0 auto;
}
/*
* Layout
*/
@media (min-width: 481px) {
body {
padding: 16px;
max-width: $column * 3 + 32px;
}
padding: 0;
margin: 0;
}
/*

9
_sass/2017/components/body-area.scss Normal file
View File

@ -0,0 +1,9 @@
.body-area {
max-width: $column * 3 + 32px;
margin: 0 auto;
padding: 8px;
@media (min-width: 481px) {
padding: 16px;
}
}

31
_sass/2017/components/top-nav.scss Normal file
View File

@ -0,0 +1,31 @@
.top-nav {
& {
border-bottom: solid 1px $dark-line-color;
height: 48px;
line-height: 48px;
text-align: center;
}
& > .brand {
@include font-size(-1);
display: block;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
&,
&:visited {
color: $text-color;
}
&:hover {
color: $baseA;
}
}
& > .actions > .social {
// TODO
display: none;
}
}

2
_sass/2017/style.scss
View File

@ -75,8 +75,10 @@ $modularscale: (
@import './markdown/code';
@import './markdown/headings';
@import './markdown/table';
@import './components/body-area';
@import './components/h2-section';
@import './components/h3-section';
@import './components/h3-section-list';
@import './components/headline-ad';
@import './components/main-heading';
@import './components/top-nav';