From 2ce4f8e634948fedc6dd6cbd78fcc71f2c72372d Mon Sep 17 00:00:00 2001 From: Conrad Sollitt Date: Tue, 10 Sep 2024 22:18:13 -0700 Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Update=20for=20Edge/IE=20r?= =?UTF-8?q?elated=20to=20CSS=20[ms-high-contrast]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app_data/template/en/app/header.php | 10 ++++++++-- app_data/template/en/site-ie.css | 8 ++++++++ app_data/template/en/site.css | 9 --------- app_data/template/es/app/header.php | 10 ++++++++-- app_data/template/es/site-ie.css | 8 ++++++++ app_data/template/es/site.css | 9 --------- app_data/template/pt-BR/app/header.php | 10 ++++++++-- app_data/template/pt-BR/site-ie.css | 8 ++++++++ app_data/template/pt-BR/site.css | 9 --------- 9 files changed, 48 insertions(+), 33 deletions(-) create mode 100644 app_data/template/en/site-ie.css create mode 100644 app_data/template/es/site-ie.css create mode 100644 app_data/template/pt-BR/site-ie.css diff --git a/app_data/template/en/app/header.php b/app_data/template/en/app/header.php index efae699..79f6693 100644 --- a/app_data/template/en/app/header.php +++ b/app_data/template/en/app/header.php @@ -3,9 +3,15 @@ - - <?= $app->escape($page_title) ?> + + +
diff --git a/app_data/template/en/site-ie.css b/app_data/template/en/site-ie.css new file mode 100644 index 0000000..d8ee902 --- /dev/null +++ b/app_data/template/en/site-ie.css @@ -0,0 +1,8 @@ +/* Main element fallback colors IE because IE does not support CSS variables */ +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + nav { background-color:#2A293E; } + nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } + .calc-result ul { border-bottom:1px solid #2A293E; } + .calc-result ul li { border:1px solid #2A293E; } + .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } +} diff --git a/app_data/template/en/site.css b/app_data/template/en/site.css index ddc5fca..1c776d2 100644 --- a/app_data/template/en/site.css +++ b/app_data/template/en/site.css @@ -7,15 +7,6 @@ html, body { height:100%; margin:0; } --lightest-color: hsla(243, 20%, 80%, 1); } -/* Main element fallback colors IE because IE does not support CSS variables */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - nav { background-color:#2A293E; } - nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } - .calc-result ul { border-bottom:1px solid #2A293E; } - .calc-result ul li { border:1px solid #2A293E; } - .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } -} - body { display: flex; flex-direction: column; diff --git a/app_data/template/es/app/header.php b/app_data/template/es/app/header.php index 5b1f220..927b3b8 100644 --- a/app_data/template/es/app/header.php +++ b/app_data/template/es/app/header.php @@ -3,9 +3,15 @@ - - <?= $app->escape($page_title) ?> + + +
diff --git a/app_data/template/es/site-ie.css b/app_data/template/es/site-ie.css new file mode 100644 index 0000000..197d356 --- /dev/null +++ b/app_data/template/es/site-ie.css @@ -0,0 +1,8 @@ +/* El elemento principal tiene colores alternativos IE porque IE no admite variables CSS */ +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + nav { background-color:#2A293E; } + nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } + .calc-result ul { border-bottom:1px solid #2A293E; } + .calc-result ul li { border:1px solid #2A293E; } + .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } +} diff --git a/app_data/template/es/site.css b/app_data/template/es/site.css index 43bbc52..35ce3e6 100644 --- a/app_data/template/es/site.css +++ b/app_data/template/es/site.css @@ -7,15 +7,6 @@ html, body { height:100%; margin:0; } --lightest-color: hsla(243, 20%, 80%, 1); } -/* El elemento principal tiene colores alternativos IE porque IE no admite variables CSS */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - nav { background-color:#2A293E; } - nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } - .calc-result ul { border-bottom:1px solid #2A293E; } - .calc-result ul li { border:1px solid #2A293E; } - .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } -} - body { display: flex; flex-direction: column; diff --git a/app_data/template/pt-BR/app/header.php b/app_data/template/pt-BR/app/header.php index 3b879d7..b4132b0 100644 --- a/app_data/template/pt-BR/app/header.php +++ b/app_data/template/pt-BR/app/header.php @@ -3,9 +3,15 @@ - - <?= $app->escape($page_title) ?> + + +
diff --git a/app_data/template/pt-BR/site-ie.css b/app_data/template/pt-BR/site-ie.css new file mode 100644 index 0000000..1ded42d --- /dev/null +++ b/app_data/template/pt-BR/site-ie.css @@ -0,0 +1,8 @@ +/* Cores de fallback do elemento principal IE porque o IE não suporta variáveis CSS */ +@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { + nav { background-color:#2A293E; } + nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } + .calc-result ul { border-bottom:1px solid #2A293E; } + .calc-result ul li { border:1px solid #2A293E; } + .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } +} diff --git a/app_data/template/pt-BR/site.css b/app_data/template/pt-BR/site.css index 0bfe6b0..4b86683 100644 --- a/app_data/template/pt-BR/site.css +++ b/app_data/template/pt-BR/site.css @@ -7,15 +7,6 @@ html, body { height:100%; margin:0; } --lightest-color: hsla(243, 20%, 80%, 1); } -/* Cores de fallback do elemento principal IE porque o IE não suporta variáveis CSS */ -@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { - nav { background-color:#2A293E; } - nav a, h1, footer { background-color:hsla(243, 20%, 40%, 1); } - .calc-result ul { border-bottom:1px solid #2A293E; } - .calc-result ul li { border:1px solid #2A293E; } - .calc-result ul li:nth-child(odd) { background-color: hsla(243, 20%, 80%, 1); } -} - body { display: flex; flex-direction: column;