From 823344c19094680e80e2b56449a243e183db8b06 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Mon, 14 Dec 2020 23:21:39 -0800 Subject: :star: --- .../src/themes/fixed-width/modules/modal.overrides | 3 ++ .../src/themes/fixed-width/modules/modal.variables | 37 ++++++++++++++++++++++ 2 files changed, 40 insertions(+) create mode 100644 semantic/src/themes/fixed-width/modules/modal.overrides create mode 100644 semantic/src/themes/fixed-width/modules/modal.variables (limited to 'semantic/src/themes/fixed-width/modules') diff --git a/semantic/src/themes/fixed-width/modules/modal.overrides b/semantic/src/themes/fixed-width/modules/modal.overrides new file mode 100644 index 0000000..c5c5336 --- /dev/null +++ b/semantic/src/themes/fixed-width/modules/modal.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/semantic/src/themes/fixed-width/modules/modal.variables b/semantic/src/themes/fixed-width/modules/modal.variables new file mode 100644 index 0000000..16579af --- /dev/null +++ b/semantic/src/themes/fixed-width/modules/modal.variables @@ -0,0 +1,37 @@ + +/* Responsive Widths */ +@modalComputerWidth: 700px; +@modalLargeMonitorWidth: 800px; +@modalWidescreenMonitorWidth: 850px; + +@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2); +@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2); +@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2); + + +/*------------------- + Variations +--------------------*/ + +/* Sizes */ +@modalSmallRatio: 0.6; +@modalLargeRatio: 1.2; + +/* Derived Responsive Sizes */ +@modalSmallHeaderSize: 1.3em; +@modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio); +@modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio); +@modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio); + +@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2); +@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2); +@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2); + +@modalLargeHeaderSize: 1.3em; +@modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio); +@modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio); +@modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio); + +@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2); +@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2); +@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2); \ No newline at end of file -- cgit v1.2.3