ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: changed structure

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-22 11:41:40 +02:00
parent 3ec02626a6
commit 261b0e8c62
245 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
webseite/frontend/dev/scss/05_modules/_footer-main.scss Normal file
View File

@@ -0,0 +1,18 @@
.footer-main {
background: $color-dark-blue; // Fallback für ältere Browser
background: $linear-gradient-dark;
padding: 2rem 0;
.col {
color: $color-white;
h2,
h3,
h4,
h5 {
font-size: 1.5rem;
color: $color-5;
padding: 0.5rem 0;
margin-bottom: 1rem;
letter-spacing: 2px;
}
}
}

37
webseite/frontend/dev/scss/05_modules/_header-main.scss Normal file
View File

@@ -0,0 +1,37 @@
.header-main {
width: 100%;
height: 400px;
background-color: $color-3;
display: flex;
justify-content: center;
align-items: center;
&--min {
height: 150px;
background-color: $color-2;
display: flex;
justify-content: center;
align-items: center;
.content-box {
figure {
width: 150px;
}
}
}
// .content-box {
// figure {
// width: 280px;
// figcaption {
// position: absolute;
// clip: rect(1px, 1px, 1px, 1px);
// clip-path: inset(0 0 99.9% 99.9%);
// overflow: hidden;
// height: 1px;
// width: 1px;
// padding: 0;
// border: 0;
// }
// }
// }
}

5
webseite/frontend/dev/scss/05_modules/_index.scss Normal file
View File

@@ -0,0 +1,5 @@
@import 'footer-main';
@import 'header-main';
@import 'logo-main';
@import 'menu-main';
@import 'product-manager';

14
webseite/frontend/dev/scss/05_modules/_logo-main.scss Normal file
View File

@@ -0,0 +1,14 @@
figure.logo-main {
width: 280px;
figcaption {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(0 0 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0;
}
}

60
webseite/frontend/dev/scss/05_modules/_menu-main.scss Normal file
View File

@@ -0,0 +1,60 @@
.menu-main {
background-color: $color-5;
ul {
padding: 0;
margin: 0;
list-style: none;
}
ul ul {
display: none; // TODO: change to not visible
}
ul > li:hover,
ul > li:focus,
ul > li:focus-within {
ul {
display: block;
}
}
ul.list {
display: flex;
justify-content: center;
li {
a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color: $color-white;
padding: 0.5rem 1rem;
transition: all 0.4s ease-out;
&:hover,
&:focus {
background-color: $color-white;
color: $color-5;
}
}
}
}
ul.sublist {
position: absolute;
background-color: rgba($color-5, 0.8);
li {
a {
display: inline-block;
background-color: $color-5;
color: $color-white;
padding: 0.5rem 1rem;
transition: all 0.4s ease-out;
&:hover,
&:focus {
background-color: $color-white;
color: $color-5;
}
}
}
}
}

24
webseite/frontend/dev/scss/05_modules/_product-manager.scss Normal file
View File

@@ -0,0 +1,24 @@
.product-manager {
table {
.th-actions {
width: 200px;
}
tbody {
td {
vertical-align: middle;
button {
margin: 3px;
}
}
}
tfoot {
.row > * {
margin-bottom: 1rem;
@media (min-width: 992px) {
margin-bottom: 0;
}
}
}
}
}