mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-29 16:49:58 +02:00
Code Issues Releases Wiki Activity

Use BEM naming convention

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
client/patterns/sticky-footer/Details.tsx
View File

@@ -26,13 +26,13 @@ const Details: React.FC<{}> = () => {
<BrowserFrame
html={`
<div class="container">
<header class="header">
<header class="container__header">
...
</header>
<main class="main">
<main class="container__main">
...
</main>
<footer class="footer">
<footer class="container__footer">
...
</footer>
</div>
@@ -43,11 +43,13 @@ css={`
flex-direction: column;
height: 100%;
}
.header,
.footer {
.container__header,
.container__footer {
flex-shrink: 0;
}
.main {
.container__main {
flex-grow: 1;
}
`}