1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-12 09:04:26 +02:00

Use BEM naming convention

This commit is contained in:
Phuoc Nguyen
2021-04-01 16:46:44 +07:00
parent e1b4c6efa2
commit 538e5f750e
37 changed files with 233 additions and 214 deletions

View File

@@ -34,7 +34,7 @@ html={`
<button>...</button>
<!-- The content -->
<div class="dropdown-content">
<div class="dropdown__content">
...
</div>
</div>
@@ -45,7 +45,7 @@ css={`
}
/* Hide the dropdown's content by default -->
.dropdown-content {
.dropdown__content {
display: none;
/* Position it right below the trigger element */
@@ -64,7 +64,7 @@ css={`
}
/* Show the content when hover on the container -->
.dropdown:hover .dropdown-content {
.dropdown:hover .dropdown__content {
display: block;
}
`}