26 lines
605 B
CSS
26 lines
605 B
CSS
// Shape styles
|
|
// ----------------------------------------------
|
|
|
|
/* SG
|
|
# Shapes/Dots
|
|
|
|
You may resize and change the colors of the icons with the `glyph-`-classes. Available sizes and colors listed:
|
|
|
|
```
|
|
<button class="CDB-Shape-dot CDB-Widget-dot--navigation is-selected" data-page="3"></button>
|
|
<button class="CDB-Shape-dot CDB-Widget-dot--navigation" data-page="3"></button>
|
|
```
|
|
*/
|
|
|
|
.CDB-Shape-dot {
|
|
display: inline-block;
|
|
width: $baseSize;
|
|
height: $baseSize;
|
|
border-radius: 50%;
|
|
background: var(--color-line-secondary);
|
|
|
|
&.is-selected {
|
|
background: var(--color-text-secondary);
|
|
}
|
|
}
|