Top nav
This commit is contained in:
parent
ceaaa76374
commit
6ddaf1041b
|
@ -1,3 +1,2 @@
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -24,4 +24,3 @@
|
||||||
<script src='{{base}}/assets/2017/script.js?t={{ timestamp }}'></script>
|
<script src='{{base}}/assets/2017/script.js?t={{ timestamp }}'></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class='all'>
|
|
||||||
|
|
|
@ -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>
|
|
@ -2,15 +2,22 @@
|
||||||
type: article
|
type: article
|
||||||
---
|
---
|
||||||
{% include 2017/head.html %}
|
{% include 2017/head.html %}
|
||||||
<div class='main-heading {% if page.ads %}-with-ads{% endif %}'>
|
|
||||||
<h1 class='h1'>{{ page.title }} <em>cheatsheet</em></h1>
|
{% include 2017/top-nav.html page=page %}
|
||||||
{% if page.ads %}
|
|
||||||
<div class='HeadlineAd ad'>
|
<div class='body-area'>
|
||||||
<script async src='//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ricostacruzcom' id="_carbonads_js"></script>
|
<div class='main-heading {% if page.ads %}-with-ads{% endif %}'>
|
||||||
</div>
|
<h1 class='h1'>{{ page.title }} <em>cheatsheet</em></h1>
|
||||||
{% endif %}
|
{% if page.ads %}
|
||||||
</div>
|
<div class='HeadlineAd ad'>
|
||||||
<div class='post-content MarkdownBody' data-js-main-body>
|
<script async src='//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=ricostacruzcom' id="_carbonads_js"></script>
|
||||||
{{ content }}
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class='post-content MarkdownBody' data-js-main-body>
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% include 2017/foot.html %}
|
{% include 2017/foot.html %}
|
||||||
|
|
|
@ -12,19 +12,8 @@ html, body {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@include font-size(0);
|
@include font-size(0);
|
||||||
padding: 8px;
|
padding: 0;
|
||||||
margin: 0 auto;
|
margin: 0;
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Layout
|
|
||||||
*/
|
|
||||||
|
|
||||||
@media (min-width: 481px) {
|
|
||||||
body {
|
|
||||||
padding: 16px;
|
|
||||||
max-width: $column * 3 + 32px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
|
@ -0,0 +1,9 @@
|
||||||
|
.body-area {
|
||||||
|
max-width: $column * 3 + 32px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 8px;
|
||||||
|
|
||||||
|
@media (min-width: 481px) {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -75,8 +75,10 @@ $modularscale: (
|
||||||
@import './markdown/code';
|
@import './markdown/code';
|
||||||
@import './markdown/headings';
|
@import './markdown/headings';
|
||||||
@import './markdown/table';
|
@import './markdown/table';
|
||||||
|
@import './components/body-area';
|
||||||
@import './components/h2-section';
|
@import './components/h2-section';
|
||||||
@import './components/h3-section';
|
@import './components/h3-section';
|
||||||
@import './components/h3-section-list';
|
@import './components/h3-section-list';
|
||||||
@import './components/headline-ad';
|
@import './components/headline-ad';
|
||||||
@import './components/main-heading';
|
@import './components/main-heading';
|
||||||
|
@import './components/top-nav';
|
||||||
|
|
Loading…
Reference in New Issue