mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
chore(i18n,learn): processed translations (#49803)
This commit is contained in:
camperbot
+1
-7
@@ -9,7 +9,7 @@ dashedName: step-31
|
||||
|
||||
في CSS يتم استخدام خاصية `clip` لتحديد الأجزاء المرئية في العنصر. عيّن منتقي `span[class~="sr-only"]` للحصول على `clip` خاصية `rect(1px, 1px, 1px, 1px)`.
|
||||
|
||||
تحدد خاصية `clip-path` الشكل الذي يجب أن تتخذه خاصية `clip`. عيّن كلا من خاصية `clip-path` و `-webkit-clip-path` إلى قيمة `inset(50%)`، لتكوين مسار الخط (clip-path) على هيئة مستطيل داخل العنصر.
|
||||
تحدد خاصية `clip-path` الشكل الذي يجب أن تتخذه خاصية `clip`. Set the `clip-path` property to the value of `inset(50%)`, forming the clip-path into a rectangle within the element.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -25,12 +25,6 @@ assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPr
|
||||
assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPropertyValue('clip-path') === 'inset(50%)');
|
||||
```
|
||||
|
||||
يجب أن يكون لمنتقيك `span[class~="sr-only"]` الخاصية `-webkit-clip-path` بقيمة `inset(50%)`.
|
||||
|
||||
```js
|
||||
assert(/-webkit-clip-path\s*:\s*inset\(\s*50%\s*\)\s*(;|})/.test(code));
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
## --seed-contents--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
|
||||
|
||||
-1
@@ -163,7 +163,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -174,7 +174,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -166,7 +166,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -170,7 +170,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
+7
-15
@@ -35,56 +35,49 @@ const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?
|
||||
assert(text.includes('clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
يجب أن يكون لمنتقي `span[class~="sr-only"]` الخاص بك الخاصية `-webkit-clip-path` بقيمة `inset(50%) !important`.
|
||||
|
||||
```js
|
||||
// this one gets removed apparently
|
||||
assert(code.includes('-webkit-clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `height` بقيمة `1px !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `height` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('height: 1px !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `width` بقيمة `1px !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `width` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('width: 1px !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `position` بقيمة `absolute !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `position` property set to `absolute !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('position: absolute !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `overflow` بقيمة `hidden !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `overflow` property set to `hidden !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('overflow: hidden !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `white-space` بقيمة `nowrap !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `white-space` property set to `nowrap !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('white-space: nowrap !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `padding` بقيمة `0 !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `padding` property set to `0 !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('padding: 0px !important;'));
|
||||
```
|
||||
|
||||
المنتقى `span[class~="sr-only"]` يجب أن يحتوي على الخاصية `margin` بقيمة `-1px !important`.
|
||||
Your `span[class~="sr-only"]` selector should have the `margin` property set to `-1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
@@ -225,7 +218,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -164,7 +164,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -180,7 +180,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -150,7 +150,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-2
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
@@ -439,7 +438,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -150,7 +150,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
+1
-7
@@ -9,7 +9,7 @@ dashedName: step-31
|
||||
|
||||
CSS `clip` 屬性用於定義元素的可見部分。 設置 `span[class~="sr-only"]` 選擇器的 `clip` 屬性爲 `rect(1px, 1px, 1px, 1px)`。
|
||||
|
||||
`clip-path` 屬性決定了 `clip` 屬性應該採用的形狀。 設置 `clip-path` 和 `-webkit-clip-path` 屬性值爲 `inset(50%)`，創建矩形顯示方式。
|
||||
`clip-path` 屬性決定了 `clip` 屬性應該採用的形狀。 Set the `clip-path` property to the value of `inset(50%)`, forming the clip-path into a rectangle within the element.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -25,12 +25,6 @@ assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPr
|
||||
assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPropertyValue('clip-path') === 'inset(50%)');
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該有一個 `-webkit-clip-path` 屬性設置爲 `inset(50%)`。
|
||||
|
||||
```js
|
||||
assert(/-webkit-clip-path\s*:\s*inset\(\s*50%\s*\)\s*(;|})/.test(code));
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
## --seed-contents--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
|
||||
|
||||
-1
@@ -163,7 +163,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -174,7 +174,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -166,7 +166,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -170,7 +170,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
+7
-15
@@ -35,56 +35,49 @@ const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?
|
||||
assert(text.includes('clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `-webkit-clip-path` 屬性設置爲 `inset(50%) !important`。
|
||||
|
||||
```js
|
||||
// this one gets removed apparently
|
||||
assert(code.includes('-webkit-clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `height` 屬性設置爲 `1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `height` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('height: 1px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `width` 屬性設置爲 `1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `width` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('width: 1px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `position` 屬性設置爲 `absolute !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `position` property set to `absolute !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('position: absolute !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `overflow` 屬性設置爲 `hidden !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `overflow` property set to `hidden !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('overflow: hidden !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `white-space` 屬性設置爲 `nowrap !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `white-space` property set to `nowrap !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('white-space: nowrap !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `padding` 屬性設置爲 `0 !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `padding` property set to `0 !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('padding: 0px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 選擇器應該將 `margin` 屬性設置爲 `-1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `margin` property set to `-1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
@@ -225,7 +218,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -164,7 +164,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -180,7 +180,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -150,7 +150,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-2
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
@@ -439,7 +438,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -150,7 +150,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
+1
-7
@@ -9,7 +9,7 @@ dashedName: step-31
|
||||
|
||||
CSS `clip` 属性用于定义元素的可见部分。 设置 `span[class~="sr-only"]` 选择器的 `clip` 属性为 `rect(1px, 1px, 1px, 1px)`。
|
||||
|
||||
`clip-path` 属性决定了 `clip` 属性应该采用的形状。 设置 `clip-path` 和 `-webkit-clip-path` 属性值为 `inset(50%)`，创建矩形显示方式。
|
||||
`clip-path` 属性决定了 `clip` 属性应该采用的形状。 Set the `clip-path` property to the value of `inset(50%)`, forming the clip-path into a rectangle within the element.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -25,12 +25,6 @@ assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPr
|
||||
assert(new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.getPropertyValue('clip-path') === 'inset(50%)');
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该有一个 `-webkit-clip-path` 属性设置为 `inset(50%)`。
|
||||
|
||||
```js
|
||||
assert(/-webkit-clip-path\s*:\s*inset\(\s*50%\s*\)\s*(;|})/.test(code));
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
## --seed-contents--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
|
||||
-1
@@ -157,7 +157,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
|
||||
|
||||
-1
@@ -163,7 +163,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -174,7 +174,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -166,7 +166,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -170,7 +170,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -158,7 +158,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
+7
-15
@@ -35,56 +35,49 @@ const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?
|
||||
assert(text.includes('clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `-webkit-clip-path` 属性设置为 `inset(50%) !important`。
|
||||
|
||||
```js
|
||||
// this one gets removed apparently
|
||||
assert(code.includes('-webkit-clip-path: inset(50%) !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `height` 属性设置为 `1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `height` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('height: 1px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `width` 属性设置为 `1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `width` property set to `1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('width: 1px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `position` 属性设置为 `absolute !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `position` property set to `absolute !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('position: absolute !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `overflow` 属性设置为 `hidden !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `overflow` property set to `hidden !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('overflow: hidden !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `white-space` 属性设置为 `nowrap !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `white-space` property set to `nowrap !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('white-space: nowrap !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `padding` 属性设置为 `0 !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `padding` property set to `0 !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
assert(text.includes('padding: 0px !important;'));
|
||||
```
|
||||
|
||||
`span[class~="sr-only"]` 选择器应该将 `margin` 属性设置为 `-1px !important`。
|
||||
Your `span[class~="sr-only"]` selector should have the `margin` property set to `-1px !important`.
|
||||
|
||||
```js
|
||||
const text = new __helpers.CSSHelp(document).getStyle('span[class~="sr-only"]')?.cssText;
|
||||
@@ -225,7 +218,6 @@ span[class~="sr-only"] {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -168,7 +168,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -162,7 +162,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -164,7 +164,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
-1
@@ -156,7 +156,6 @@ span[class~="sr-only"] {
|
||||
border: 0 !important;
|
||||
clip: rect(1px, 1px, 1px, 1px) !important;
|
||||
clip-path: inset(50%) !important;
|
||||
-webkit-clip-path: inset(50%) !important;
|
||||
height: 1px !important;
|
||||
width: 1px !important;
|
||||
position: absolute !important;
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user