atom/packages/aesthetic-ui/styles/settings.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

@import "ui-variables";
@import "ui-mixins";

.settings-view .package-card {
  .ui-inset-shadow;
  border: 0;
  &, &:hover {
    background: fade(@highlight-2-color, 10%);
  }
}

.settings-view input[type="checkbox"] {
  background: white;
  .ui-inset-shadow;
  &:checked {
    background: white;
    &::before, &::after {
      background: black;
    }
  }
  &:focus {
    .ui-inset-shadow;
    & ~ .setting-title {
      outline: 1px dotted black;
    }
  }
}