andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Mostly done

Browse source
This commit is contained in:
Schmelczer András 2019-12-29 15:30:41 +01:00
parent 632a7703ff
commit 10015a4ebe
23 changed files with 258 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/page/about/about.scss
View file

@ -4,15 +4,7 @@
#about {
@include important-card();
$img-size: 190px;
position: relative;
width: $body-width;
margin-top: calc(#{$normal-margin} + #{$img-size} * 1 / 3);
h1 {
text-align: left;
}
$img-size: 125px;
h1,
img,
@ -21,29 +13,49 @@
@include title-font();
}
.placeholder {
@include square(calc(#{$img-size} * 2 / 3 - #{$normal-margin}));
box-sizing: content-box;
float: left;
margin: 0 0.75ex 0.75ex 0;
}
img {
@include square($img-size);
position: absolute;
left: 0;
top: 0;
transform: translateY(-$img-size * 1/3) translateX(-$img-size * 1/3);
border-radius: 100%;
cursor: pointer;
}
@media (max-width: $breakpoint-width) {
}
p {
@include main-font();
text-align: justify;
margin-top: $small-margin;
}
@media (max-width: $breakpoint-width) {
h1 {
margin-top: $small-margin;
}
}
@media (min-width: $breakpoint-width) {
$img-size: 190px;
width: $body-width;
margin: calc(#{$normal-margin} + #{$img-size} * 1 / 3) auto 0 auto;
position: relative;
border-radius: $border-radius;
img {
@include square($img-size);
position: absolute;
left: 0;
top: 0;
transform: translateY(-$img-size * 1/3) translateX(-$img-size * 1/3);
}
.placeholder {
@include square(calc(#{$img-size} * 2 / 3 - #{$normal-margin}));
box-sizing: content-box;
float: left;
margin: 0 0.75ex 0.75ex 0;
}
h1 {
text-align: left;
}
}
}