Coffeekraken.io 0.0.1

SCornerBadgeComponent

Provide ability to generate corner badges that follow your settings like colors.

  • .corner-badge
  • .corner-badge--tl
  • .corner-badge--tr
  • .corner-badge--bl
  • .corner-badge--br
  • .corner-badge--{color}

See:

Example

    // apply the corner badge bare and style to my custom element
.my-cool-element {
    @include s-corner-badge(primary tr);
}
// apply only the bare styling to my custom element
.my-cool-element {
    @include s-corner-badge-bare(tr);
}
// apply only the style styling to my custom element
.my-cool-element {
    @include s-corner-badge-style(primary);
}

// will print out classes for the corner badges including bare and style part
@include s-corner-badge-classes(
    $corners : tr tl br bl,
    $colors : default primary secondary
);
// will print out classes for the button including only bare part
@include s-button-classes-bare(
    $corners : tr tl br bl
);
// will print out classes for the button including only style part
@include s-button-classes-style(
    $colors : default primary secondary
);

Author : Olivier Bossel olivier.bossel@gmail.com