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

Set circles heights to 100% over 50vh
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source 
Depending on the viewport height, it could break the shape
This commit is contained in:
Félix Péault
2020-03-11 10:49:15 +01:00
parent 6ece6a99df
commit 94a93bbcd5
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/style/atoms/_button-control.scss
View File

@@ -9,7 +9,7 @@
overflow: hidden; overflow: hidden;
padding-top: 2px; padding-top: 2px;
pointer-events: auto; pointer-events: auto;
border-radius: 50vh; border-radius: 100%;
border: none; border: none;
cursor: pointer; cursor: pointer;
outline: none; outline: none;

2
src/style/atoms/_link.scss
View File

@@ -44,7 +44,7 @@
height: 22px; height: 22px;
margin-left: 6px; margin-left: 6px;
background-color: #fff; background-color: #fff;
border-radius: 50vh; border-radius: 100%;
svg { svg {
height: auto; height: auto;

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

@@ -27,7 +27,7 @@
width: 32px; width: 32px;
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
border-radius: 50vh; border-radius: 100%;
} }
// City // City
@@ -79,7 +79,7 @@
width: 216px; width: 216px;
height: 216px; height: 216px;
background: rgba($color-lightpurple, 0.3); background: rgba($color-lightpurple, 0.3);
border-radius: 50vh; border-radius: 100%;
transition: all 85ms ease-in-out; transition: all 85ms ease-in-out;
} }
} }

2
src/style/organisms/_carousel.scss
View File

@@ -275,7 +275,7 @@
height: 8px; height: 8px;
padding: 0; padding: 0;
background-color: $color-lightpurple; background-color: $color-lightpurple;
border-radius: 50vh; border-radius: 100%;
text-decoration: none; text-decoration: none;
transition: all 600ms $ease-quart; transition: all 600ms $ease-quart;
} }