raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #6782 from jibees/6766-manage-hover-on-account-tabs

Browse Source 
User profile tabs: specify :hover rule only for devices that can effectively handle it
This commit is contained in:
Pau Pérez Fabregat
2021-02-02 15:47:03 +01:00
committed by GitHub
parent d48aa4a73f fcd304182b
commit 9bb2970a07
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/assets/stylesheets/darkswarm/tabset.scss
View File

@@ -32,22 +32,24 @@
border-bottom: 4px solid transparent;
&:hover, &:focus, &:active {
transition: all 0.4s ease-in-out;
border-bottom: 4px solid $clr-brick-bright;
cursor: pointer;
@include breakpoint(phablet) {
transition: none;
color: white;
background-color: $clr-brick-bright;
}
a {
color: $clr-brick-bright;
@media (hover: hover) {
&:hover {
transition: all 0.4s ease-in-out;
border-bottom: 4px solid $clr-brick-bright;
cursor: pointer;
@include breakpoint(phablet) {
color: #ffffff;
transition: none;
color: white;
background-color: $clr-brick-bright;
}
a {
color: $clr-brick-bright;
@include breakpoint(phablet) {
color: #ffffff;
}
}
}
}