First pass at refactoring styles

This commit is contained in:
John O'Nolan 2013-08-10 18:42:21 +02:00 committed by Hannah Wolfe
parent e8080571bd
commit e4ce16b517
4 changed files with 57 additions and 1229 deletions

43
assets/css/screen.css Normal file
View 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;
}

File diff suppressed because it is too large Load diff

View file

@ -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>

View file

@ -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>