chore(overview-wrapper-css): remove useless classes
This commit is contained in:
parent
c33c13a526
commit
b0d5c49ed3
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue