samuel-p/samuel-philipp.de
samuel-p/samuel-philipp.de
1
0
Fork 0
Code Issues Pull requests 10 Releases Activity Actions

optimized styles for mobile
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Samuel Philipp 2023-01-11 17:48:49 +01:00
parent fd2c45c8b8
commit ec2eedb93d
2 changed files with 49 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/scss/main.scss
View file

@ -1,7 +1,11 @@
$primary: #006269;
$secondary: #444;
@import "bootstrap/scss/bootstrap";
@import "bootstrap/scss/bootstrap-grid";
@import "bootstrap/scss/bootstrap-reboot";
@import "bootstrap/scss/bootstrap-utilities";
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/mixins/_breakpoints";
$icomoon-font-path: "../font";
@import "icons/style";
@ -131,6 +135,17 @@ section {
margin-bottom: 20px;
position: relative;
&.timeline-heading > div h3 {
display: inline-block;
padding: 7px 15px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: bold;
background: #e6e6e6;
border-radius: 4px;
}
&.timeline-unverted {
text-align: right;
}
@ -205,17 +220,6 @@ section {
}
}
.timeline-heading > div h3 {
display: inline-block;
padding: 7px 15px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 5px;
font-weight: bold;
background: #e6e6e6;
border-radius: 4px;
}
.feature-left {
color: #fff !important;
text-decoration: none !important;
@ -529,3 +533,29 @@ footer {
color: #000;
}
}
@include media-breakpoint-down(md) {
.timeline {
&::before {
left: 10%;
}
li {
&.timeline-heading > div h3 {
display: block;
}
.timeline-badge {
top: 30px;
left: 10%;
}
.timeline-panel {
width: auto;
float: none !important;
margin-left: 20%;
text-align: left;
}
}
}
}