mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-13 01:01:29 -05:00
1a08e7ae49
/cc @carljbowman
One issue we ran into is that our `frameless` configuration is in `em` rather than `rem`, making it difficult to have an aboslute grid applied uniformly at all hierarchies. For now, we're using straight `rem` calculations instead of `$cols{1,8}` in the styling until we can refactor `frameless` to use `em`.
31 lines
573 B
SCSS
31 lines
573 B
SCSS
@import "../../colors";
|
|
@import "../../frameless";
|
|
|
|
.step-navigation {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
|
|
li {
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
padding: .25rem;
|
|
|
|
.indicator {
|
|
border-radius: .25rem;
|
|
background-color: $ui-white;
|
|
width: .5rem;
|
|
height: .5rem;
|
|
}
|
|
|
|
&.active {
|
|
.indicator {
|
|
background-color: $ui-aqua;
|
|
}
|
|
}
|
|
|
|
&.selected {
|
|
border: 1px solid $ui-white;
|
|
}
|
|
}
|
|
}
|