From 823344c19094680e80e2b56449a243e183db8b06 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Mon, 14 Dec 2020 23:21:39 -0800 Subject: :star: --- .../src/themes/default/elements/loader.variables | 73 ++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 semantic/src/themes/default/elements/loader.variables (limited to 'semantic/src/themes/default/elements/loader.variables') diff --git a/semantic/src/themes/default/elements/loader.variables b/semantic/src/themes/default/elements/loader.variables new file mode 100644 index 0000000..5b2bf56 --- /dev/null +++ b/semantic/src/themes/default/elements/loader.variables @@ -0,0 +1,73 @@ +/******************************* + Loader +*******************************/ + +/* Some global loader styles defined in site.variables */ +// @loaderSpeed +// @loaderLineWidth +// @loaderFillColor +// @loaderLineColor +// @invertedLoaderFillColor +// @invertedLoaderLineColor + +/*------------------- + Standard +--------------------*/ + +@loaderTopOffset: 50%; +@loaderLeftOffset: 50%; + +@shapeBorderColor: @loaderLineColor; +@invertedShapeBorderColor: @invertedLoaderLineColor; + +/*------------------- + Types +--------------------*/ + +/* Text */ +@textDistance: @relativeMini; +@loaderTextColor: @textColor; +@invertedLoaderTextColor: @invertedTextColor; + + +/*------------------- + States +--------------------*/ + +@indeterminateDirection: reverse; +@indeterminateSpeed: (2 * @loaderSpeed); + +/*------------------- + Variations +--------------------*/ + +@inlineVerticalAlign: middle; +@inlineMargin: 0; + +/* Exact Sizes (Avoids Rounding Errors) */ +@mini : @14px; +@tiny : @16px; +@small : @24px; +@medium : @32px; +@large : @48px; +@big : @52px; +@huge : @58px; +@massive : @64px; + +@miniOffset: 0 0 0 -(@mini / 2); +@tinyOffset: 0 0 0 -(@tiny / 2); +@smallOffset: 0 0 0 -(@small / 2); +@mediumOffset: 0 0 0 -(@medium / 2); +@largeOffset: 0 0 0 -(@large / 2); +@bigOffset: 0 0 0 -(@big / 2); +@hugeOffset: 0 0 0 -(@huge / 2); +@massiveOffset: 0 0 0 -(@massive / 2); + +@tinyFontSize: @relativeTiny; +@miniFontSize: @relativeMini; +@smallFontSize: @relativeSmall; +@mediumFontSize: @relativeMedium; +@largeFontSize: @relativeLarge; +@bigFontSize: @relativeBig; +@hugeFontSize: @relativeHuge; +@massiveFontSize: @relativeMassive; -- cgit v1.2.3