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/modules/embed.variables | 53 ++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 semantic/src/themes/default/modules/embed.variables (limited to 'semantic/src/themes/default/modules/embed.variables') diff --git a/semantic/src/themes/default/modules/embed.variables b/semantic/src/themes/default/modules/embed.variables new file mode 100644 index 0000000..0d14bc6 --- /dev/null +++ b/semantic/src/themes/default/modules/embed.variables @@ -0,0 +1,53 @@ +/******************************* + Video +*******************************/ + +/*------------------- + Element +--------------------*/ + +/* Simple */ +@background: @lightGrey; +@transitionDuration: 0.5s; +@transitionEasing: @defaultEasing; + +/* Placeholder */ +@placeholderUnderlay: @background; + +/* Placeholder Overlayed Background */ +@placeholderBackground: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); +@placeholderBackgroundOpacity: 0.5; +@placeholderBackgroundTransition: opacity @transitionDuration @transitionEasing; + +/* Icon */ +@iconBackground: @veryStrongTransparentBlack; +@iconSize: 6rem; +@iconTransition: + opacity @transitionDuration @transitionEasing, + color @transitionDuration @transitionEasing +; +@iconColor: @white; +@iconShadow: + 0 2px 10px rgba(34, 36, 38, 0.2) +; +@iconZIndex: 10; + +/*------------------- + States +--------------------*/ + +/* Hover */ +@hoverPlaceholderBackground: @placeholderBackground; +@hoverPlaceholderBackgroundOpacity: 1; +@hoverIconColor: @white; + + +/*------------------- + Variations +--------------------*/ + +/* Aspect Ratios */ +@squareRatio: (1/1) * 100%; +@widescreenRatio: (9/16) * 100%; +@ultraWidescreenRatio: (9/21) * 100%; +@standardRatio: (3/4) * 100%; -- cgit v1.2.3