fomantic-ui
Version:
Fomantic empowers designers and developers by creating a shared vocabulary for UI.
75 lines (61 loc) • 1.26 kB
text/less
/*!
* # Fomantic-UI - Text
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md
*
*/
/*******************************
Theme
*******************************/
@type : 'element';
@element : 'text';
@import (multiple) '../../theme.config';
/*******************************
Text
*******************************/
span.ui.text {
line-height: @lineHeight;
}
each(@colors, {
@color: replace(@key, '@', '');
@c: @colors[@@color][color];
@l: @colors[@@color][light];
span.ui.@{color}.text {
color: @c;
}
& when (@variationTextInverted) {
span.ui.inverted.@{color}.text {
color: @l;
}
}
})
& when (@variationTextStates) {
each(@textStates, {
@state: replace(@key, '@', '');
@c: @textStates[@@state][color];
span.ui.@{state}.text {
color: @c;
}
})
}
& when (@variationTextDisabled) {
span.ui.disabled.text {
opacity: @disabledOpacity;
}
}
/* Sizes */
span.ui.medium.text {
font-size: @medium;
}
& when not (@variationTextSizes = false) {
each(@variationTextSizes, {
@s: @@value;
span.ui.@{value}.text {
font-size: @s;
}
})
}
.loadUIOverrides();