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}}" />
|
||||
|
||||
{{! Styles'n'Scripts }}
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
|
||||
<script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="/js/index.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="assets/css/screen.css">
|
||||
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700,400">
|
||||
<script type="text/javascript" src="assets/js/index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
29
post.hbs
29
post.hbs
|
@ -1,24 +1,17 @@
|
|||
{{!< default}}
|
||||
<section class="content">
|
||||
|
||||
<main class="content" role="main">
|
||||
{{#post}}
|
||||
|
||||
<article class="post type-post status-publish format-standard hentry">
|
||||
{{#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>
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<section class="entry-content">
|
||||
{{content}}
|
||||
</section>
|
||||
</div>
|
||||
<article class="post">
|
||||
<header>
|
||||
<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>
|
||||
<section class="entry-content">
|
||||
{{content}}
|
||||
</section>
|
||||
</article>
|
||||
|
||||
{{/post}}
|
||||
</section>
|
||||
</main>
|
Loading…
Reference in a new issue