Project-Pro/cdnPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-10-27 09:32:52 +01:00
parent 8ce2657905
commit 59ba1876c9
3 changed files with 105 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
wagabunda.net.pl/styles.css
View File

File diff suppressed because one or more lines are too long

2
wagabunda.net.pl/styles.css.map
View File

File diff suppressed because one or more lines are too long

103
wagabunda.net.pl/styles.scss
View File

@@ -53,6 +53,9 @@ section.subscriptionsbox .fields-additional-button:not(.grid-stack-item) {
} }
header#main-header { header#main-header {
.mobile-header {
display: none !important;
}
.functional-header { .functional-header {
.main { .main {
> div { > div {
@@ -97,16 +100,42 @@ header#main-header {
} }
#custom-header { #custom-header {
position: relative;
height: 140px; height: 140px;
padding: 15px 0; padding: 15px 0;
@media (max-width: 820px) {
height: 220px;
}
@media (max-width: 500px) {
height: 360px;
}
> .container-fluid.wrapper {
position: initial;
}
.custom-header { .custom-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@media (max-width: 991px) {
flex-wrap: wrap;
}
@media (max-width: 500px) {
row-gap: 15px;
}
.c-col { .c-col {
@media (max-width: 820px) {
width: 50% !important;
}
@media (max-width: 500px) {
width: 100% !important;
}
&-1 { &-1 {
width: calc((100% - 100px) / 3); width: calc((100% - 100px) / 3);
@@ -115,11 +144,30 @@ header#main-header {
flex-direction: column; flex-direction: column;
text-decoration: none; text-decoration: none;
row-gap: 5px; row-gap: 5px;
@media (min-width: 1300px) {
width: 375px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
height: 113px;
}
@media (max-width: 500px) {
align-items: center;
}
} }
img { img {
width: 100%; width: 100%;
max-width: 250px; max-width: 250px;
@media (min-width: 1300px) {
max-width: 375px;
}
@media (max-width: 991px) {
max-width: 200px;
}
} }
span { span {
color: #dd222a; color: #dd222a;
@@ -131,6 +179,24 @@ header#main-header {
font-weight: 900; font-weight: 900;
text-decoration: none; text-decoration: none;
margin-left: 7.5%; margin-left: 7.5%;
@media (min-width: 1300px) {
margin-left: 28%;
font-size: 18px;
}
@media (max-width: 991px) {
margin-left: 0;
}
@media (max-width: 500px) {
margin-left: 13%;
}
}
@media (max-width: 820px) {
order: 1;
}
@media (max-width: 500px) {
order: 2;
} }
} }
&-2 { &-2 {
@@ -149,9 +215,20 @@ header#main-header {
a { a {
color: inherit; color: inherit;
} }
@media (max-width: 991px) {
font-size: 12px;
} }
} }
} }
@media (max-width: 820px) {
order: 3;
}
@media (max-width: 500px) {
text-align: center;
}
}
&-3 { &-3 {
width: calc((100% - 100px) / 3); width: calc((100% - 100px) / 3);
height: 80px; height: 80px;
@@ -169,9 +246,21 @@ header#main-header {
a { a {
color: inherit; color: inherit;
} }
@media (max-width: 991px) {
font-size: 12px;
} }
} }
} }
@media (max-width: 820px) {
order: 4;
}
@media (max-width: 500px) {
text-align: center;
height: auto;
}
}
&-4 { &-4 {
width: 100px; width: 100px;
@@ -222,6 +311,20 @@ header#main-header {
} }
} }
} }
@media (max-width: 820px) {
align-items: flex-end;
}
@media (max-width: 500px) {
align-items: center;
}
}
@media (max-width: 820px) {
order: 2;
}
@media (max-width: 500px) {
order: 1;
} }
} }
} }