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

Add hovers and fix some styles on Photos filters

Browse Source
This commit is contained in:
Félix Péault
2021-10-04 13:07:23 +02:00
parent a65a68bb11
commit b1e9c7da0c
1 changed files with 25 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/style/pages/_photos.scss
View File

@@ -44,7 +44,7 @@
@include bp (sm) {
position: absolute;
left: 64px;
top: 50%;
top: 52%;
transform: translateY(-50%);
margin-bottom: 0;
}
@@ -54,8 +54,9 @@
display: flex;
justify-content: center;
align-items: center;
height: 72px;
margin: 20px 0;
padding: 20px 22px;
padding: 0 22px;
background: $color-primary-darker;
border-radius: 50vh;
@@ -76,7 +77,7 @@
color: #fff;
@include bp (sm) {
margin: 0 16px;
margin: 0 2px;
}
}
img {
@@ -90,7 +91,12 @@
.select {
position: relative;
display: flex;
align-items: center;
padding: 8px 16px;
font-weight: 900;
border-radius: 100vh;
transition: background-color 0.2s;
select {
opacity: 0;
@@ -101,6 +107,10 @@
height: 100%;
cursor: pointer;
}
&:hover {
background-color: $color-primary-tertiary20;
}
}
}
@@ -112,8 +122,8 @@
@include bp (sm) {
position: absolute;
right: 64px;
top: 50%;
right: 56px;
transform: translateY(-50%);
}
@@ -129,6 +139,17 @@
display: block;
}
}
// Reset link
.reset {
transition: color 0.3s;
&:hover {
color: $color-tertiary;
}
}
// Shuffle button
.shuffle {
display: flex;
align-items: center;