Skip to content

Commit

Permalink
feat(layout): wip
Browse files Browse the repository at this point in the history
  • Loading branch information
Neox63 committed Jul 15, 2024
1 parent cfe855e commit 9d934a8
Show file tree
Hide file tree
Showing 3 changed files with 36 additions and 0 deletions.
3 changes: 3 additions & 0 deletions components/Layouts/Layout/Layout.stories.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
export default {
title: 'Design System/Layouts/Layout'
};
8 changes: 8 additions & 0 deletions components/Layouts/Layout/Layout.twig
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<div class="Layout">
{% include '../../Organisms/Header/Header.twig' %}
{% include '../../Organisms/Sidebar/Sidebar.twig' %}
<div class="Content">
Hello Flexy !
</div>
{% include '../../Organisms/Footer/Footer.twig' %}
</div>
25 changes: 25 additions & 0 deletions components/Layouts/Layout/layout.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
.Layout {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.Header {
grid-area: 1 / 1 / 2 / 4;
}

.Sidebar {
grid-area: 2 / 1 / 4 / 2;
}

.Footer {
grid-area: 3 / 2 / 4 / 4;
}

.Content {
grid-area: 2 / 2 / 3 / 4;
padding: 32px;
background: rgba(245, 245, 245, 1);
}

0 comments on commit 9d934a8

Please sign in to comment.