Skip to content

Instantly share code, notes, and snippets.

@micahgodbolt

micahgodbolt/button.scss

Created November 8, 2016 16:43
Show Gist options
  • Save micahgodbolt/370d0125338a4cb70ef47974b1e1ad72 to your computer and use it in GitHub Desktop.
Save micahgodbolt/370d0125338a4cb70ef47974b1e1ad72 to your computer and use it in GitHub Desktop.
Download ZIP
Tokens and Slots
Raw
button.scss
.ms-Button.ms-Button--primary {
background-color: $ms-colorBackgroundButtonPrimary;
color: $ms-colorTextButtonPrimary;
&:hover {
background-color: $ms-colorBackgroundButtonPrimaryHover;
}
}
Raw
buttonSlots.yml
Title: Button Slots
---
colorBackgroundButtonPrimary: interactive-background
colorTextButtonPrimary: interactive-text
colorBackgroundButtonPrimaryHover: interactive-background-hover
Raw
tokens.yml
Title: Tokens
---
interactive-background: #0078d7
interactive-text: #ffffff
interactive-background-hover: #005a9e
modal-background-reversed: #0078d7
modal-text-reversed: #ffffff
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment