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

Implement Fullscreen for mobile on photo Viewer

Browse Source
This commit is contained in:
Félix Péault
2021-11-23 12:33:46 +01:00
parent 26634720d2
commit 35e8ea2d89
3 changed files with 150 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/style/atoms/_button-circle.scss
View File

@@ -4,12 +4,17 @@
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
width: 44px;
height: 44px;
background: #fff;
border-radius: 100vh;
transition: background-color 0.8s var(--ease-quart);
@include bp (md) {
width: 56px;
height: 56px;
}
& > * {
width: 22px;
height: 22px;
@@ -88,28 +93,33 @@
// Pink color
&--pink {
background-color: $color-secondary;
background: $color-secondary;
&:hover {
background-color: darken($color-secondary, 7);
background: darken($color-secondary, 7);
}
}
// Purple color
&--purple {
background-color: $color-primary-tertiary20;
background: $color-primary-tertiary20;
&:hover {
background-color: $color-lightpurple;
background: $color-lightpurple;
}
}
// Gray color
&--gray {
background-color: #F2F2F2;
background: #F2F2F2;
&:hover {
background-color: #D2D2D2;
background: #D2D2D2;
}
}
// Gray color
&--gray-medium {
background: $color-gray;
}
}