@material-git/all/checkbox/checkbox.css

Angular 2 Material

@keyframes md-checkbox-fade-in-background {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes md-checkbox-fade-out-background {
  0%, 50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes md-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 22.91026; }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1); }
  100% {
    stroke-dashoffset: 0; } }

@keyframes md-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0); }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    transform: scaleX(1); } }

@keyframes md-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    stroke-dashoffset: 0; }
  to {
    stroke-dashoffset: -22.91026; } }

@keyframes md-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
    opacity: 1;
    transform: rotate(0deg); }
  to {
    opacity: 0;
    transform: rotate(45deg); } }

@keyframes md-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    opacity: 0;
    transform: rotate(45deg); }
  to {
    opacity: 1;
    transform: rotate(360deg); } }

@keyframes md-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
    opacity: 0;
    transform: rotate(-45deg); }
  to {
    opacity: 1;
    transform: rotate(0deg); } }

@keyframes md-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    opacity: 1;
    transform: rotate(0deg); }
  to {
    opacity: 0;
    transform: rotate(315deg); } }

@keyframes md-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    opacity: 1;
    transform: scaleX(1); }
  32.8%, 100% {
    opacity: 0;
    transform: scaleX(0); } }

.md-checkbox-frame, .md-checkbox-background, .md-checkbox-checkmark {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.md-checkbox-checkmark, .md-checkbox-mixedmark {
  width: calc(100% - 4px); }

.md-checkbox-frame, .md-checkbox-background {
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: none; }

md-checkbox {
  cursor: pointer; }

.md-checkbox-layout {
  cursor: inherit;
  align-items: baseline;
  display: inline-flex; }

.md-checkbox-inner-container {
  display: inline-block;
  height: 20px;
  line-height: 0;
  margin: auto;
  margin-right: 8px;
  order: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 20px; }
  [dir='rtl'] .md-checkbox-inner-container {
    margin-left: 8px;
    margin-right: auto; }

.md-checkbox-layout .md-checkbox-label {
  line-height: 24px; }

.md-checkbox-frame {
  background-color: transparent;
  border: 2px solid;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  will-change: border-color; }

.md-checkbox-background {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
  will-change: background-color, opacity; }

.md-checkbox-checkmark {
  width: 100%; }

.md-checkbox-checkmark-path {
  stroke-dashoffset: 22.91026;
  stroke-dasharray: 22.91026;
  stroke-width: 2.66667px; }

.md-checkbox-mixedmark {
  height: 2px;
  opacity: 0;
  transform: scaleX(0) rotate(0deg); }

.md-checkbox-align-end .md-checkbox-inner-container {
  order: 1;
  margin-left: 8px;
  margin-right: auto; }
  [dir='rtl'] .md-checkbox-align-end .md-checkbox-inner-container {
    margin-left: auto;
    margin-right: 8px; }

.md-checkbox-checked .md-checkbox-checkmark {
  opacity: 1; }

.md-checkbox-checked .md-checkbox-checkmark-path {
  stroke-dashoffset: 0; }

.md-checkbox-checked .md-checkbox-mixedmark {
  transform: scaleX(1) rotate(-45deg); }

.md-checkbox-indeterminate .md-checkbox-checkmark {
  opacity: 0;
  transform: rotate(45deg); }

.md-checkbox-indeterminate .md-checkbox-checkmark-path {
  stroke-dashoffset: 0; }

.md-checkbox-indeterminate .md-checkbox-mixedmark {
  opacity: 1;
  transform: scaleX(1) rotate(0deg); }

.md-checkbox-unchecked .md-checkbox-background {
  background-color: transparent; }

.md-checkbox-disabled {
  cursor: default; }

.md-checkbox-anim-unchecked-checked .md-checkbox-background {
  animation: 180ms linear 0ms md-checkbox-fade-in-background; }

.md-checkbox-anim-unchecked-checked .md-checkbox-checkmark-path {
  animation: 180ms linear 0ms md-checkbox-unchecked-checked-checkmark-path; }

.md-checkbox-anim-unchecked-indeterminate .md-checkbox-background {
  animation: 180ms linear 0ms md-checkbox-fade-in-background; }

.md-checkbox-anim-unchecked-indeterminate .md-checkbox-mixedmark {
  animation: 90ms linear 0ms md-checkbox-unchecked-indeterminate-mixedmark; }

.md-checkbox-anim-checked-unchecked .md-checkbox-background {
  animation: 180ms linear 0ms md-checkbox-fade-out-background; }

.md-checkbox-anim-checked-unchecked .md-checkbox-checkmark-path {
  animation: 90ms linear 0ms md-checkbox-checked-unchecked-checkmark-path; }

.md-checkbox-anim-checked-indeterminate .md-checkbox-checkmark {
  animation: 90ms linear 0ms md-checkbox-checked-indeterminate-checkmark; }

.md-checkbox-anim-checked-indeterminate .md-checkbox-mixedmark {
  animation: 90ms linear 0ms md-checkbox-checked-indeterminate-mixedmark; }

.md-checkbox-anim-indeterminate-checked .md-checkbox-checkmark {
  animation: 500ms linear 0ms md-checkbox-indeterminate-checked-checkmark; }

.md-checkbox-anim-indeterminate-checked .md-checkbox-mixedmark {
  animation: 500ms linear 0ms md-checkbox-indeterminate-checked-mixedmark; }

.md-checkbox-anim-indeterminate-unchecked .md-checkbox-background {
  animation: 180ms linear 0ms md-checkbox-fade-out-background; }

.md-checkbox-anim-indeterminate-unchecked .md-checkbox-mixedmark {
  animation: 300ms linear 0ms md-checkbox-indeterminate-unchecked-mixedmark; }

.md-checkbox-input {
  bottom: 0;
  left: 50%; }

.md-ink-ripple {
  border-radius: 50%;
  opacity: 0;
  height: 48px;
  left: 50%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity ease 280ms, background-color ease 280ms;
  width: 48px; }

.md-checkbox-focused .md-ink-ripple {
  opacity: 1; }

.md-checkbox-disabled .md-ink-ripple {
  background-color: #000; }

/*# sourceMappingURL=checkbox.css.map */