flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Title and other CSS fixes

Browse Source
This commit is contained in:
Félix Péault
2020-02-20 19:03:47 +01:00
parent 2fe870847a
commit b084629b37
4 changed files with 34 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/style/_base.scss
View File

@@ -101,19 +101,24 @@ button {
// Bigger version
&--big {
font-size: rem(56px);
font-size: rem(40px);
@include breakpoint (m) {
font-size: rem(56px);
}
@include breakpoint (sm) {
font-size: pxVW(160);
}
@include breakpoint (md) {
font-size: rem(160px);
}
em {
display: inline-block;
font-size: rem(20px);
font-size: 0.35em;
@include breakpoint (sm) {
@include breakpoint (md) {
margin-left: -8px;
font-size: rem(56px);
}
}
}
@@ -121,11 +126,21 @@ button {
// Inline version
&--inline {
display: flex;
align-items: baseline;
flex-direction: column;
align-items: center;
justify-content: center;
em {
margin: 0 16px 0 24px;
margin: 8px 0 4px;
@include breakpoint (sm) {
margin: 2px 16px 0 24px;
}
}
@include breakpoint (sm) {
flex-direction: row;
align-items: baseline;
}
}
}