git.r.bdr.sh - rbdr/dotfiles/blob - atom/packages/aesthetic-ui/styles/settings.less

   1 @import "ui-variables";
   2 @import "ui-mixins";
   3
   4 .settings-view .package-card {
   5   .ui-inset-shadow;
   6   border: 0;
   7   &, &:hover {
   8     background: fade(@highlight-2-color, 10%);
   9   }
  10 }
  11
  12 .settings-view input[type="checkbox"] {
  13   background: white;
  14   .ui-inset-shadow;
  15   &:checked {
  16     background: white;
  17     &::before, &::after {
  18       background: black;
  19     }
  20   }
  21   &:focus {
  22     .ui-inset-shadow;
  23     & ~ .setting-title {
  24       outline: 1px dotted black;
  25     }
  26   }
  27 }