Vechtsport Online Components for Magento 2

Items 

<div class="dashboard-items ">
    <h3 class="dashboard-items__title heading--red ">
        Adresgegevens
    </h3>
    <div class="row dashboard-items__content ">
        <div class="dashboard-items__item col-sm-3">
            <h5 class="heading heading--sixth-level heading--red">
                Contactgegevens
            </h5>
            <div class="dashboard-items__address">
                nick@vechtsportonline.nl
            </div>
            <div class="action ">
            </div>
        </div>
        <div class="dashboard-items__item col-sm-3">
            <h5 class="heading heading--sixth-level heading--red">
                Tweede adres
            </h5>
            <div class="dashboard-items__address">
                Tweede adres: nick@benifit-shop.nl
            </div>
            <div class="action ">
            </div>
        </div>
    </div>
</div>
 
<div class="dashboard-items {{ class }}">
    {{#if title }}
        <h3 class="dashboard-items__title heading--red {{ titleClass }}">
            {{ title }}
        </h3>
    {{/if}}
    {{#if informations }}
        <div class="row dashboard-items__content {{ contentClass }}">
            {{#each informations }}
                <div class="dashboard-items__item {{ this.class }}">
                    {{#if this.title }}
                        <h5 class="heading heading--sixth-level heading--red">
                            {{ this.title }}
                        </h5>
                    {{/if}}
                    {{#if this.information }}
                        <div class="dashboard-items__address">
                            {{ this.information }}
                        </div>
                    {{/if}}
                    {{#if actions }}
                        {{> '@action' actions }}
                    {{/if}}
                </div>
            {{/each}}
        </div>
    {{/if}}
</div>
 
{
  "title": "Adresgegevens",
  "informations": [
    {
      "title": "Contactgegevens",
      "class": "col-sm-3",
      "information": "nick@vechtsportonline.nl",
      "actions": {
        "links": [
          {
            "class": "link--red",
            "title": "Wijzigen"
          },
          {
            "class": "link--red",
            "title": "Wijzig wachtwoord"
          }
        ]
      }
    },
    {
      "title": "Tweede adres",
      "class": "col-sm-3",
      "information": "Tweede adres: nick@benifit-shop.nl",
      "actions": {
        "links": [
          {
            "class": "link--red",
            "title": "Wijzigen"
          }
        ]
      }
    }
  ]
}
  • Content: 
    $dashboard-items-padding: 15px !default;
$dashboard-items-margin : 15px !default;

.dashboard-items {
    &__title {
        margin-bottom: $dashboard-items-margin;
        padding-bottom: 10px;
        border-bottom: 1px solid $gray;
    }

    &__content {
        margin: 0;
        font-family: $font-family-saira;
    }

    &__address {
        margin-bottom: $dashboard-items-margin;
        font-family: $font-family-saira;
    }

    &__item {
        padding: $dashboard-items-padding 0;
        margin-bottom: $dashboard-items-margin;
        font-family: $font-family-saira;
    }
    
}
  • URL: /components/raw/dashboard-items/_items.scss
  • Filesystem Path: build/components/03-modules/dashboard/items/_items.scss
  • Size: 600 Bytes

There are no notes for this item.