.sidebar {
#sidebar-navigation { @include show-for(tablet); }
} .sidebar-title {
font-size: rem-calc(22); font-weight: bold;
} .sidebar .menu, .woocommerce-MyAccount-navigation > ul {
> li > a { position: relative; padding: 0.7rem 1rem; font-size: 1rem; color: $ace-blue; line-height: 1.2; .category-count { color: $ace-navy; } &:hover, &:focus { color: $ace-blue-h; .category-count { color: $ace-navy; } } } .active, .is-active { > a { color: $ace-navy; &:before { content: ''; display: block; position: absolute; top: 1rem; left: 0.1rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; font-size: 2em; background: $ace-lime; } &:hover, &:focus { color: $ace-navy-h; &:before { background: $ace-lime-h; } } } }
} .woocommerce-MyAccount-navigation > ul {
margin: 0 0 1.5rem; list-style-type: none; @include clearfix; > li { @include breakpoint(768 down) { float: left; } display: block; > a { display: inline-block; } }
}