vividboarder/Vivid-Casper
1
0
Fork 0
mirror of https://github.com/ViViDboarder/Vivid-Casper.git synced 2024-12-23 03:57:38 +00:00
Code Issues Releases Wiki Activity

Stop text from wrapping to a new line with icon

Browse Source 
Fixes #112
This commit is contained in:
John O'Nolan 2014-08-04 12:49:41 +03:00
parent cefc04c2b2
commit b84309f482
3 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/screen.css
View File

@ -117,7 +117,7 @@ table { border-collapse: collapse; border-spacing: 0; }
} }
/* Apply these base styles to all icons */ /* Apply these base styles to all icons */
[class^="icon-"], [class*=" icon-"] { [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons", "Open Sans", sans-serif; font-family: "icons", "Open Sans", sans-serif;
speak: none; speak: none;
font-style: normal; font-style: normal;
@ -489,6 +489,11 @@ margin on the iframe, cause it breaks stuff. */
margin: 0 0 30px 0; margin: 0 0 30px 0;
} }
.main-nav a {
text-decoration: none;
font-family: 'Open Sans', sans-serif;
}
/* Create a bouncing scroll-down arrow on homepage with cover image */ /* Create a bouncing scroll-down arrow on homepage with cover image */
.scroll-down { .scroll-down {
display: block; display: block;
@ -501,6 +506,7 @@ margin on the iframe, cause it breaks stuff. */
height: 34px; height: 34px;
font-size: 34px; font-size: 34px;
text-align: center; text-align: center;
text-decoration: none;
color: rgba(255,255,255,0.7); color: rgba(255,255,255,0.7);
transform: rotate(-90deg); transform: rotate(-90deg);
-webkit-animation: bounce 4s 2s infinite; -webkit-animation: bounce 4s 2s infinite;
@ -1140,10 +1146,9 @@ body:not(.post-template) .post-title {
font-size: 1.7rem; font-size: 1.7rem;
} }
.author-meta span { .author-meta span {
margin-left: 2rem; display: inline-block;
} margin: 0 2rem 1rem 0;
.author-meta span:first-child { word-wrap: break-word;
margin-left: 0;
} }
.author-meta a { .author-meta a {
text-decoration: none; text-decoration: none;

4
author.hbs
View File

@ -18,8 +18,8 @@
<h1 class="author-title">{{author.name}}</h1> <h1 class="author-title">{{author.name}}</h1>
<h2 class="author-bio">{{author.bio}}</h2> <h2 class="author-bio">{{author.bio}}</h2>
<div class="author-meta"> <div class="author-meta">
{{#if author.location}}<span class="author-location"><i class="icon-location"></i> {{author.location}}</span>{{/if}} {{#if author.location}}<span class="author-location icon-location">{{author.location}}</span>{{/if}}
{{#if author.website}}<span class="author-link"><i class="icon-link"></i> <a href="{{author.website}}">{{author.website}}</a></span>{{/if}} {{#if author.website}}<span class="author-link icon-link"><a href="{{author.website}}">{{author.website}}</a></span>{{/if}}
<span class="author-stats"><i class="icon-stats"></i> {{plural pagination.total empty='No posts' singular='% post' plural='% posts'}}</span> <span class="author-stats"><i class="icon-stats"></i> {{plural pagination.total empty='No posts' singular='% post' plural='% posts'}}</span>
</div> </div>
</section> </section>

6
post.hbs
View File

@ -32,7 +32,7 @@
{{#if image}} {{#if image}}
<figure class="author-image"> <figure class="author-image">
<a class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a> <A class="img" href="{{url}}" style="background-image: url({{image}})"><span class="hidden">{{name}}'s Picture</span></a>
</figure> </figure>
{{/if}} {{/if}}
@ -45,8 +45,8 @@
<p>Read <a href="{{url}}">more posts</a> by this author.</p> <p>Read <a href="{{url}}">more posts</a> by this author.</p>
{{/if}} {{/if}}
<div class="author-meta"> <div class="author-meta">
{{#if location}}<span class="author-location"><i class="icon-location"></i> {{location}}</span>{{/if}} {{#if location}}<span class="author-location icon-location">{{location}}</span>{{/if}}
{{#if website}}<span class="author-link"><i class="icon-link"></i> <a href="{{website}}">{{website}}</a></span>{{/if}} {{#if website}}<span class="author-link icon-link"><a href="{{website}}">{{website}}</a></span>{{/if}}
</div> </div>
</section> </section>