diff options
| author | Fuwn <[email protected]> | 2020-12-14 23:21:39 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2020-12-14 23:21:39 -0800 |
| commit | 823344c19094680e80e2b56449a243e183db8b06 (patch) | |
| tree | 92277700547ea671331828caa258ace7aaaa46d5 /semantic/src/themes/fixed-width | |
| parent | repo: angular (diff) | |
| download | me-823344c19094680e80e2b56449a243e183db8b06.tar.xz me-823344c19094680e80e2b56449a243e183db8b06.zip | |
:star:
Diffstat (limited to 'semantic/src/themes/fixed-width')
4 files changed, 66 insertions, 0 deletions
diff --git a/semantic/src/themes/fixed-width/collections/grid.overrides b/semantic/src/themes/fixed-width/collections/grid.overrides new file mode 100644 index 0000000..c5c5336 --- /dev/null +++ b/semantic/src/themes/fixed-width/collections/grid.overrides @@ -0,0 +1,3 @@ +/******************************* + Overrides +*******************************/ diff --git a/semantic/src/themes/fixed-width/collections/grid.variables b/semantic/src/themes/fixed-width/collections/grid.variables new file mode 100644 index 0000000..d27f1d2 --- /dev/null +++ b/semantic/src/themes/fixed-width/collections/grid.variables @@ -0,0 +1,23 @@ +/* Fixed Page Grid */ + +@mobileWidth: auto; +@mobileMargin: 0em; +@mobileGutter: 0em; + +@tabletWidth: auto; +@tabletMargin: 0em; +@tabletGutter: 8%; + +@computerWidth: 960px; +@computerMargin: auto; +@computerGutter: 0; + +@largeMonitorWidth: 1180px; +@largeMonitorMargin: auto; +@largeMonitorGutter: 0; + +@widescreenMonitorWidth: 1300px; +@widescreenMargin: auto; +@widescreenMonitorGutter: 0; + +@tableWidth: '';
\ No newline at end of file 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 |