First pass at refactoring styles
This commit is contained in:
parent
e8080571bd
commit
e4ce16b517
4 changed files with 57 additions and 1229 deletions
43
assets/css/screen.css
Normal file
43
assets/css/screen.css
Normal file
|
@ -0,0 +1,43 @@
|
||||||
|
/* ==========================================================================
|
||||||
|
Table of Contents
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
/*
|
||||||
|
0. Includes
|
||||||
|
1. Something
|
||||||
|
2. Something else
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
0. Includes
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
@import url(normalize.css);
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
1. General
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
html {font-size: 62.5%;}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Open Sans', sans-serif;
|
||||||
|
font-size: 2rem;
|
||||||
|
line-height: 1.6em;
|
||||||
|
color: #50585D;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 5rem;
|
||||||
|
line-height: 1.2em;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================================================
|
||||||
|
1. General
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.post {
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
1208
assets/css/style.css
1208
assets/css/style.css
File diff suppressed because it is too large
Load diff
|
@ -10,9 +10,9 @@
|
||||||
<meta name="description" content="{{settings.description}}" />
|
<meta name="description" content="{{settings.description}}" />
|
||||||
|
|
||||||
{{! Styles'n'Scripts }}
|
{{! Styles'n'Scripts }}
|
||||||
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
|
<link rel="stylesheet" type="text/css" href="assets/css/screen.css">
|
||||||
<script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700,400">
|
||||||
<script type="text/javascript" src="/js/index.js"></script>
|
<script type="text/javascript" src="assets/js/index.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
17
post.hbs
17
post.hbs
|
@ -1,24 +1,17 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
<section class="content">
|
|
||||||
|
<main class="content" role="main">
|
||||||
{{#post}}
|
{{#post}}
|
||||||
|
|
||||||
<article class="post type-post status-publish format-standard hentry">
|
<article class="post">
|
||||||
{{#if image}}
|
|
||||||
<figure class="post-thumb">
|
|
||||||
<img width="550" height="250" src="/content/images/{{image}}" class="attachment-post-thumbnail wp-post-image" alt="ghostpost">
|
|
||||||
</figure>
|
|
||||||
{{/if}}
|
|
||||||
<div class="wrap">
|
|
||||||
<header>
|
<header>
|
||||||
<h2 class="entry-title h1"><a href="/{{slug}}" rel="bookmark">{{title}}</a></h2>
|
|
||||||
<span class="entry-meta">Published on <time class="updated" datetime="{{dateFormat published_at format='YYYY-MM-DD'}}">{{dateFormat published_at format='DD MMMM YYYY'}}</time></span>
|
<span class="entry-meta">Published on <time class="updated" datetime="{{dateFormat published_at format='YYYY-MM-DD'}}">{{dateFormat published_at format='DD MMMM YYYY'}}</time></span>
|
||||||
|
<h1>{{title}}</h1>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class="entry-content">
|
<section class="entry-content">
|
||||||
{{content}}
|
{{content}}
|
||||||
</section>
|
</section>
|
||||||
</div>
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{{/post}}
|
{{/post}}
|
||||||
</section>
|
</main>
|
Loading…
Reference in a new issue