diff --git a/merchants/index.html b/merchants/index.html index d6dcb9c..6a2021d 100644 --- a/merchants/index.html +++ b/merchants/index.html @@ -8,24 +8,27 @@ description: pages.merchants.description
-
+
-
-

{% t pages.merchants.debit-cards-heading %}

+
+

{% t pages.merchants.debit-cards-heading %}

-
    + +
      {% for merchant in site.data.merchants-stores %} {% include merchant-list.html %} {% endfor %}
+
+
-
-

{% t pages.merchants.stores-heading %}

+
+

{% t pages.merchants.stores-heading %}

-
    +
      {% for merchant in site.data.merchants-stores %} {% include merchant-list.html %} {% endfor %} diff --git a/src/scss/_member.scss b/src/scss/_member.scss index 4950df0..039baad 100644 --- a/src/scss/_member.scss +++ b/src/scss/_member.scss @@ -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%; + } + } + } } } diff --git a/src/scss/_section.scss b/src/scss/_section.scss index e92b04e..a234f7b 100644 --- a/src/scss/_section.scss +++ b/src/scss/_section.scss @@ -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} { diff --git a/team/index.html b/team/index.html index a6edeb8..3a1fa18 100644 --- a/team/index.html +++ b/team/index.html @@ -8,13 +8,13 @@ description: pages.team.description
      -
      +
      -
      -

      {% t pages.team.core-heading %}

      +
      +

      {% t pages.team.core-heading %}

      - {% tmd pages.team.core-text %} +
      {% tmd pages.team.core-text %}
        {% for member in site.data.team %} @@ -25,7 +25,7 @@ description: pages.team.description
        -

        {% t pages.community.social-heading %}

        +

        {% t pages.community.social-heading %}

          {% for member in site.data.team %}