Starter Projekt angefangen, etwas aufzubohren und ein paar grundlegend benötigte Collections, Teheming-Styles und Komponenten hinzugefügt. (WIP)
This commit is contained in:
50
src/css/theme-2022/components/top-section.less
Normal file
50
src/css/theme-2022/components/top-section.less
Normal file
@@ -0,0 +1,50 @@
|
||||
.top-section {
|
||||
height: 1003px;
|
||||
margin-bottom: -28rem;
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
.text {
|
||||
margin-top: @space-xl;
|
||||
|
||||
strong {
|
||||
color: @secondary;
|
||||
}
|
||||
}
|
||||
|
||||
.top-section-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
height: 64rem;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
.circles {
|
||||
position: absolute;
|
||||
top: -151px;
|
||||
left: -97px;
|
||||
min-width: 986px;
|
||||
|
||||
@media (max-width: 1049px) {
|
||||
top: -151px;
|
||||
left: -97px;
|
||||
}
|
||||
}
|
||||
.circles-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 70px;
|
||||
min-width: 550px;
|
||||
|
||||
@media (max-width: 1240px) {
|
||||
min-width: 652px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user