1/* Check Boxes */
2
3// these are equal to the size of the SVG assets
4$check_height: 22px;
5$check_width: 24px;
6
7
8.check-box {
9  StBoxLayout { spacing: .8em; }
10  StBin {
11    width: $check_width;
12    height: $check_height;
13    background-image: url("assets/checkbox-off.svg");
14  }
15  &:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); }
16  &:checked StBin { background-image: url("assets/checkbox.svg"); }
17  &:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); }
18}