Dz3 lecture 1 #3
Conversation
03-lection1/01-button/button.css
Outdated
| @@ -1 +1,80 @@ | |||
| /* Стилизация кнопки */ | |||
|
|
|||
| .buttons { | |||
There was a problem hiding this comment.
лишние врапперы в файле стилей блока не описываем, да и в целом он лишний
03-lection1/01-button/button.css
Outdated
|
|
||
|
|
||
| .button { | ||
| width: 189px; |
There was a problem hiding this comment.
не хватает паддингов + стилей для оформления текста
03-lection1/01-button/button.css
Outdated
| cursor: pointer; | ||
| } | ||
|
|
||
| .button__primary { |
There was a problem hiding this comment.
и в модификаторах описываем только то что реально надо модифицировать, дублировать стили из блока не надо
03-lection1/01-button/button.css
Outdated
|
|
||
| .button__primary:disabled { | ||
| background: #4263EB; | ||
| Opacity: 50% |
03-lection1/01-button/button.css
Outdated
| background: #2342C0; | ||
| } | ||
|
|
||
| .button__primary:disabled { |
There was a problem hiding this comment.
на каждый тип кнопки не нужно свой вариант м фоном, достаточно иметь общий стиль для disabled (.button:disabled) с полупрозрачностью + pointer-events: none
|
|
||
|
|
||
| .accordion { | ||
| max-width: 730px; |
There was a problem hiding this comment.
все свойства можно отсюда унести в .accordion__item, кроме max-width + overflow - они не нужны
|
|
||
| .accordion__item { | ||
| display: inline-block; | ||
| /* margin-bottom: 8px; */ |
| } | ||
|
|
||
| .accordion__item { | ||
| display: inline-block; |
| display: none; | ||
| } | ||
|
|
||
| .accordions { |
There was a problem hiding this comment.
это лишний класс, у нас нет блока accordions )
| <link rel="stylesheet" href="./accordion.css"> | ||
| </head> | ||
| <body> | ||
| <div class="accordions"> |
| </head> | ||
| <body> | ||
| <div class="accordions"> | ||
| <details class="accordion" open> |
| <body> | ||
| <div class="accordions"> | ||
| <details class="accordion" open> | ||
| <summary class="accordion__item">Accordion item 1</summary> |
| @@ -0,0 +1,24 @@ | |||
| .footer { | |||
| background-color: #FFFFFF; | |||
| padding: 72px 383px 136px 417px; | |||
No description provided.