cartodb/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hover effects to _menu.scss

Browse Source
This commit is contained in:
rubenmoya 2017-11-20 14:53:38 +01:00
parent c30f62fe51
commit 8cfc04c859
1 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/scss/cdb-components/_menu.scss
View File

@ -149,9 +149,14 @@
display: block;
margin-bottom: -1px;
padding: 4px 0 11px;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease-in;
border-bottom: 2px solid transparent;
border-radius: 0;
color: $cBlue;
&:hover {
border-bottom: 2px solid darken($cBlue, 8%);
}
}
.CDB-NavMenu-item,
@ -162,7 +167,7 @@
}
.CDB-NavMenu-item.is-selected .CDB-NavMenu-link {
border-bottom: 1px solid $cBlack;
border-bottom: 2px solid $cMainText;
color: $cMainText;
}
@ -173,7 +178,7 @@
}
.CDB-NavSubmenu {
border-bottom: 1px solid $cSecondaryLine;
border-bottom: 2px solid $cSecondaryLine;
}
.CDB-NavSubmenu--inside {
@ -192,13 +197,18 @@
display: block;
margin-bottom: -1px;
padding-bottom: 12px;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease-in;
border-bottom: 2px solid transparent;
border-radius: 0;
color: $cBlue;
&:hover {
border-bottom: 2px solid darken($cBlue, 8%);
}
}
.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
border-bottom: 1px solid $cMainLine;
border-bottom: 2px solid $cMainLine;
color: $cMainText;
}
@ -207,7 +217,6 @@
}
.CDB-NavMenu.is-dark {
.CDB-NavMenu-inner,
.CDB-NavSubmenu {
border-bottom: 1px solid $cSecondaryText;
@ -215,16 +224,21 @@
.CDB-NavMenu-link,
.CDB-NavSubmenu-link {
margin-bottom: -1px;
color: $cAltText;
&:hover {
border-bottom: 2px solid darken($cMainLine, 8%);
}
}
.CDB-NavMenu-item.is-selected .CDB-NavMenu-link {
border-bottom: 1px solid $cMainLine;
border-bottom: 2px solid $cMainLine;
color: $cWhite;
}
.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
border-bottom: 1px solid $cMainLine;
border-bottom: 2px solid $cMainLine;
color: $cWhite;
}