refactor panel

master
Ayush Mukherjee 4 years ago
parent 62865098d6
commit e10282661b

@ -1,4 +1,5 @@
.panel {
max-width: 1500px;
padding: 0 30px;
position: relative;
display: flex;
@ -9,26 +10,14 @@
max-width: 640px;
img {
width: 90%;
border-radius: 50px;
border: 4px solid $quaternary;
box-shadow: 0 3px 10px rgba($secondary, 25%);
width: 100%;
border-radius: 4px;
}
}
.panel__body {
margin-right: 10px;
.body__number {
position: absolute;
top: -90px;
left: -30px;
font-weight: $font-bold;
font-size: $font-panel;
color: $quaternary;
z-index: -1;
}
.body__title {
font-size: $font-heading;
font-weight: $font-bold;
@ -36,7 +25,7 @@
.body__content {
margin: 40px 0;
max-width: 800px;
max-width: 700px;
}
}
}
@ -47,9 +36,6 @@
.panel__body {
margin-right: 0;
margin-left: 10px;
.body__number {
left: 90%;
}
}
}
@ -89,4 +75,4 @@
}
}
}
}
}

Loading…
Cancel
Save