solarwood components for Magento 2

Icon 

<svg class="icon " role="img">
    <title>Angle down icon</title>
    <use xlink:href="/images/icons-sprite.svg#angle-down"></use>
</svg>
 
<svg
    class="icon {{ class }}"
    {{{ attributes }}}
    {{#if hidden }}
        role="presentation"
        focusable="false"
    {{else}}
        role="img"
    {{/if}}
>
    {{#if title }}
        <title>{{ title }}</title>
    {{/if}}
    <use xlink:href="{{ svg id }}"></use>
</svg>
 
{
  "id": "angle-down",
  "title": "Angle down icon"
}
  • Content: 
    $icon__size         : 24px !default;
$icon__padding      : 0 !default;
$icon__transition   : $transition-base !default;

.icon {
    display: block;
    width: $icon__size;
    height: $icon__size;
    padding: $icon__padding;
    transition: $icon__transition;
    pointer-events: none;
}
.solarwood-icon {
    width: 200px;
    width: 500px;
}
.solarwood-icon .solarwood-icon-bg {
    fill: url(#linear-gradient) #fff;
}
#linear-gradient { // sass-lint:disable-line no-ids
    --color-stop: #ffb26e;
    --color-bot: #77f9b3;
}
  • URL: /components/raw/icon/_icon.scss
  • Filesystem Path: build/components/Atoms/icon/_icon.scss
  • Size: 530 Bytes

There are no notes for this item.