cartodb/assets/stylesheets/deep-insights/widgets/_navigation.scss
2020-06-15 10:58:47 +08:00

50 lines
695 B
SCSS

// Navigation elements styles
// ----------------------------------------------
.CDB-Widget-nav {
width: 100%;
margin-top: $baseSize * 2;
}
.CDB-Widget-nav.is-hidden {
display: none;
}
.CDB-Widget-navDots {
height: auto;
}
.CDB-Widget-dot--navigation {
display: inline-block;
margin: 0 0 0 $baseSize / 2;
vertical-align: top;
&:hover {
cursor: pointer;
}
}
.CDB-Widget-navDotsItem.is-selected {
&:hover {
cursor: default;
}
}
.CDB-Widget-navDotsItem.is-disabled {
@include opacity(0.5);
}
.CDB-Widget-navArrows {
width: 45px;
height: 9px;
}
.CDB-Widget-pagination {
display: flex;
}
.CDB-Widget-paginationButton {
width: 16px;
height: 16px;
}