From 5e84d5375366104a35107d76ecf155b41264d970 Mon Sep 17 00:00:00 2001 From: Matt Smith Date: Thu, 28 Mar 2024 11:26:39 -0400 Subject: [PATCH 1/2] Remove IE11 --- README.md | 14 +------------- translations/de-DE/README.md | 6 +----- translations/es-ES/README.md | 6 +----- translations/fr-FR/README.md | 6 +----- translations/gr-GR/README.md | 6 +----- translations/gu-IND/README.md | 4 +--- translations/it-IT/README.md | 6 +----- translations/ja-JP/README.md | 6 +----- translations/ko-KR/readme.md | 7 +------ translations/pl-PL/README.md | 6 +----- translations/pt-BR/README.md | 6 +----- translations/pt-PT/README.md | 6 +----- translations/ru-RU/README.md | 6 +----- translations/vn-VN/README.md | 6 +----- translations/zh-CN/README.md | 6 +----- translations/zh-TW/README.md | 6 +----- 16 files changed, 16 insertions(+), 87 deletions(-) diff --git a/README.md b/README.md index 83161c10..da02b7fd 100644 --- a/README.md +++ b/README.md @@ -119,9 +119,6 @@ button { } ``` -> [!NOTE] -> The `all` and `unset` keywords aren't supported in IE11. - [back to table of contents](#table-of-contents) @@ -256,9 +253,6 @@ body { #### [Demo](https://codepen.io/AllThingsSmitty/pen/GqmGqZ) -> [!NOTE] -> Watch for some [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) with flexbox in IE11. - [back to table of contents](#table-of-contents) @@ -277,9 +271,6 @@ Learn more about the `aspect-ratio` property in this [web.dev post](https://web. #### [Demo](https://codepen.io/AllThingsSmitty/pen/MWxwoNx/) -> [!NOTE] -> `aspect-ratio` and `object-fit` aren't supported in IE11. - [back to table of contents](#table-of-contents) @@ -476,9 +467,6 @@ nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 { #### [Demo](https://codepen.io/AllThingsSmitty/pen/rNRVxdx) -> [!NOTE] -> The `:is()` pseudo-class isn't supported in IE11. - [back to table of contents](#table-of-contents) @@ -697,7 +685,7 @@ If you have HTML elements that are empty, i.e., the content has yet to be set ei ## Support -Current versions of Chrome, Firefox, Safari, Opera, Edge, and IE11. +Current versions of Chrome, Firefox, Safari, and Edge. [back to table of contents](#table-of-contents) diff --git a/translations/de-DE/README.md b/translations/de-DE/README.md index aa6b92a4..821701a2 100644 --- a/translations/de-DE/README.md +++ b/translations/de-DE/README.md @@ -114,8 +114,6 @@ button { } ``` -**Hinweis:** Die Kurzform `all` und "unset" wird in IE11 nicht unterstützt. - [zurück zum Inhaltsverzeichnis](#inhaltsverzeichnis) @@ -254,8 +252,6 @@ body { Möchtest du etwas anderes zentrieren? Vertikal, horizontal… alles, jederzeit, überall? CSS-Tricks hat [eine schöne Ausarbeitung](https://css-tricks.com/centering-css-complete-guide/) über all dies. -**Hinweis:** Passe auf das [fehlerhafte Verhalten](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) von Flexbox in IE11 auf. - #### [Demo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [zurück zum Inhaltsverzeichnis](#inhaltsverzeichnis) @@ -625,4 +621,4 @@ br + br { ## Unterstützung -Aktuelle Versionen von Chrome, Firefox, Safari, Opera, Edge und IE11. \ No newline at end of file +Aktuelle Versionen von Chrome, Firefox, Safari, und Edge. \ No newline at end of file diff --git a/translations/es-ES/README.md b/translations/es-ES/README.md index 77e2a9dc..20c373d6 100644 --- a/translations/es-ES/README.md +++ b/translations/es-ES/README.md @@ -115,8 +115,6 @@ button { } ``` -**Nota:** la abreviatura `all` y` unset` no es compatible con IE11. - [volver al índice de contenidos](#tabla-de-contenido) @@ -253,8 +251,6 @@ body { ¿Quieres centrar algo más? Vertical, horizontal… cualquier cosa, en cualquier momento y en cualquier lugar? CSS-Tricks tiene [un bonito artículo](https://css-tricks.com/centering-css-complete-guide/) para hacer todo eso. -**Nota:** mira algunos [comportamientos erróneos](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) de Flexbox en IE11. - #### [Demo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [volver al índice de contenidos](#tabla-de-contenido) @@ -639,4 +635,4 @@ br + br { ## Soporte -Las versiones actuales de Chrome, Firefox, Safari, Opera, Edge y IE11. +Las versiones actuales de Chrome, Firefox, Safari y Edge. diff --git a/translations/fr-FR/README.md b/translations/fr-FR/README.md index de8424fc..c445c8c0 100644 --- a/translations/fr-FR/README.md +++ b/translations/fr-FR/README.md @@ -115,8 +115,6 @@ button { } ``` -**Remarque:** les raccourcis `all` et` unset` ne sont pas pris en charge dans IE11. - [retour à la table des matières](#table-des-matières) @@ -252,8 +250,6 @@ body { Vous voulez centrer autre chose ? Verticalement, horizontalement... quoi que ce soit, à tout moment, en tout lieu ? CSS-Tricks a [un article sympa](https://css-tricks.com/centering-css-complete-guide/) sur comment faire tout cela. -**Remarque:** Surveillez certains [comportement bogués](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) avec flexBox dans IE11. - #### [Démo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [retour à la table des matières](#table-des-matières) @@ -625,4 +621,4 @@ br + br { ## Prise en charge par les navigateurs -Les versions actuelles de Chrome, Firefox, Safari, Opera, Edge, et IE11. +Les versions actuelles de Chrome, Firefox, Safari, et Edge. diff --git a/translations/gr-GR/README.md b/translations/gr-GR/README.md index e3078d52..1f1ad625 100644 --- a/translations/gr-GR/README.md +++ b/translations/gr-GR/README.md @@ -114,8 +114,6 @@ button { } ``` -**Σημείωση:** η στενογραφία «all` και` unset` δεν υποστηρίζεται στο IE11. - [πίσω στον πίνακα περιεχομένων](#πίνακας-περιεχομένων) @@ -254,8 +252,6 @@ body { Θέλετε να κεντραρίσετε κάτι άλλο? Vertically, Κάθετα, οριζόντια...όπως θέλετε,όποτε θέλετε, παντού? Το CSS-Tricks έχει [a nice write-up](https://css-tricks.com/centering-css-complete-guide/) on doing all of that. -**Σημείωση:** Προσοχή για ενδεχόμενη [buggy συμπεριφορά](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) with flexbox in IE11. - #### [Demo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [πίσω στον πίνακα περιεχομένων](#πίνακας-περιεχομένων) @@ -624,6 +620,6 @@ br + br { ## Υποστήριξη -Οι τωρινές εκδόσεις των Chrome, Firefox, Safari, Opera, Edge, καθώς και IE11. +Οι τωρινές εκδόσεις των Chrome, Firefox, Safari, καθώς και Edge. [πίσω στον πίνακα περιεχομένων](#πίνακας-περιεχομένων) diff --git a/translations/gu-IND/README.md b/translations/gu-IND/README.md index 73278557..f1d37d96 100644 --- a/translations/gu-IND/README.md +++ b/translations/gu-IND/README.md @@ -250,8 +250,6 @@ body { કેન્દ્ર માંગો છો કંઈક બીજું? વર્ટિકલ, આડા...કંઈપણ, કોઈપણ સમયે, ગમે ત્યાં? CSS-Tricks has [a nice write-up](https://css-tricks.com/centering-css-complete-guide/) on કરવાનું બધા કે. -**નોટ:** જુઓ કેટલાક માટે [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) સાથે flexbox માં IE11. - #### [પ્રદર્શન](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [સામગ્રીઓના કોષ્ટકમાં પાછા](#પ્રોપ્સ) @@ -623,6 +621,6 @@ br + br { ## આધાર -વર્તમાન આવૃત્તિઓ of Chrome, Firefox, Safari, Opera, Edge, અને IE11. +વર્તમાન આવૃત્તિઓ of Chrome, Firefox, Safari, અને Edge. [સામગ્રીઓના કોષ્ટકમાં પાછા](#પ્રોપ્સ) diff --git a/translations/it-IT/README.md b/translations/it-IT/README.md index 7b03e423..49ef54e5 100644 --- a/translations/it-IT/README.md +++ b/translations/it-IT/README.md @@ -114,8 +114,6 @@ button { } ``` -**Nota:** la stenografia `all` e` unset` non è supportata in IE11. - [torna al sommario](#sommario) @@ -252,8 +250,6 @@ body { Vuoi centrare qualcos'altro? In verticale, in orizzontale... qualsiasi cosa, in qualsiasi momento ovunque? Su CSS-Tricks trovi [un ottimo articolo](https://css-tricks.com/centering-css-complete-guide/) a riguardo. -**Nota bene:** si verificano dei [comportamenti anomali](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) con flexbox e IE11. - #### [Dimostrazione](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [torna al sommario](#sommario) @@ -625,4 +621,4 @@ br + br { ## Supporto -Le attuali versioni di Chrome, Firefox, Safari, Opera, Edge ed IE11. \ No newline at end of file +Le attuali versioni di Chrome, Firefox, Safari, ed Edge. \ No newline at end of file diff --git a/translations/ja-JP/README.md b/translations/ja-JP/README.md index ab0d45aa..2ad307d9 100644 --- a/translations/ja-JP/README.md +++ b/translations/ja-JP/README.md @@ -127,8 +127,6 @@ button { } ``` -**備考:** IE11では `all`および` unset`の省略形はサポートされていません。 - [目次へ戻る](#table-of-contents) @@ -272,8 +270,6 @@ body { なんでも中央に揃いたいですか？ CSS-Tricks の[セントリングガイド](https://css-tricks.com/centering-css-complete-guide/) をチェックしてください。 -**備考:** IE11のFlexboxの [バグを気をつけてください](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) - #### [デモ](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [目次へ戻る](#table-of-contents) @@ -682,4 +678,4 @@ br + br { ## サポート -現在のChrome, Firefox, Safari, Opera と EdgeのバージョンとIE11. +現在のChrome, Firefox, Safari, のバージョンとEdge. diff --git a/translations/ko-KR/readme.md b/translations/ko-KR/readme.md index f1fdeb0e..2cd47c2d 100644 --- a/translations/ko-KR/readme.md +++ b/translations/ko-KR/readme.md @@ -125,8 +125,6 @@ button { } ``` -**Note:** `all` 및`unset` 속기는 IE11에서 지원되지 않습니다. - [목차로 돌아가기](#table-of-contents) @@ -259,11 +257,8 @@ body { } ``` - 무언가를 중앙으로 배치하고 싶으신가요? 가로로, 세로로 ...뭐든지, 어떤 때라도, 어디서든? CSS-Tricks의 [가이드](https://css-tricks.com/centering-css-complete-guide/)를 통해 그 모든 것을 해보세요! -**Note:** IE11의 Flexbox의 [버그를 주의해 주세요](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) - #### [데모](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [목차로 돌아가기](#table-of-contents) @@ -670,7 +665,7 @@ br + br { ## 지원 -최신 버전의 Chrome, Firefox, Safari, Opera, Edge, IE11에서 지원됩니다.. +최신 버전의 Chrome, Firefox, Safari, Edge에서 지원됩니다.. [목차로 돌아가기](#table-of-contents) diff --git a/translations/pl-PL/README.md b/translations/pl-PL/README.md index f9f09ec2..c2e9788d 100644 --- a/translations/pl-PL/README.md +++ b/translations/pl-PL/README.md @@ -111,8 +111,6 @@ button { } ``` -**Uwaga:** skróty `all` i `unset` nie są obsługiwane w IE11. - [powrót do spisu treści](#powrót-do-spisu-treści) @@ -249,8 +247,6 @@ body { Chcesz coś przenieść? Pionowo, poziomo... zawsze i wszędzie? Na CSS-Tricks znajdziesz [ciekawy artykuł](https://css-tricks.com/centering-css-complete-guide/) z dobrymi instrukcje na ten temat. -**Uwaga:** Uważaj na pewne [nieprawidłowe zachowanie](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) z Flexbox w IE11. - #### [Demonstracja](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [Powrót do spisu treści](#Powrót-do-spisu-treści) @@ -623,6 +619,6 @@ br + br { ## Wsparcie -Wersje aktualne Chrome, Firefox, Safari, Opera, Edge, and IE11. +Wersje aktualne Chrome, Firefox, Safari, e Edge. [Powrót do spisu treści](#Powrót-do-spisu-treści) \ No newline at end of file diff --git a/translations/pt-BR/README.md b/translations/pt-BR/README.md index e8fb02db..40695b70 100644 --- a/translations/pt-BR/README.md +++ b/translations/pt-BR/README.md @@ -113,8 +113,6 @@ button { } ``` -**Nota:** a abreviação `all` e` unset` não é compatível com o IE11. - [voltar ao índice](#Índice) @@ -250,8 +248,6 @@ body { Isso não resolveu seu problema? O site CSS-Tricks tem [um guia completo](https://css-tricks.com/centering-css-complete-guide/) de como centralizar elementos com CSS. -**Aviso:** Fique atento com os [bugs](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) quando utilizar flexbox no IE11. - #### [Exemplo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [voltar ao índice](#Índice) @@ -622,4 +618,4 @@ br + br { ## Suporte -Versões atuais do Chrome, Firefox, Safari, Opera, Edge, e IE11. +Versões atuais do Chrome, Firefox, Safari, e Edge. diff --git a/translations/pt-PT/README.md b/translations/pt-PT/README.md index 550ab4b4..f8af537e 100644 --- a/translations/pt-PT/README.md +++ b/translations/pt-PT/README.md @@ -114,8 +114,6 @@ button { } ``` -**Nota:** a abreviação `all` e` unset` não é compatível com o IE11. - [voltar ao índice](#Índice) @@ -251,8 +249,6 @@ body { Isto não resolveu o teu problema? O site CSS-Tricks tem [um guia completo](https://css-tricks.com/centering-css-complete-guide/) em como centralizar elementos com CSS. - **Aviso:** Fica atento aos [bugs](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) quando estás a utilizar a flexbox no IE11. - #### [Passeata](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [Regressar ao índice](#Índice) @@ -624,4 +620,4 @@ br + br { ## Suporte -Versões atuais do Chrome, Firefox, Safari, Opera, Edge, e IE11. +Versões atuais do Chrome, Firefox, Safari, e Edge. diff --git a/translations/ru-RU/README.md b/translations/ru-RU/README.md index d3d78c28..88c024e8 100644 --- a/translations/ru-RU/README.md +++ b/translations/ru-RU/README.md @@ -117,8 +117,6 @@ button { } ``` -**Примечание:** сокращенные обозначения `all` и `unset` не поддерживаются в IE11. - [вернуться к оглавлению](#table-of-contents) @@ -252,8 +250,6 @@ body { Хотите разместить по центру что-то еще? Вертикально, горизонтально...что угодно, в любое время и в любом месте? У нас есть [хорошая статья](https://css-tricks.com/centering-css-complete-guide/) которая научит всему этому. -**Примечание:** Будьте осторожны с некоторыми [багами](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) flexbox в IE11. - #### [Демо](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [вернуться к оглавлению](#table-of-contents) @@ -640,6 +636,6 @@ br + br { ## Поддержка -Текущие версии Chrome, Firefox, Safari, Opera, Edge, и IE11. +Текущие версии Chrome, Firefox, Safari, и Edge. [вернуться к оглавлению](#table-of-contents) diff --git a/translations/vn-VN/README.md b/translations/vn-VN/README.md index fcddc58c..04271192 100644 --- a/translations/vn-VN/README.md +++ b/translations/vn-VN/README.md @@ -115,8 +115,6 @@ button { } ``` -**Note:** tốc độ viết tắt `all` và` unset` không được hỗ trợ trong IE11. - [back to table of contents](#table-of-contents) @@ -253,8 +251,6 @@ body { Muốn căn giữa một cái gì đó khác? Theo chiều dọc,chiều ngang ... bất cứ điều gì, mọi lúc, mọi nơi? CSS-Tricks có [a nice write-up](https://css-tricks.com/centering-css-complete-guide/) để làm được tất cả những điều đó. -**Note:** Xem một ít [buggy behavior](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) với Flexbox trên IE11. - #### [Demo](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [back to table of contents](#table-of-contents) @@ -624,4 +620,4 @@ br + br { ## Support - versions hiện tại Chrome, Firefox, Safari, Opera, Edge, and IE11. + versions hiện tại Chrome, Firefox, Safari, và Edge. diff --git a/translations/zh-CN/README.md b/translations/zh-CN/README.md index 619d4b00..e9be9286 100644 --- a/translations/zh-CN/README.md +++ b/translations/zh-CN/README.md @@ -117,8 +117,6 @@ button { } ``` -**注意：** IE11不支持`all`和`unset`的简写。 - [回目录](#目录) @@ -254,8 +252,6 @@ body { 这还不够？垂直方向，水平方向？任何元素，任何时间，任何地点？CSS-Tricks [有篇好文](https://css-tricks.com/centering-css-complete-guide/) 讲到了各种居中的技巧。 -**注意：** IE11 对 flexbox 的支持[有点 bug](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items)。 - #### [演示](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [回目录](#目录) @@ -642,4 +638,4 @@ br + br { ### 支持情况 -这些技巧适用于最新版的 Chrome, Firefox, Safari, Opera, Edge, 以及 IE11。 +这些技巧适用于最新版的 Chrome, Firefox, Safari, 以及 Edge。 diff --git a/translations/zh-TW/README.md b/translations/zh-TW/README.md index 7e07c033..e52217b5 100644 --- a/translations/zh-TW/README.md +++ b/translations/zh-TW/README.md @@ -115,8 +115,6 @@ button { } ``` -**注意：** IE11不支持`all`和`unset`的简写。 - [回到目錄](#table-of-contents) ### 使用 `:not()` 選擇器來決定表單是否顯示邊框 @@ -251,8 +249,6 @@ body { 還想居中排版其他的東西？垂直居中、水平居中、... 任何事、任何時間、任何地點？CSS-Tricks [有篇不錯的文章](https://css-tricks.com/centering-css-complete-guide/) 提到了各種居中排版的技巧。 -**注意：** IE11 的 flexbox [有些怪怪的行為](https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items) 要注意。 - #### [示範](http://codepen.io/AllThingsSmitty/pen/GqmGqZ) [回到目錄](#table-of-contents) @@ -609,4 +605,4 @@ br + br { ## 瀏覽器支援度 -以上技巧支援 Chrome, Firefox, Safari, Opera, Edge 最新版本與 IE11 瀏覽器。 +以上技巧支援 Chrome, Firefox, Safari, 最新版本與 Edge 瀏覽器。 From 63ae18460261587048b0e915766fd51088ff685b Mon Sep 17 00:00:00 2001 From: Matt Smith Date: Thu, 28 Mar 2024 11:35:42 -0400 Subject: [PATCH 2/2] Merge fix --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index da02b7fd..a6353d96 100644 --- a/README.md +++ b/README.md @@ -446,7 +446,7 @@ That's really convenient. ### Control Specificity Better with `:is()` -The `:is()` pseudo-class is used to target multiple selectors at onece, reducing redundancy and enhancing code readability. This is incredibly useful for writing large selectors in a more compact form. +The `:is()` pseudo-class is used to target multiple selectors at once, reducing redundancy and enhancing code readability. This is incredibly useful for writing large selectors in a more compact form. ```css :is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) {