From b006d9194d52d6c965a008125a3e9b281ccb10f2 Mon Sep 17 00:00:00 2001 From: Svetlana Korobtseva Date: Mon, 29 Jul 2024 21:11:06 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BA=D1=80=D0=B0?= =?UTF-8?q?=D1=88=D0=B8=D0=B2=D0=B0=D0=B5=D1=82=20SVG?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- html/deprecated-tags/images/covers/desktop.svg | 2 +- html/deprecated-tags/images/covers/mobile.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/html/deprecated-tags/images/covers/desktop.svg b/html/deprecated-tags/images/covers/desktop.svg index 448e3ff9cd..31625da7e3 100644 --- a/html/deprecated-tags/images/covers/desktop.svg +++ b/html/deprecated-tags/images/covers/desktop.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/html/deprecated-tags/images/covers/mobile.svg b/html/deprecated-tags/images/covers/mobile.svg index 76cd469552..1f3438d352 100644 --- a/html/deprecated-tags/images/covers/mobile.svg +++ b/html/deprecated-tags/images/covers/mobile.svg @@ -1 +1 @@ - \ No newline at end of file + From 84bd4d5d3980968f837afd5304d01ed9bc985fb0 Mon Sep 17 00:00:00 2001 From: Svetlana Korobtseva Date: Mon, 29 Jul 2024 21:11:30 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D1=8F?= =?UTF-8?q?=D0=B5=D1=82=20=D0=B4=D0=B5=D0=BC=D0=BA=D0=B8=20=D0=BF=D0=BE?= =?UTF-8?q?=D0=B4=20=D0=B4=D0=B8=D0=B7.=D1=81=D0=B8=D1=81=D1=82=D0=B5?= =?UTF-8?q?=D0=BC=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../demos/marquee-fallback/index.html | 7 +++ html/deprecated-tags/demos/marquee/index.html | 39 ++++++++++++++--- html/deprecated-tags/demos/nobr/index.html | 43 +++++++++++++------ html/deprecated-tags/index.md | 4 +- 4 files changed, 72 insertions(+), 21 deletions(-) diff --git a/html/deprecated-tags/demos/marquee-fallback/index.html b/html/deprecated-tags/demos/marquee-fallback/index.html index 651b2b1f2a..aca20b0b0d 100644 --- a/html/deprecated-tags/demos/marquee-fallback/index.html +++ b/html/deprecated-tags/demos/marquee-fallback/index.html @@ -17,7 +17,14 @@ color-scheme: dark; } + html, body { + height: 100%; + } + body { + display: flex; + align-items: center; + justify-content: center; padding: 50px 0; background-color: #18191C; color: #FF8630; diff --git a/html/deprecated-tags/demos/marquee/index.html b/html/deprecated-tags/demos/marquee/index.html index f66f154885..1c402030e9 100644 --- a/html/deprecated-tags/demos/marquee/index.html +++ b/html/deprecated-tags/demos/marquee/index.html @@ -15,11 +15,18 @@ html { color-scheme: dark; + --gap: 25px; + } + + html, body { + height: 100%; } body { display: flex; - padding: 25px; + align-items: center; + justify-content: center; + padding: var(--gap); background-color: #18191c; font-family: "Roboto", sans-serif; } @@ -31,7 +38,7 @@ } .container + .container { - margin-left: 20px; + margin-left: var(--gap); } marquee { @@ -40,27 +47,45 @@ } marquee + marquee { - margin-top: 20px; + margin-top: var(--gap); } .to-left { - height: 60px; + height: calc(var(--gap) * 3); background-color: #2E9AFF; color: #000000; font-size: 4rem; } .to-top { - height: 110px; + height: calc(var(--gap) * 6); background-color: #FFFFFF; - color: #665610; + color: #000000; } .to-other { - height: 190px; + height: calc(var(--gap) * 10); background-color: #FF8630; color: #000000; } + + @media (max-width: 768px) { + html { + --gap: 20px; + } + + .to-left { + height: calc(var(--gap) * 7); + } + + .to-top { + height: calc(var(--gap) * 12); + } + + .to-other { + height: calc(var(--gap) * 20); + } + } diff --git a/html/deprecated-tags/demos/nobr/index.html b/html/deprecated-tags/demos/nobr/index.html index dd6876accf..409d45a0f8 100644 --- a/html/deprecated-tags/demos/nobr/index.html +++ b/html/deprecated-tags/demos/nobr/index.html @@ -17,35 +17,54 @@ color-scheme: dark; } + html, body, .wrapper { + height: 100%; + } + body { - padding: 50px; background-color: #18191C; color: #FFFFFF; font-size: 18px; font-family: "Roboto", sans-serif; + } + + .wrapper { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; overflow: hidden; } p { width: 65%; - margin: auto; + max-width: 650px; padding: 55px 40px; - background-color: #FFFFFF; - color: #663613; + background-color: #FF8630; + color: #000000; } nobr { - background-color: #663613; - color: #FFFFFF; + background-color: #FFFFFF; + } + + @media (max-width: 768px) { + .wrapper { + padding: 30px; + } + + p { + width: 100%; + } } -

- Современные технологии достигли такого уровня, что новая модель организационной деятельности, а также свежий взгляд на привычные - вещи — безусловно открывает новые горизонты для экономической целесообразности принимаемых решений. В своём стремлении повысить качество - жизни, они забывают, что сложившаяся структура организации прекрасно подходит для реализации стандартных подходов. Разнообразный - и богатый опыт говорит нам, что высококачественный прототип будущего проекта требует определения и уточнения кластеризации усилий. -

+
+

+ Современные технологии достигли такого уровня, что новая модель организационной деятельности, а также свежий взгляд на привычные + вещи — безусловно открывает новые горизонты для экономической целесообразности принимаемых решений. +

+
diff --git a/html/deprecated-tags/index.md b/html/deprecated-tags/index.md index 73cf422372..58d086af66 100644 --- a/html/deprecated-tags/index.md +++ b/html/deprecated-tags/index.md @@ -189,7 +189,7 @@ h1 { кластеризации усилий. ``` - + #### Чем заменить @@ -362,7 +362,7 @@ h1 { ``` - + #### Чем заменить