joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-26 23:06:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Update] Merchants/Team: Style Sections / Add more rows for merchant member list

Browse source
This commit is contained in:
0xfff 2016-11-06 20:21:52 +01:00
parent ec2c4d6c29
commit c00f8c6aee
4 changed files with 61 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

17
merchants/index.html
View file

@ -8,24 +8,27 @@ description: pages.merchants.description
<div class="page page--team">
<section class="section section--claim">
<section class="section section--intro-lead">
<div class="section__content content">
<div>
<h1>{% t pages.merchants.debit-cards-heading %}<a class="permalink" title="Permalink" id="social"></a></h1>
<div class="section__intro">
<h2 class="section__title">{% t pages.merchants.debit-cards-heading %}<!-- <a class="permalink" title="Permalink" id="social"></a> --></h1>
</div>
<ul class="member-list">
<ul class="member-list member-list--merchants">
{% for merchant in site.data.merchants-stores %}
{% include merchant-list.html %}
{% endfor %}
</ul>
</div>
</section>
<section class="section section--intro-lead">
<div class="section__content content">
<div>
<h1>{% t pages.merchants.stores-heading %}<a class="permalink" title="Permalink" id="social"></a></h1>
<div class="section__intro">
<h2 class="section__title">{% t pages.merchants.stores-heading %}<!-- <a class="permalink" title="Permalink" id="social"></a> --></h1>
</div>
<ul class="member-list">
<ul class="member-list member-list--merchants">
{% for merchant in site.data.merchants-stores %}
{% include merchant-list.html %}
{% endfor %}

23
src/scss/_member.scss
View file

@ -21,11 +21,13 @@ $m: 'member';
&__name {
@include font-claim();
color: $color-blue;
// color: $color-blue;
margin-bottom: 5px;
}
&__title {
margin-bottom: 20px;
margin-bottom: 10px;
color: $color-gray-dark;
}
&__description {
@ -61,5 +63,22 @@ $m: 'member';
width: 33.3%;
}
}
&--merchants {
.#{$m} {
@include mq($from: extrasmall) {
width: 50%;
}
@include mq($from: small) {
width: 33.3%;
}
@include mq($from: medium) {
width: 25%;
}
@include mq($from: large) {
width: 20%;
}
}
}
}
}

25
src/scss/_section.scss
View file

@ -11,6 +11,31 @@ $m: 'section';
margin: 0 auto;
}
&--intro-lead {
text-align: center;
.#{$m} {
&__icon {
display: inline-block;
}
&__title {
@include font-title-xlarge();
margin-bottom: 10px;
}
&__lead {
display: inline-block;
@include font-lead();
max-width: 500px;
color: $color-gray-dark;
}
&__intro {
margin-bottom: 50px;
}
}
.member-list {
margin-top: 40px;
}
}
&--claim {
text-align: center;
.#{$m} {

10
team/index.html
View file

@ -8,13 +8,13 @@ description: pages.team.description
<div class="page page--team">
<section class="section section--claim">
<section class="section section--intro-lead">
<div class="section__content content">
<div>
<h1>{% t pages.team.core-heading %}<a class="permalink" title="Permalink" id="social"></a></h1>
<div class="section__intro">
<h1 class="section__title">{% t pages.team.core-heading %}<!-- <a class="permalink" title="Permalink" id="social"></a> --></h1>
{% tmd pages.team.core-text %}
<div class="section__lead">{% tmd pages.team.core-text %}</div>
</div>
<ul class="member-list">
{% for member in site.data.team %}
@ -25,7 +25,7 @@ description: pages.team.description
<div class="section__content content">
<div>
<h2>{% t pages.community.social-heading %}<a class="permalink" title="Permalink" id="social"></a></h2>
<h2 class="section__title">{% t pages.community.social-heading %}<!-- <a class="permalink" title="Permalink" id="social"></a> --></h2>
</div>
<ul class="member-list">
{% for member in site.data.team %}