Softbank

Button Heading 

<div class="ai-component">
    <h2 class="h4"><a class="ai-btn ai-btn-heading" href="#">Explore more insights from the SoftBank Vision Funds portfolio</a></h2>
</div>
 
<div class="ai-component">
    <h2 class="h4"><a class="ai-btn {{{class}}}" href="#">{{{text}}}</a></h2>
</div>
 
{
  "text": "Explore more insights from the SoftBank Vision Funds portfolio",
  "class": "ai-btn-heading"
}
  • Content: 
    //  buttons

a{
    &.ai-btn{
        &.ai-btn-heading{
            color: $black;
            text-decoration: none;
            background-image: url('../images/icons/ai-download-black.svg');
            background-size: 22px;
            background-repeat: no-repeat;
            background-position: right center;
            padding: 0 1.2em 0 0;
            &:hover{
                text-decoration: underline;
            }
        }
    }
}
  • URL: /components/raw/button-heading/button-heading.scss
  • Filesystem Path: src/components/01-global/button-heading/button-heading.scss
  • Size: 448 Bytes

No notes defined.