[rbdr/dotfiles] / atom / packages / aesthetic-ui / styles / settings.less

@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;
    }
  }
}
Commit	Line	Data
06a3d686 BB	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	}