mirror of
https://github.com/cjcenizal/flexbox-patterns.git
synced 2025-08-03 22:57:34 +02:00
[2]: Add additional elements to demonstrate value of sections within Site Header and Sidebar examples.
This commit is contained in:
2
dist/index.html
vendored
2
dist/index.html
vendored
@@ -122,6 +122,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- This section gets pushed to the bottom-->
|
<!-- This section gets pushed to the bottom-->
|
||||||
<div class="sideBar__section">
|
<div class="sideBar__section">
|
||||||
|
<div class="sideBar__item">Change theme</div>
|
||||||
<div class="sideBar__item">Legal</div>
|
<div class="sideBar__item">Legal</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -141,6 +142,7 @@
|
|||||||
<!-- This section gets pushed to the right side-->
|
<!-- This section gets pushed to the right side-->
|
||||||
<div class="siteHeader__section">
|
<div class="siteHeader__section">
|
||||||
<div class="siteHeader__item siteHeaderButton">Settings</div>
|
<div class="siteHeader__item siteHeaderButton">Settings</div>
|
||||||
|
<div class="siteHeader__item siteHeaderButton">Log out</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@@ -7,6 +7,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- This section gets pushed to the bottom-->
|
<!-- This section gets pushed to the bottom-->
|
||||||
<div class="sideBar__section">
|
<div class="sideBar__section">
|
||||||
|
<div class="sideBar__item">Change theme</div>
|
||||||
<div class="sideBar__item">Legal</div>
|
<div class="sideBar__item">Legal</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -11,5 +11,6 @@
|
|||||||
<!-- This section gets pushed to the right side-->
|
<!-- This section gets pushed to the right side-->
|
||||||
<div class="siteHeader__section">
|
<div class="siteHeader__section">
|
||||||
<div class="siteHeader__item siteHeaderButton">Settings</div>
|
<div class="siteHeader__item siteHeaderButton">Settings</div>
|
||||||
|
<div class="siteHeader__item siteHeaderButton">Log out</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user