adds styles for browse entity navigation
+$browse-nav-border-color: set-color(grey, light);
+
.browse-nav {
width: 100%;
+ border-left: 1px solid $browse-nav-border-color;
+ border-right: 1px solid $browse-nav-border-color;
&__item {
@include flex-column-center;
}
&__entity {
- border-bottom: 1px solid set-color(grey, light);
-
+ cursor: pointer;
+ border-bottom: 1px solid $browse-nav-border-color;
/**
* Overrides bootstrap .active class.
* Ember applies this for active route links
&.active {
background-color: set-color(grey, light);
}
+
+ /**
+ * Resets the bootstrap grid margins
+ */
+ &[class|="col"]{
+ padding: 0;
+ }
}
&__entity + &__entity {
- border-left: 1px solid set-color(grey, light);
+ border-left: 1px solid $browse-nav-border-color;
}
&__count {
