Menu icon Foundation
Additional colors, callout classes

I was wondering if it is possible to add additional color and callout classes in the _settings.scss file instead of the default primary, secondary, warning, alert classes?

Example:

// _settings variables
$example-name-color: #FF0022;
$callout-border-example-name: 2px solid darken($callout-background, 20%);

// Template code
<callout class="example-name">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit repellendus natus, sint ea optio dignissimos asperiores inventore a molestiae dolorum placeat repellat excepturi mollitia ducimus unde doloremque ad, alias eos!</p>
      </callout>

emailsettingscolorsclasses

I was wondering if it is possible to add additional color and callout classes in the _settings.scss file instead of the default primary, secondary, warning, alert classes?

Example:

// _settings variables
$example-name-color: #FF0022;
$callout-border-example-name: 2px solid darken($callout-background, 20%);

// Template code
<callout class="example-name">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit repellendus natus, sint ea optio dignissimos asperiores inventore a molestiae dolorum placeat repellat excepturi mollitia ducimus unde doloremque ad, alias eos!</p>
      </callout>
Ryan McCready almost 3 years ago

Hi Tom,

Yeah, in this case writing custom color CSS would do what you're looking for. Was there a different way you were looking of doing it?