Fix index icons

This commit is contained in:
Jeremy Thomas 2017-01-04 14:39:10 +01:00
parent aaaa9d7902
commit 37fa187ed7
3 changed files with 12 additions and 13 deletions

View File

@ -1,4 +1,3 @@
<!-- <div id="carbon" class="box"> <div id="carbon" class="box">
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js"></script> <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js"></script>
</div> </div>
-->

View File

@ -76,7 +76,7 @@
.title.is-2 a { .title.is-2 a {
color: #242424; color: #242424;
padding-left: 60px; padding-left: 48px;
position: relative; position: relative;
} }
@ -84,10 +84,10 @@
color: #00d1b2; color: #00d1b2;
} }
.title.is-2 .icon.is-large { .title.is-2 .icon.is-medium {
left: 0; left: 8px;
position: absolute; position: absolute;
top: -1px; top: 10px;
} }
.hero .title.is-2 a { .hero .title.is-2 a {

View File

@ -91,7 +91,7 @@ route: index
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/grid/columns"> <a href="{{ site.url }}/documentation/grid/columns">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-pause"></i> <i class="fa fa-pause"></i>
</span> </span>
Simple <strong>columns</strong> Simple <strong>columns</strong>
@ -189,7 +189,7 @@ route: index
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/grid/tiles"> <a href="{{ site.url }}/documentation/grid/tiles">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-th-large"></i> <i class="fa fa-th-large"></i>
</span> </span>
Magic <strong>tiles</strong> Magic <strong>tiles</strong>
@ -281,7 +281,7 @@ route: index
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/components/level/"> <a href="{{ site.url }}/documentation/components/level/">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-arrows-h"></i> <i class="fa fa-arrows-h"></i>
</span> </span>
Flexible <strong>horizontal level</strong> Flexible <strong>horizontal level</strong>
@ -345,7 +345,7 @@ route: index
<div class="column"> <div class="column">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/components/media-object/"> <a href="{{ site.url }}/documentation/components/media-object/">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-magic"></i> <i class="fa fa-magic"></i>
</span> </span>
Versatile <strong>media object</strong> Versatile <strong>media object</strong>
@ -406,7 +406,7 @@ route: index
<div class="container has-text-centered"> <div class="container has-text-centered">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/layout/hero/"> <a href="{{ site.url }}/documentation/layout/hero/">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-arrows-v"></i> <i class="fa fa-arrows-v"></i>
</span> </span>
Easy <strong>vertical centering</strong> in <strong>fullscreen</strong> Easy <strong>vertical centering</strong> in <strong>fullscreen</strong>
@ -433,7 +433,7 @@ route: index
<div class="column"> <div class="column">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/modifiers/syntax/"> <a href="{{ site.url }}/documentation/modifiers/syntax/">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-cogs"></i> <i class="fa fa-cogs"></i>
</span> </span>
Compose your element with <strong>modifier</strong> classes Compose your element with <strong>modifier</strong> classes
@ -477,7 +477,7 @@ route: index
<div class="container"> <div class="container">
<h3 class="title is-2"> <h3 class="title is-2">
<a href="{{ site.url }}/documentation/elements/box/"> <a href="{{ site.url }}/documentation/elements/box/">
<span class="icon is-large"> <span class="icon is-medium">
<i class="fa fa-asterisk"></i> <i class="fa fa-asterisk"></i>
</span> </span>
And all the usual <strong>elements</strong> And all the usual <strong>elements</strong>