Skip to content

Instantly share code, notes, and snippets.

@pixeline

pixeline/the-voice.scss

Last active November 10, 2016 07:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pixeline/d25c7e22f01a799acda87f22668515eb to your computer and use it in GitHub Desktop.
Save pixeline/d25c7e22f01a799acda87f22668515eb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
the-voice.scss
/* ----------------------------------------------
THE VOICE
// this class set is used to convey specific expressions in a coherent, global system: the voice of your application.
---------------------------------------------- */
.voice{
font-size:100%;
font-family: $font-sans;
&--info{
background-color:#FFFFDD;
}
&--loud{
font-size:133%;
}
&--discreete{
opacity:.8;
font-size:88%;
}
&--whisper{
font-size:72%;
opacity:.6;
}
&--error{
color: $red;
font-weight: bold;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment