Skip to Content
Menu

brand()

An easy way to pull brand colors from well-known brands around the world.

Sass February 22, 2017

Usage

Sass
brand($name, $index)

Parameters

$name
(Required) (String) The brand to get a color for
Default: None

$index
(Optional) (Integer or String) Which color of the brand to get
Default: 1

Parameter Notes

$index can either be the numbered index of the color, or a named one such as “primary”, “secondary”, “tertiary”, “quaternary”, etc.

Request or provide clarification »

Examples

Sass
.example {color: brand(facebook);}
Sass
.example {color: brand(flickr, secondary);}
Sass
.example {color: brand(flickr, 2);}
Was this page helpful? Yes No


    A feedback message is required to submit this form.


    Please check that you have entered a valid email address.

    Enter your email address if you would like a response.

    Thank you for your feedback!

    Source File

    This function was not found in /assets/scss/partials/_mixins.scss. Please report this error.

    Override

    To override or disable this, redefine the mixin/function later on, or use different class names to prevent this from targeting your element.

    Sass
    @mixin brand($name, $index){
        //Write your own code here, leave it blank, or return false.
    }