Skip to content

Commit ae17828

Browse files
committed
исправил ошибки на которые указывал validator.w3
1 parent 2bdde33 commit ae17828

File tree

3 files changed

+25
-3
lines changed

3 files changed

+25
-3
lines changed

src/components/archive/archive.pug

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ mixin archive(options = {})
99
ol(class = `${BASE_CLASS} js-${BASE_CLASS}`)
1010
each item in archive
1111
li(class = `${BASE_CLASS}__year js-${BASE_CLASS}__year`)
12-
div(class = `${BASE_CLASS}__text-wrapper js-${BASE_CLASS}__text-wrapper` tabindex = 0 aria-label="Раскрывающийся список")
12+
button(class = `${BASE_CLASS}__text-wrapper js-${BASE_CLASS}__text-wrapper` aria-label="Раскрывающийся список")
1313
span(class = `${BASE_CLASS}__name`)= item.year
1414
span(class = `${BASE_CLASS}__amount`)= item.total
1515

src/components/archive/archive.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,16 @@ $outline-link: $color-outline;
3030
&__text-wrapper {
3131
display: flex;
3232
justify-content: space-between;
33+
width: 100%;
34+
padding: 0px;
35+
margin: 0px;
36+
border: 0px;
37+
background-color: transparent;
38+
cursor: pointer;
39+
font-family: inherit;
40+
font-size: inherit;
41+
font-weight: inherit;
42+
color: inherit;
3343

3444
&:hover,
3545
&:focus {
@@ -40,6 +50,13 @@ $outline-link: $color-outline;
4050
outline: $color-outline-year;
4151
outline-offset: 4px;
4252
}
53+
54+
.archive__name {
55+
text-align: start;
56+
}
57+
.archive__amount {
58+
text-align: start;
59+
}
4360
}
4461

4562
&__name {

src/components/post/post.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ $color-hover-content: $color-dark-grey-hover;
99
$color-background-button: #262626;
1010
$color-hover-button: #c6c6c6;
1111
$outline-code: $color-outline;
12+
$color-block-code: #f8f8f2;
1213

1314
.content {
1415
@include font-rem(16);
@@ -89,7 +90,7 @@ $outline-code: $color-outline;
8990
display: flex;
9091
flex-direction: column-reverse;
9192
align-items: flex-start;
92-
color: #f8f8f2;
93+
color: $color-block-code;
9394

9495
@include media-breakpoint-down($sm_middle) {
9596
max-width: 100%;
@@ -105,7 +106,7 @@ $outline-code: $color-outline;
105106
padding-left: 30px;
106107
border: 0;
107108
cursor: pointer;
108-
color: #f8f8f2;
109+
color: $color-block-code;
109110
background-color: $color-background-button;
110111
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjcyIDQxNkMyNjMuMiA0MTYgMjU2IDQyMy4yIDI1NiA0MzJWNDQ4YzAgMTcuNjctMTQuMzMgMzItMzIgMzJINjRjLTE3LjY3IDAtMzItMTQuMzMtMzItMzJWMTkyYzAtMTcuNjcgMTQuMzMtMzIgMzItMzJoMTEyQzE4NC44IDE2MCAxOTIgMTUyLjggMTkyIDE0NEMxOTIgMTM1LjIgMTg0LjggMTI4IDE3NiAxMjhINjMuOTljLTM1LjM1IDAtNjQgMjguNjUtNjQgNjRsLjAwOTggMjU2QzAgNDgzLjMgMjguNjUgNTEyIDY0IDUxMmgxNjBjMzUuMzUgMCA2NC0yOC42NSA2NC02NHYtMTZDMjg4IDQyMy4yIDI4MC44IDQxNiAyNzIgNDE2ek01MDIuNiA4Ni42M2wtNzcuMjUtNzcuMjVDNDE5LjQgMy4zNzEgNDExLjIgMCA0MDIuNyAwSDI4OEMyNTIuNyAwIDIyNCAyOC42NSAyMjQgNjR2MjU2YzAgMzUuMzUgMjguNjUgNjQgNjQgNjRoMTYwYzM1LjM1IDAgNjQtMjguNjUgNjQtNjRWMTA5LjNDNTEyIDEwMC44IDUwOC42IDkyLjYzIDUwMi42IDg2LjYzek00MTYgNDUuMjVMNDY2LjcgOTZINDE2VjQ1LjI1ek00ODAgMzIwYzAgMTcuNjctMTQuMzMgMzItMzIgMzJoLTE2MGMtMTcuNjcgMC0zMi0xNC4zMy0zMi0zMlY2NGMwLTE3LjY3IDE0LjMzLTMyIDMyLTMyaDk2bC4wMDI2IDY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJINDgwVjMyMHoiLz48L3N2Zz4=");
111112
background-repeat: no-repeat;
@@ -132,6 +133,10 @@ $outline-code: $color-outline;
132133
font-weight: 300;
133134
}
134135

136+
a {
137+
text-decoration: underline;
138+
}
139+
135140
p {
136141
margin-top: 10px;
137142
margin-bottom: 10px;

0 commit comments

Comments
 (0)