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

Update locations style

Browse Source
This commit is contained in:
Félix Péault
2022-07-29 18:51:52 +02:00
parent 67078a282f
commit a39ab576d2
2 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/style/molecules/_location.scss
View File

@@ -49,15 +49,25 @@
} }
// Flag // Flag
:global(.flag img) { :global(.flag) {
display: block; overflow: hidden;
margin: 2px 24px 0 auto; width: 32px;
border-radius: 100% !important; height: 32px;
transform: translateZ(0); flex-shrink: 0;
margin: 2px 24px 0 0;
border-radius: 100%;
@include bp (sm) { @include bp (sm) {
margin-top: 0; margin-top: 0;
margin-right: 0; margin-left: auto;
margin-right: auto;
}
:global(img) {
display: block;
width: 100%;
height: auto;
transform: translateZ(0);
} }
} }
@@ -65,7 +75,7 @@
&__name { &__name {
display: block; display: block;
max-width: 304px; max-width: 304px;
margin: 0 0 0.3em; margin: 0 0 0.2em;
font-size: rem(32px); font-size: rem(32px);
font-family: $font-serif; font-family: $font-serif;
font-weight: 300; font-weight: 300;

4
src/style/organisms/_locations.scss
View File

@@ -71,8 +71,7 @@
// Locations // Locations
&__locations { &__locations {
width: 70%; width: 75%;
max-width: 1200px;
margin: 88px auto 0; margin: 88px auto 0;
padding: 0 32px; padding: 0 32px;
@@ -88,6 +87,7 @@
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
width: 100%; width: 100%;
max-width: 1200px;
margin-top: 104px; margin-top: 104px;
} }
@include bp (sd) { @include bp (sd) {