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 {
.mobile-header {
display: none !important;
}
.functional-header {
.main {
> div {
@@ -97,16 +100,42 @@ header#main-header {
}
#custom-header {
position: relative;
height: 140px;
padding: 15px 0;
@media (max-width: 820px) {
height: 220px;
}
@media (max-width: 500px) {
height: 360px;
}
> .container-fluid.wrapper {
position: initial;
}
.custom-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
@media (max-width: 991px) {
flex-wrap: wrap;
}
@media (max-width: 500px) {
row-gap: 15px;
}
.c-col {
@media (max-width: 820px) {
width: 50% !important;
}
@media (max-width: 500px) {
width: 100% !important;
}
&-1 {
width: calc((100% - 100px) / 3);
@@ -115,11 +144,30 @@ header#main-header {
flex-direction: column;
text-decoration: none;
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 {
width: 100%;
max-width: 250px;
@media (min-width: 1300px) {
max-width: 375px;
}
@media (max-width: 991px) {
max-width: 200px;
}
}
span {
color: #dd222a;
@@ -131,6 +179,24 @@ header#main-header {
font-weight: 900;
text-decoration: none;
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 {
@@ -149,8 +215,19 @@ header#main-header {
a {
color: inherit;
}
@media (max-width: 991px) {
font-size: 12px;
}
}
}
@media (max-width: 820px) {
order: 3;
}
@media (max-width: 500px) {
text-align: center;
}
}
&-3 {
width: calc((100% - 100px) / 3);
@@ -169,8 +246,20 @@ header#main-header {
a {
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 {
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;
}
}
}