mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-08-30 17:05:59 +08:00
fix(curriculum): audit editable regions for workshop-cat-painting (#68563)
This commit is contained in:
Santhosh Balaguru
committed by
GitHub
GitHub
parent
706693bcc2
commit
7b07e02ed8
+5
-4
@@ -35,12 +35,13 @@ assert.oneOf(href, ["./styles.css", "styles.css"]);
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
--fcc-editable-region--
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
</head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+3
-3
@@ -31,9 +31,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor,
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
|
||||
+4
-4
@@ -43,13 +43,13 @@ assert.lengthOf(document.querySelectorAll('main div'), 1);
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+9
-9
@@ -50,14 +50,14 @@ assert.equal(secondGradient,'(69,69,79)100%)');
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -71,13 +71,13 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+4
-4
@@ -50,13 +50,13 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle(".cat-head")?.borderRadiu
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class='cat-head'></div>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+8
-10
@@ -44,14 +44,14 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left, '100p
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -65,16 +65,14 @@ body {
|
||||
background-color: #c9d2fc;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-head {
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 46%;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+8
-8
@@ -39,18 +39,18 @@ assert.equal(document.querySelectorAll('.cat-head div')[0]?.getAttribute('class'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
--fcc-editable-region--
|
||||
<div class="cat-head">
|
||||
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+9
-9
@@ -43,20 +43,20 @@ assert.isTrue(document.querySelectorAll('.cat-ears div')[1]?.classList.contains(
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
--fcc-editable-region--
|
||||
<div class="cat-ears">
|
||||
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+15
-15
@@ -55,25 +55,25 @@ assert.isTrue(document.querySelectorAll('.cat-right-ear div')[0]?.classList.cont
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
--fcc-editable-region--
|
||||
<div class="cat-left-ear">
|
||||
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
--fcc-editable-region--
|
||||
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -67,23 +67,23 @@ assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.b
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+15
-15
@@ -37,23 +37,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.left, '-
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -81,12 +81,12 @@ body {
|
||||
border-radius: 46%;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-left-ear {
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
border-left: 35px solid transparent;
|
||||
border-right: 35px solid transparent;
|
||||
border-bottom: 70px solid #5e5e5e;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+13
-13
@@ -31,23 +31,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderTo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -29,23 +29,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.transfor
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -45,23 +45,23 @@ assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.b
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -37,23 +37,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.left, '
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -25,23 +25,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.transfo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -31,23 +31,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderT
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -29,23 +29,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.zIndex,
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -27,23 +27,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.zIndex,
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -25,23 +25,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.zIndex,
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -45,23 +45,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.bo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -37,23 +37,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.le
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -43,23 +43,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.bo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -43,23 +43,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.b
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -37,23 +37,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.l
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -43,23 +43,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.b
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+17
-17
@@ -45,27 +45,27 @@ assert.isTrue(document.querySelectorAll('.cat-eyes div')[1].classList.contains('
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+24
-24
@@ -55,34 +55,34 @@ assert.isTrue(document.querySelectorAll('.cat-right-eye div')[0]?.classList.cont
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
--fcc-editable-region--
|
||||
<div class="cat-left-eye">
|
||||
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
--fcc-editable-region--
|
||||
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -43,32 +43,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.backgrou
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -37,32 +37,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.left, '3
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -31,32 +31,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.transfor
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -45,32 +45,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.backgro
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -37,32 +37,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.left, '
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -31,32 +31,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.transfo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -45,32 +45,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.ba
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -49,32 +49,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.tr
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -43,32 +43,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.b
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+22
-22
@@ -49,32 +49,32 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.t
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+25
-25
@@ -31,36 +31,36 @@ assert.isTrue(document.querySelectorAll('div')[11].classList.contains('cat-nose'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+23
-23
@@ -43,34 +43,34 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottom
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+23
-24
@@ -37,34 +37,34 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.left, '85px'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -196,5 +196,4 @@ body {
|
||||
border-right: 15px solid transparent;
|
||||
border-bottom: 20px solid #442c2c;
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
+23
-24
@@ -49,34 +49,34 @@ assert.notMatch(code, /border-top-right-radius:\s*\d+%;/);
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -211,5 +211,4 @@ body {
|
||||
border-right: 15px solid transparent;
|
||||
border-bottom: 20px solid #442c2c;
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
+27
-27
@@ -33,38 +33,38 @@ assert.isTrue(document.querySelectorAll('div')[12].classList.contains('cat-mouth
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+29
-31
@@ -43,41 +43,40 @@ assert.isTrue(document.querySelectorAll('.cat-mouth div')[1]?.classList.contains
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
--fcc-editable-region--
|
||||
<div class="cat-mouth">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -213,5 +212,4 @@ body {
|
||||
border-right: 15px solid transparent;
|
||||
border-bottom: 20px solid #442c2c;
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
+29
-30
@@ -43,40 +43,39 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.l
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -222,6 +221,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+28
-29
@@ -25,40 +25,39 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.t
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+28
-29
@@ -43,40 +43,39 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+28
-29
@@ -25,40 +25,39 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+32
-33
@@ -33,44 +33,43 @@ assert.isTrue(document.querySelectorAll('div')[15].classList.contains('cat-whisk
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+34
-35
@@ -43,46 +43,45 @@ assert.isTrue(document.querySelectorAll('.cat-whiskers div')[1].classList.contai
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
--fcc-editable-region--
|
||||
<div class="cat-whiskers">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+37
-38
@@ -50,49 +50,48 @@ assert.isTrue(document.querySelectorAll('.cat-whiskers-left div')[2].classList.c
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
--fcc-editable-region--
|
||||
<div class="cat-whiskers-left">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
<div class="cat-whiskers-right"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
<div class="cat-whiskers-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+41
-42
@@ -49,53 +49,52 @@ assert.isTrue(document.querySelectorAll('.cat-whiskers-right div')[2].classList.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
<div class="cat-whiskers-right">
|
||||
|
||||
</div>
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+41
-42
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+42
-43
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -261,6 +260,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+41
-43
@@ -25,53 +25,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -250,5 +249,4 @@ body {
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
+42
-43
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -268,6 +267,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+42
-43
@@ -25,53 +25,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -254,7 +253,7 @@ body {
|
||||
top: 127px;
|
||||
left: 52px;
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
}
|
||||
```
|
||||
|
||||
+42
-43
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -275,6 +274,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+41
-42
@@ -25,53 +25,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom'
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+42
-43
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -282,6 +281,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+41
-42
@@ -25,53 +25,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+42
-43
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -289,6 +288,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+41
-42
@@ -25,53 +25,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+42
-43
@@ -44,53 +44,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -297,6 +296,6 @@ body {
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
|
||||
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
+83
-84
@@ -27,53 +27,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -295,53 +294,53 @@ body {
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+7
-7
@@ -41,14 +41,14 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left, '100p
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -65,9 +65,9 @@ body {
|
||||
.cat-head {
|
||||
--fcc-editable-region--
|
||||
position: static;
|
||||
--fcc-editable-region--
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
--fcc-editable-region--
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
|
||||
+8
-10
@@ -9,9 +9,7 @@ dashedName: step-9
|
||||
|
||||
When you use the `absolute` value for your `position` property, the element is taken out of the normal flow of the document, and then its position is determined by the `top`, `right`, `bottom`, and `left` properties.
|
||||
|
||||
Set the `position` property of your `.cat-head` element to `absolute`, then set `top` and `left` properties to any positive pixel value.
|
||||
|
||||
<!-- **Note**: You can experiment with `top`, `left`, `bottom`, and `right` properties here, but the test would only pass for `top` of `300px`, and left of `400px`. -->
|
||||
Set the `position` property of your `.cat-head` element to `absolute`.
|
||||
|
||||
# --hints--
|
||||
|
||||
@@ -43,14 +41,14 @@ assert.match(code, /left:\s*\d{1,4}px;/);
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -67,9 +65,9 @@ body {
|
||||
.cat-head {
|
||||
--fcc-editable-region--
|
||||
position: relative;
|
||||
--fcc-editable-region--
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
--fcc-editable-region--
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
|
||||
+11
-11
@@ -33,17 +33,17 @@ assert.equal(document.querySelectorAll('div')[1]?.getAttribute('class'), 'box');
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
--fcc-editable-region--
|
||||
|
||||
--fcc-editable-region--
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -59,8 +59,8 @@ body {
|
||||
|
||||
.cat-head {
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
left: 400px;
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
|
||||
+8
-8
@@ -61,15 +61,15 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle('.box')?.top, '800px');
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -84,7 +84,7 @@ body {
|
||||
}
|
||||
|
||||
.cat-head {
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
|
||||
+10
-10
@@ -7,7 +7,7 @@ dashedName: step-12
|
||||
|
||||
# --description--
|
||||
|
||||
Now replace the `position` property value of your `.cat-head` with `fixed`. Leave both `top` and `left` as they are.
|
||||
Now replace the `position` property value of your `.cat-head` with `fixed`.
|
||||
|
||||
After that, scroll up and down to see how the `fixed` value works.
|
||||
|
||||
@@ -39,15 +39,15 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left, '100p
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -63,10 +63,10 @@ body {
|
||||
|
||||
.cat-head {
|
||||
--fcc-editable-region--
|
||||
position: relative;
|
||||
position: absolute;
|
||||
--fcc-editable-region--
|
||||
top: 100px;
|
||||
left: 100px;
|
||||
--fcc-editable-region--
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
|
||||
+7
-7
@@ -41,15 +41,15 @@ assert.notMatch(code, /left:\s*100px;?/);
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+9
-9
@@ -57,15 +57,15 @@ assert.equal(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.margin, 'au
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
<div class="box"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -82,8 +82,8 @@ body {
|
||||
.cat-head {
|
||||
--fcc-editable-region--
|
||||
position: sticky;
|
||||
top: 0;
|
||||
--fcc-editable-region--
|
||||
top: 0;
|
||||
background: linear-gradient(#5e5e5e 85%, #45454f 100%);
|
||||
width: 205px;
|
||||
height: 180px;
|
||||
@@ -92,7 +92,7 @@ body {
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 400px;
|
||||
width: 200px;
|
||||
height: 600px;
|
||||
background-color: #000;
|
||||
position: absolute;
|
||||
|
||||
+8
-8
@@ -14,7 +14,7 @@ Also, remove the `.box` CSS rule and its declarations because you don't need the
|
||||
You should remove the `.box` css rule and all its values.
|
||||
|
||||
```js
|
||||
assert.notMatch(code, /\.box\s*\{\s*width:\s*400px;\s*height:\s*600px;\s*background-color:\s*#000;\s*position:\s*absolute;\s*left:\s*650px;\s*top:\s*800px;?\s*\}\s*/)
|
||||
assert.notMatch(code, /\.box\s*\{\s*width:\s*200px;\s*height:\s*600px;\s*background-color:\s*#000;\s*position:\s*absolute;\s*left:\s*650px;\s*top:\s*800px;?\s*\}\s*/)
|
||||
```
|
||||
|
||||
# --seed--
|
||||
@@ -25,14 +25,14 @@ assert.notMatch(code, /\.box\s*\{\s*width:\s*400px;\s*height:\s*600px;\s*backgro
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -62,7 +62,7 @@ body {
|
||||
|
||||
--fcc-editable-region--
|
||||
.box {
|
||||
width: 400px;
|
||||
width: 200px;
|
||||
height: 600px;
|
||||
background-color: #000;
|
||||
position: absolute;
|
||||
|
||||
+3
-3
@@ -33,9 +33,9 @@ assert.strictEqual(new __helpers.CSSHelp(document).getStyle('*')?.boxSizing, 'bo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
|
||||
+10
-10
@@ -25,17 +25,17 @@ assert.notMatch(code, /<div\s*class=('|")box\1><\/div>/)
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
--fcc-editable-region--
|
||||
<div class="box"></div>
|
||||
--fcc-editable-region--
|
||||
</main>
|
||||
<main>
|
||||
<div class="cat-head"></div>
|
||||
--fcc-editable-region--
|
||||
<div class="box"></div>
|
||||
--fcc-editable-region--
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -64,7 +64,7 @@ body {
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 400px;
|
||||
width: 200px;
|
||||
height: 600px;
|
||||
background-color: #000;
|
||||
position: absolute;
|
||||
|
||||
+28
-28
@@ -43,39 +43,39 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.border,
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+28
-28
@@ -32,39 +32,39 @@ assert.match(code, /border-radius:\s*190%\/190px\s*150px\s*0\s*0\s*;?/)
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+41
-42
@@ -43,53 +43,52 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="cat-eyes">
|
||||
<div class="cat-left-eye">
|
||||
<div class="cat-left-inner-eye"></div>
|
||||
</div>
|
||||
<div class="cat-right-eye">
|
||||
<div class="cat-right-inner-eye"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cat-nose"></div>
|
||||
|
||||
<div class="cat-mouth">
|
||||
<div class="cat-mouth-line-left"></div>
|
||||
<div class="cat-mouth-line-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="cat-whiskers">
|
||||
<div class="cat-whiskers-left">
|
||||
<div class="cat-whisker-left-top"></div>
|
||||
<div class="cat-whisker-left-middle"></div>
|
||||
<div class="cat-whisker-left-bottom"></div>
|
||||
</div>
|
||||
<div class="cat-whiskers-right">
|
||||
<div class="cat-whisker-right-top"></div>
|
||||
<div class="cat-whisker-right-middle"></div>
|
||||
<div class="cat-whisker-right-bottom"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+13
-13
@@ -103,23 +103,23 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderBo
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
+15
-15
@@ -73,23 +73,23 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backg
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
<meta charset="UTF-8">
|
||||
<title>fCC Cat Painting</title>
|
||||
<link rel="stylesheet" href="./styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
<main>
|
||||
<div class="cat-head">
|
||||
<div class="cat-ears">
|
||||
<div class="cat-left-ear">
|
||||
<div class="cat-left-inner-ear"></div>
|
||||
</div>
|
||||
<div class="cat-right-ear">
|
||||
<div class="cat-right-inner-ear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
@@ -117,15 +117,15 @@ body {
|
||||
border-radius: 46%;
|
||||
}
|
||||
|
||||
--fcc-editable-region--
|
||||
.cat-right-ear {
|
||||
--fcc-editable-region--
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
background-color: white;
|
||||
border-left: 35px solid blue;
|
||||
border-right: 35px solid blue;
|
||||
border-top: 35px solid red;
|
||||
--fcc-editable-region--
|
||||
border-bottom: 35px solid red;
|
||||
}
|
||||
--fcc-editable-region--
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user