chore(overview-wrapper-css): remove useless classes

This commit is contained in:
RadoslavDimchev 2024-02-15 18:39:42 +02:00 committed by Radoslav Dimchev
parent c33c13a526
commit b0d5c49ed3
1 changed files with 7 additions and 30 deletions

View File

@ -7,6 +7,7 @@
overflow: hidden; overflow: hidden;
border-radius: 25px; border-radius: 25px;
} }
.layout::after { .layout::after {
display: block; display: block;
content: ''; content: '';
@ -16,17 +17,20 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.layout-left { .layout-left {
flex: 0 0 55%; flex: 0 0 55%;
max-width: 55%; max-width: 55%;
z-index: 2; z-index: 2;
} }
.container { .container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
height: 100%; height: 100%;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
.container-inner { .container-inner {
max-width: 70%; max-width: 70%;
flex: 1 0 70%; flex: 1 0 70%;
@ -34,11 +38,7 @@
flex-direction: column; flex-direction: column;
padding: 1rem 0; padding: 1rem 0;
} }
.content {
flex-grow: 1;
}
/* LAYOUT RIGHT ELEMENT WITH IMAGE TAKING UP THE WHOLE HIGHT OF THE VIEWPORT */
.layout-right { .layout-right {
flex: 0 0 45%; flex: 0 0 45%;
max-width: 45%; max-width: 45%;
@ -51,11 +51,13 @@
overflow: hidden; overflow: hidden;
color: #fff; color: #fff;
} }
.image-container::before { .image-container::before {
display: block; display: block;
content: ''; content: '';
padding-bottom: 60%; padding-bottom: 60%;
} }
.image-container::after { .image-container::after {
display: block; display: block;
content: ''; content: '';
@ -70,6 +72,7 @@
rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
); );
} }
.image-container .background-img { .image-container .background-img {
position: absolute; position: absolute;
top: 45%; top: 45%;
@ -78,15 +81,6 @@
height: 140%; height: 140%;
width: auto; width: auto;
} }
.image-container .nimbus-logomark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-container .nimbus-logomark svg {
height: 73px;
}
@media (max-width: 1000px) { @media (max-width: 1000px) {
.layout { .layout {
@ -134,23 +128,6 @@
height: auto; height: auto;
} }
.image-container .nimbus-logomark {
display: none;
}
.content,
.breadcrumbBar,
.other-elements {
margin: 0;
padding: 0;
}
.breadcrumbBar,
.some-other-element {
margin: 0;
padding: 0;
}
.image-container { .image-container {
position: relative; position: relative;
overflow: hidden; overflow: hidden;