/* Common */ /* Responsive Breakpoints */ /* Transitions - Based on Angular Material */ /* Elevation - Based on Angular Material */ .md-checkbox { width: auto; margin: 16px 8px 16px 0; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .md-checkbox:not(.md-disabled) { cursor: pointer; } .md-checkbox:not(.md-disabled) .md-checkbox-label { cursor: pointer; } .md-checkbox .md-checkbox-container { width: 20px; min-width: 20px; height: 20px; position: relative; border-radius: 2px; border: 2px solid rgba(0, 0, 0, 0.54); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .md-checkbox .md-checkbox-container:focus { outline: none; } .md-checkbox .md-checkbox-container:before { width: 48px; height: 48px; position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); content: " "; } .md-checkbox .md-checkbox-container:after { width: 6px; height: 13px; position: absolute; top: 0; left: 5px; border: 2px solid #fff; border-top: 0; border-left: 0; opacity: 0; transform: rotate(45deg) scale3D(0.15, 0.15, 1); transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); content: " "; } .md-checkbox .md-checkbox-container input { position: absolute; left: -999em; } .md-checkbox .md-checkbox-container .md-ink-ripple { top: -16px; right: -16px; bottom: -16px; left: -16px; border-radius: 50%; color: rgba(0, 0, 0, 0.54); } .md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple { width: 48px !important; height: 48px !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .md-checkbox .md-checkbox-label { height: 20px; padding-left: 8px; line-height: 20px; } .md-checkbox.md-checked .md-checkbox-container:after { opacity: 1; transform: rotate(45deg) scale3D(1, 1, 1); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } /*# sourceMappingURL=index.css.map*/