Style currency page (#36)

* feat: basic table styles

* feat: add data-attributes for table column names for responsive tables

* feat: much better looking tables

* feat: add separate sections, add IDs for fragment URL links

* feat: responsive tables mixin, used on currency page

* feat: link budget items, align tables
This commit is contained in:
Joshua Seigler 2016-11-12 08:06:51 -05:00 committed by Perry Woodin
parent b530cc7c47
commit 5ef3273826
5 changed files with 150 additions and 56 deletions

View file

@ -13,13 +13,13 @@
<div class="hero__content">
<h1 class="hero__title">{% t pages.currency.hero-heading %}</h1>
<p class="hero__lead">Visualizer Goes Here</p>
<!-- <p class="hero__lead">Visualizer Goes Here</p>-->
<div class="hero__buttons">
<a href="#" class="btn-white-solid">{% t pages.currency.hero-markets-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.currency.hero-governance-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.currency.hero-network-btn %}</a>
<a href="#" class="btn-white-solid">{% t pages.currency.hero-blockchain-btn %}</a>
<a href="#section-markets" class="btn-white-solid">{% t pages.currency.hero-markets-btn %}</a>
<a href="#section-governance" class="btn-white-solid">{% t pages.currency.hero-governance-btn %}</a>
<a href="#section-network" class="btn-white-solid">{% t pages.currency.hero-network-btn %}</a>
<a href="#section-blockchain" class="btn-white-solid">{% t pages.currency.hero-blockchain-btn %}</a>
</div>
</div>