Skip to content

Commit 41be2f6

Browse files
KwpolskaKwpolska
committedJul 24, 2015
Add orange hover effect for text (cc @Aeyoun)
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
1 parent 2d686c9 commit 41be2f6

File tree

2 files changed

+14
-8
lines changed

2 files changed

+14
-8
lines changed
 

Diff for: ‎files/assets/css/custom.css

+8-2
Original file line numberDiff line numberDiff line change
@@ -31,16 +31,22 @@ blockquote p, blockquote, p {
3131
text-align: center;
3232
}
3333

34-
.feature-icon .fa-stack {
34+
.feature-icon .fa-stack,
35+
a .index-feature {
3536
color: #3e4445;
3637
transition: color 0.3s ease;
3738
}
3839

39-
a:hover .feature-icon .fa-stack {
40+
a:hover .feature-icon .fa-stack,
41+
a:hover .index-feature {
4042
color: #f5ab14;
4143
transition: color 0.25s ease;
4244
}
4345

46+
a.feature-link:hover {
47+
text-decoration: none;
48+
}
49+
4450
.index-feature {
4551
margin-top: 0;
4652
padding-top: 20px;

Diff for: ‎stories/index.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ <h1>Nikola — Static Site Generator</h1>
2121
<div class="container">
2222
<div class="row">
2323
<div class="col-md-4">
24-
<a href="/handbook.html#why-static">
24+
<a href="/handbook.html#why-static" class="feature-link">
2525
<div class="feature-icon feature-icon-static">
2626
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-server fa-stack-1x fa-inverse"></i></span>
2727
</div>
@@ -30,7 +30,7 @@ <h2 class="index-feature">Host anywhere.</h2>
3030
<p><a href="/handbook.html#why-static">Static websites</a> are safer, use fewer resources, and avoid vendor and platform lock-in. You can host a Nikola website on any web server, big or small. It’s just a bunch of HTML files and assets.</p>
3131
</div>
3232
<div class="col-md-4">
33-
<a href="/features/fast.html">
33+
<a href="/features/fast.html" class="feature-link">
3434
<div class="feature-icon feature-icon-fast">
3535
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flash fa-stack-1x fa-inverse"></i></span>
3636
</div>
@@ -39,7 +39,7 @@ <h2 class="index-feature">Fast, incremental builds.</h2>
3939
<p><a href="/features/fast.html">Nikola is fast.</a> We use <a href="http://pydoit.org/">doit</a>, which provides incremental rebuilds — in other words, we rebuild only the pages that <em>need</em> rebuilding, saving CPU time, wall clock time and upload bandwidth.</p>
4040
</div>
4141
<div class="col-md-4">
42-
<a href="/handbook.html#supported-input-formats">
42+
<a href="/handbook.html#supported-input-formats" class="feature-link">
4343
<div class="feature-icon feature-icon-formats">
4444
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-file-text fa-stack-1x fa-inverse"></i></span>
4545
</div>
@@ -48,7 +48,7 @@ <h2 class="index-feature">Any input format you like.</h2>
4848
<p><a href="/handbook.html#supported-input-formats">Nikola will take input in many formats</a>. Out of the box, we support reStructuredText, Markdown, IPython (Jupyter) Notebooks and HTML, and have plugins for many other formats.</p>
4949
</div>
5050
<div class="col-md-4">
51-
<a href="/handbook.html#components">
51+
<a href="/handbook.html#components" class="feature-link">
5252
<div class="feature-icon feature-icon-components">
5353
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-cubes fa-stack-1x fa-inverse"></i></span>
5454
</div>
@@ -57,7 +57,7 @@ <h2 class="index-feature">Batteries included.</h2>
5757
<p><a href="/handbook.html#components">Nikola comes with everything you need</a> to build a modern website: blogs (with comments, tags, categories, archives, RSS/Atom feeds), multilingual support, easy image galleries, and code listings.</p>
5858
</div>
5959
<div class="col-md-4">
60-
<a href="/extending.html">
60+
<a href="/extending.html" class="feature-link">
6161
<div class="feature-icon feature-icon-extensible">
6262
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-code fa-stack-1x fa-inverse"></i></span>
6363
</div>
@@ -66,7 +66,7 @@ <h2 class="index-feature">Easily extensible.</h2>
6666
<p><a href="/extending.html">Nikola is extensible</a>. You can write a plugin to add any feature you want in a few lines of Python, or write your own theme in Mako or Jinja2. Or find something in the <a href="https://plugins.getnikola.com">Plugin</a> and <a href="https://themes.getnikola.com/">Theme</a> Indexes.</p>
6767
</div>
6868
<div class="col-md-4">
69-
<a href="/features/index.html#cli">
69+
<a href="/features/index.html#cli" class="feature-link">
7070
<div class="feature-icon feature-icon-unix">
7171
<span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-terminal fa-stack-1x fa-inverse"></i></span>
7272
</div>

0 commit comments

Comments
 (0)