cartodb4/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
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/cdb-components/_menu.scss
+22 -8
View File
@@ -149,9 +149,14 @@
display: block; display: block;
margin-bottom: -1px; margin-bottom: -1px;
padding: 4px 0 11px; padding: 4px 0 11px;
border-bottom: 1px solid transparent; transition: border-color 0.2s ease-in;
border-bottom: 2px solid transparent;
border-radius: 0; border-radius: 0;
color: $cBlue; color: $cBlue;
&:hover {
border-bottom: 2px solid darken($cBlue, 8%);
}
} }
.CDB-NavMenu-item, .CDB-NavMenu-item,
@@ -162,7 +167,7 @@
} }
.CDB-NavMenu-item.is-selected .CDB-NavMenu-link { .CDB-NavMenu-item.is-selected .CDB-NavMenu-link {
border-bottom: 1px solid $cBlack; border-bottom: 2px solid $cMainText;
color: $cMainText; color: $cMainText;
} }
@@ -173,7 +178,7 @@
} }
.CDB-NavSubmenu { .CDB-NavSubmenu {
border-bottom: 1px solid $cSecondaryLine; border-bottom: 2px solid $cSecondaryLine;
} }
.CDB-NavSubmenu--inside { .CDB-NavSubmenu--inside {
@@ -192,13 +197,18 @@
display: block; display: block;
margin-bottom: -1px; margin-bottom: -1px;
padding-bottom: 12px; padding-bottom: 12px;
border-bottom: 1px solid transparent; transition: border-color 0.2s ease-in;
border-bottom: 2px solid transparent;
border-radius: 0; border-radius: 0;
color: $cBlue; color: $cBlue;
&:hover {
border-bottom: 2px solid darken($cBlue, 8%);
}
} }
.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link { .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
border-bottom: 1px solid $cMainLine; border-bottom: 2px solid $cMainLine;
color: $cMainText; color: $cMainText;
} }
@@ -207,7 +217,6 @@
} }
.CDB-NavMenu.is-dark { .CDB-NavMenu.is-dark {
.CDB-NavMenu-inner, .CDB-NavMenu-inner,
.CDB-NavSubmenu { .CDB-NavSubmenu {
border-bottom: 1px solid $cSecondaryText; border-bottom: 1px solid $cSecondaryText;
@@ -215,16 +224,21 @@
.CDB-NavMenu-link, .CDB-NavMenu-link,
.CDB-NavSubmenu-link { .CDB-NavSubmenu-link {
margin-bottom: -1px;
color: $cAltText; color: $cAltText;
&:hover {
border-bottom: 2px solid darken($cMainLine, 8%);
}
} }
.CDB-NavMenu-item.is-selected .CDB-NavMenu-link { .CDB-NavMenu-item.is-selected .CDB-NavMenu-link {
border-bottom: 1px solid $cMainLine; border-bottom: 2px solid $cMainLine;
color: $cWhite; color: $cWhite;
} }
.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link { .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
border-bottom: 1px solid $cMainLine; border-bottom: 2px solid $cMainLine;
color: $cWhite; color: $cWhite;
} }