(Refactor) Hero: Markup / BEM / Spacing / Responsive Height / Variables (#20)

* (Refactor) Hero: Markup / BEM / Spacing / Responsive Height / Variables

* (Fix) Header: adjust spacing with padding
This commit is contained in:
0xfff 2016-09-26 01:40:16 +02:00 committed by GitHub
parent 251405a23e
commit 69d9d2c1d1
14 changed files with 151 additions and 132 deletions

View file

@ -8,27 +8,27 @@ description: pages.get-dash.description
<div class="page-getdash">
<!--
<!--
HOW-TO SETUP YOUR WALLET
.getdash-wallet-setup-graphic
-->
<section id="getdash-wallet-setup">
<section class="section section--getdash-wallet-setup" id="getdash-wallet-setup">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.setup-heading %}</h2>
{% tmd pages.get-dash.setup-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
</div>
<div class="col-sm-6 getdash-wallet-setup-graphic">
</div>
</div>
</div>
</section>
<!--
<!--
BUY DASH ONLINE
.getdash-buy-graphic
-->
@ -36,7 +36,7 @@ description: pages.get-dash.description
<div class="content">
<div class="row">
<div class="col-sm-6 getdash-buy-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.buy-heading %}</h2>
@ -47,8 +47,8 @@ description: pages.get-dash.description
</div>
</div>
</section>
<!--
<!--
TRADE DASH ON AN EXCHANGE
.getdash-exchange-graphic
-->
@ -62,21 +62,21 @@ description: pages.get-dash.description
<a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a>
</div>
<div class="col-sm-6 getdash-exchange-graphic">
</div>
</div>
</div>
</section>
<!--
BUY DASH AT AN ATM
<!--
BUY DASH AT AN ATM
.getdash-atm-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6 getdash-atm-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.atm-heading %}</h2>
@ -87,9 +87,9 @@ description: pages.get-dash.description
</div>
</div>
</section>
<!--
SHOP DIRECT WITH DASH
<!--
SHOP DIRECT WITH DASH
.getdash-shop-graphic
-->
<section id="getdash-shop">
@ -99,16 +99,16 @@ description: pages.get-dash.description
<h2>{% t pages.get-dash.shop-heading %}</h2>
{% tmd pages.get-dash.shop-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
</div>
<div class="col-sm-6 getdash-shop-graphic">
</div>
</div>
</div>
</section>
<!--
<!--
SHOP AT VISA STORES
.getdash-visa-graphic
-->
@ -125,8 +125,8 @@ description: pages.get-dash.description
</div>
</div>
</section>
<!--
<!--
NEED SOME DASH
.getdash-need-graphic
-->
@ -138,13 +138,13 @@ description: pages.get-dash.description
{% tmd pages.get-dash.need-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
{% tmd pages.get-dash.need-input %}
{% tmd pages.get-dash.need-input %}
</div>
<div class="col-sm-6 getdash-need-graphic">
</div>
</div>
</div>
</section>
</div>
</div>