defaultTokens Lightning Token in Salesforce

defaultTokens.tokens

<aura:tokens>

    <aura:token name="brandedFont" value="#9400d3"/>

</aura:tokens>

Component:

<aura:component implements="force:appHostable">
   
    <div class="slds-box slds-theme_default">
       
        <p>
           
            Testing
           
        </p>
       
    </div>
   
</aura:component>

CSS:

.THIS p {
   
    color: token(brandedFont);
   
}

Output:


No comments:

Post a Comment