Skip to content

Instantly share code, notes, and snippets.

@una
Created December 5, 2014 03:51
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 una/e7a5836696e54d0ad8bb to your computer and use it in GitHub Desktop.
Save una/e7a5836696e54d0ad8bb to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
$full-black: #f00;
$dark-black: #f00;
$light-black: #000;
$min-black: #f00;
$full-white: #f00;
$light-white: #000;
$dark-white: #f00;
/*
.mui-text-full-black { color: $full-black; }
.mui-text-dark-black { color: $dark-black; }
.mui-text-light-black { color: $light-black; }
.mui-text-min-black { color: $min-black; }
.mui-text-full-white { color: $full-white; }
.mui-text-dark-white { color: $dark-white; }
.mui-text-light-white { color: $light-white; }
.mui-font-weight-light { font-weight: 300 }
.mui-font-weight-normal { font-weight: 400 }
.mui-font-weight-medium { font-weight: 500 }
*/
$mui-text-color-vars: full-black, dark-black, light-black, min-black, full-white, dark-white, light-white;
$mui-font-weight-vars: (
'light': 300,
'normal': 400,
'medium': 500
);
// Font Colors
@mixin mui-text($color-name) {
.mui-text-#{$color-name} {
color: unquote('$' + '#{$color-name}');
}
}
@each $color in $mui-text-color-vars {
@include mui-text($color);
};
// Font Weight
@mixin mui-font-weight($weight, $val) {
.mui-font-weight-#{$weight} {
font-weight: $val;
}
}
@each $weight, $val in $mui-font-weight-vars {
@include mui-font-weight($weight, $val);
};
/*
.mui-text-full-black { color: $full-black; }
.mui-text-dark-black { color: $dark-black; }
.mui-text-light-black { color: $light-black; }
.mui-text-min-black { color: $min-black; }
.mui-text-full-white { color: $full-white; }
.mui-text-dark-white { color: $dark-white; }
.mui-text-light-white { color: $light-white; }
.mui-font-weight-light { font-weight: 300 }
.mui-font-weight-normal { font-weight: 400 }
.mui-font-weight-medium { font-weight: 500 }
*/
.mui-text-full-black {
color: $full-black;
}
.mui-text-dark-black {
color: $dark-black;
}
.mui-text-light-black {
color: $light-black;
}
.mui-text-min-black {
color: $min-black;
}
.mui-text-full-white {
color: $full-white;
}
.mui-text-dark-white {
color: $dark-white;
}
.mui-text-light-white {
color: $light-white;
}
.mui-font-weight-light {
font-weight: 300;
}
.mui-font-weight-normal {
font-weight: 400;
}
.mui-font-weight-medium {
font-weight: 500;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment