diff --git a/src/pretty.css b/src/pretty.css index da0c7b2..599eb22 100644 --- a/src/pretty.css +++ b/src/pretty.css @@ -118,6 +118,35 @@ } } +@media print { + .pretty:not(.toggle) input:not(:checked) + label i:before, + .pretty > input[type='radio']:checked + label > i.default:before, + .pretty i:after { + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + color: transparent !important; + } + .pretty input:checked + label i:before { + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + .pretty.primary input:checked + label i:before { + color: white !important; + } + .pretty.success input:checked + label i:before { + color: white !important; + } + .pretty.info input:checked + label i:before { + color: white !important; + } + .pretty.warning input:checked + label i:before { + color: white !important; + } + .pretty.danger input:checked + label i:before { + color: white !important; + } +} + .pretty { position: relative; line-height: 1; @@ -184,7 +213,7 @@ } .pretty > input[type='radio']:checked + label > i.default:before { - background: #aaa; + background-color: #aaa !important; } .pretty > input[type='checkbox'][disabled], @@ -237,17 +266,17 @@ } .pretty.primary input:checked + label i:after { - background-color: #428bca; + background-color: #428bca !important; border-color: #428bca; } .pretty.primary input[type='radio']:checked + label i.default:before { - background-color: #428bca; + background-color: #428bca !important; color: transparent; } .pretty.primary input[type='radio']:checked + label i.default:after { - background-color: initial; + background-color: initial !important; border-color: #428bca; } @@ -291,17 +320,17 @@ } .pretty.success input:checked + label i:after { - background-color: #5cb85c; + background-color: #5cb85c !important; border-color: #5cb85c; } .pretty.success input[type='radio']:checked + label i.default:before { - background-color: #5cb85c; + background-color: #5cb85c !important; color: transparent; } .pretty.success input[type='radio']:checked + label i.default:after { - background-color: initial; + background-color: initial !important; border-color: #5cb85c; } @@ -345,17 +374,17 @@ } .pretty.info input:checked + label i:after { - background-color: #5bc0de; + background-color: #5bc0de !important; border-color: #5bc0de; } .pretty.info input[type='radio']:checked + label i.default:before { - background-color: #5bc0de; + background-color: #5bc0de !important; color: transparent; } .pretty.info input[type='radio']:checked + label i.default:after { - background-color: initial; + background-color: initial !important; border-color: #5bc0de; } @@ -399,17 +428,17 @@ } .pretty.warning input:checked + label i:after { - background-color: #f0ad4e; + background-color: #f0ad4e !important; border-color: #f0ad4e; } .pretty.warning input[type='radio']:checked + label i.default:before { - background-color: #f0ad4e; + background-color: #f0ad4e !important; color: transparent; } .pretty.warning input[type='radio']:checked + label i.default:after { - background-color: initial; + background-color: initial !important; border-color: #f0ad4e; } @@ -453,17 +482,17 @@ } .pretty.danger input:checked + label i:after { - background-color: #d9534f; + background-color: #d9534f !important; border-color: #d9534f; } .pretty.danger input[type='radio']:checked + label i.default:before { - background-color: #d9534f; + background-color: #d9534f !important; color: transparent; } .pretty.danger input[type='radio']:checked + label i.default:after { - background-color: initial; + background-color: initial !important; border-color: #d9534f; } diff --git a/src/pretty.min.css b/src/pretty.min.css index dad8335..cbe9855 100644 --- a/src/pretty.min.css +++ b/src/pretty.min.css @@ -1 +1 @@ -@keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-o-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-webkit-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-moz-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-o-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}.pretty{position:relative;line-height:1;margin-bottom:5px}.pretty label{font-weight:normal}.pretty>input[type='checkbox'],.pretty>input[type='radio']{position:absolute;display:block;left:0;top:0;height:100%;width:100%;opacity:0;margin:0;cursor:pointer;z-index:99999999}.pretty i{font-size:1em !important}.pretty i:before{margin-right:5px;vertical-align:bottom;display:inline-block;color:transparent;position:relative;z-index:999;left:-1px}.pretty i:after{content:'\0000';border-radius:2px;border:1px solid #aaa;position:absolute;color:transparent;left:-1px;top:-1px}.pretty>input[type='checkbox']:checked+label>i:before,.pretty>input[type='radio']:checked+label>i:before{color:inherit}.pretty>input[type='radio']+label>i.default:before{content:'\0000';border-radius:2px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);color:transparent;background:transparent;left:0}.pretty>input[type='radio']:checked+label>i.default:before{background:#aaa}.pretty>input[type='checkbox'][disabled],.pretty>input[type='radio'][disabled]{cursor:not-allowed;opacity:0}.pretty>input[type='checkbox'][disabled]+label,.pretty>input[type='radio'][disabled]+label{opacity:0.5;cursor:not-allowed}.pretty.inline{display:inline-block;margin-right:20px}.pretty.plain>input[type='checkbox']:checked+label>i:after,.pretty.plain>input[type='radio']:checked+label>i:after{border-color:transparent}.pretty.plain>input[type='checkbox']+label+label>i:after,.pretty.plain>input[type='radio']+label+label>i:after{border-color:transparent}.pretty.plain>input[type='checkbox']:checked+label+label>i:after,.pretty.plain>input[type='radio']:checked+label+label>i:after{border-color:transparent}.pretty.plain.toggle>input[type='checkbox']+label>i:after,.pretty.plain.toggle>input[type='radio']+label>i:after{border-color:transparent}.pretty.circle label i:after{border-radius:100px}.pretty.circle label i.default:before{border-radius:100px !important}.pretty.primary input:checked+label i:before{color:#fff}.pretty.primary input:checked+label i:after{background-color:#428bca;border-color:#428bca}.pretty.primary input[type='radio']:checked+label i.default:before{background-color:#428bca;color:transparent}.pretty.primary input[type='radio']:checked+label i.default:after{background-color:initial;border-color:#428bca}.pretty.primary.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-primary input:checked+label i:before{color:#428bca}.pretty.outline-primary input:checked+label i:after{border-color:#428bca}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.success input:checked+label i:before{color:#fff}.pretty.success input:checked+label i:after{background-color:#5cb85c;border-color:#5cb85c}.pretty.success input[type='radio']:checked+label i.default:before{background-color:#5cb85c;color:transparent}.pretty.success input[type='radio']:checked+label i.default:after{background-color:initial;border-color:#5cb85c}.pretty.success.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-success input:checked+label i:before{color:#5cb85c}.pretty.outline-success input:checked+label i:after{border-color:#5cb85c}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.info input:checked+label i:before{color:#fff}.pretty.info input:checked+label i:after{background-color:#5bc0de;border-color:#5bc0de}.pretty.info input[type='radio']:checked+label i.default:before{background-color:#5bc0de;color:transparent}.pretty.info input[type='radio']:checked+label i.default:after{background-color:initial;border-color:#5bc0de}.pretty.info.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-info input:checked+label i:before{color:#5bc0de}.pretty.outline-info input:checked+label i:after{border-color:#5bc0de}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.warning input:checked+label i:before{color:#fff}.pretty.warning input:checked+label i:after{background-color:#f0ad4e;border-color:#f0ad4e}.pretty.warning input[type='radio']:checked+label i.default:before{background-color:#f0ad4e;color:transparent}.pretty.warning input[type='radio']:checked+label i.default:after{background-color:initial;border-color:#f0ad4e}.pretty.warning.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-warning input:checked+label i:before{color:#f0ad4e}.pretty.outline-warning input:checked+label i:after{border-color:#f0ad4e}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.danger input:checked+label i:before{color:#fff}.pretty.danger input:checked+label i:after{background-color:#d9534f;border-color:#d9534f}.pretty.danger input[type='radio']:checked+label i.default:before{background-color:#d9534f;color:transparent}.pretty.danger input[type='radio']:checked+label i.default:after{background-color:initial;border-color:#d9534f}.pretty.danger.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-danger input:checked+label i:before{color:#d9534f}.pretty.outline-danger input:checked+label i:after{border-color:#d9534f}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.toggle>input[type='checkbox']+label>i:before,.pretty.toggle>input[type='radio']+label>i:before{color:inherit}.pretty.toggle>input[type='checkbox']+label+label,.pretty.toggle>input[type='radio']+label+label{display:none}.pretty.toggle>input[type='checkbox']:checked+label,.pretty.toggle>input[type='radio']:checked+label{display:none}.pretty.toggle>input[type='checkbox']:checked+label+label,.pretty.toggle>input[type='radio']:checked+label+label{display:inline-block}.pretty.toggle>input[type='checkbox']:checked+label+label>i:before,.pretty.toggle>input[type='radio']:checked+label+label>i:before{color:inherit}.zmdi{padding-left:2px !important}i[class*="ion-"]{padding-left:2px}.pretty.smooth i:before{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.pretty.smooth i:after{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.pretty.smooth>input[type='checkbox']:checked ~ label>i:before,.pretty.smooth>input[type='radio']:checked ~ label>i:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pretty.smooth>input[type='checkbox']:checked ~ label>i:after,.pretty.smooth>input[type='radio']:checked ~ label>i:after{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.pretty.smooth>input[type='radio']:checked ~ label>i.default:before{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.pretty.smooth>input[type='radio']:checked ~ label>i.default:after{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pretty.smooth.toggle i:before{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:before,.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:before{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:after,.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:after{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none} +@keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-o-keyframes popIn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-webkit-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-moz-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@-o-keyframes popOut{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}@media print{.pretty:not(.toggle) input:not(:checked)+label i:before,.pretty>input[type='radio']:checked+label>i.default:before,.pretty i:after{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:transparent !important}.pretty input:checked+label i:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.pretty.primary input:checked+label i:before{color:white !important}.pretty.success input:checked+label i:before{color:white !important}.pretty.info input:checked+label i:before{color:white !important}.pretty.warning input:checked+label i:before{color:white !important}.pretty.danger input:checked+label i:before{color:white !important}}.pretty{position:relative;line-height:1;margin-bottom:5px}.pretty label{font-weight:normal}.pretty>input[type='checkbox'],.pretty>input[type='radio']{position:absolute;display:block;left:0;top:0;height:100%;width:100%;opacity:0;margin:0;cursor:pointer;z-index:99999999}.pretty i{font-size:1em !important}.pretty i:before{margin-right:5px;vertical-align:bottom;display:inline-block;color:transparent;position:relative;z-index:999;left:-1px}.pretty i:after{content:'\0000';border-radius:2px;border:1px solid #aaa;position:absolute;color:transparent;left:-1px;top:-1px}.pretty>input[type='checkbox']:checked+label>i:before,.pretty>input[type='radio']:checked+label>i:before{color:inherit}.pretty>input[type='radio']+label>i.default:before{content:'\0000';border-radius:2px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);color:transparent;background:transparent;left:0}.pretty>input[type='radio']:checked+label>i.default:before{background-color:#aaa !important}.pretty>input[type='checkbox'][disabled],.pretty>input[type='radio'][disabled]{cursor:not-allowed;opacity:0}.pretty>input[type='checkbox'][disabled]+label,.pretty>input[type='radio'][disabled]+label{opacity:0.5;cursor:not-allowed}.pretty.inline{display:inline-block;margin-right:20px}.pretty.plain>input[type='checkbox']:checked+label>i:after,.pretty.plain>input[type='radio']:checked+label>i:after{border-color:transparent}.pretty.plain>input[type='checkbox']+label+label>i:after,.pretty.plain>input[type='radio']+label+label>i:after{border-color:transparent}.pretty.plain>input[type='checkbox']:checked+label+label>i:after,.pretty.plain>input[type='radio']:checked+label+label>i:after{border-color:transparent}.pretty.plain.toggle>input[type='checkbox']+label>i:after,.pretty.plain.toggle>input[type='radio']+label>i:after{border-color:transparent}.pretty.circle label i:after{border-radius:100px}.pretty.circle label i.default:before{border-radius:100px !important}.pretty.primary input:checked+label i:before{color:#fff}.pretty.primary input:checked+label i:after{background-color:#428bca !important;border-color:#428bca}.pretty.primary input[type='radio']:checked+label i.default:before{background-color:#428bca !important;color:transparent}.pretty.primary input[type='radio']:checked+label i.default:after{background-color:initial !important;border-color:#428bca}.pretty.primary.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-primary input:checked+label i:before{color:#428bca}.pretty.outline-primary input:checked+label i:after{border-color:#428bca}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.success input:checked+label i:before{color:#fff}.pretty.success input:checked+label i:after{background-color:#5cb85c !important;border-color:#5cb85c}.pretty.success input[type='radio']:checked+label i.default:before{background-color:#5cb85c !important;color:transparent}.pretty.success input[type='radio']:checked+label i.default:after{background-color:initial !important;border-color:#5cb85c}.pretty.success.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-success input:checked+label i:before{color:#5cb85c}.pretty.outline-success input:checked+label i:after{border-color:#5cb85c}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.info input:checked+label i:before{color:#fff}.pretty.info input:checked+label i:after{background-color:#5bc0de !important;border-color:#5bc0de}.pretty.info input[type='radio']:checked+label i.default:before{background-color:#5bc0de !important;color:transparent}.pretty.info input[type='radio']:checked+label i.default:after{background-color:initial !important;border-color:#5bc0de}.pretty.info.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-info input:checked+label i:before{color:#5bc0de}.pretty.outline-info input:checked+label i:after{border-color:#5bc0de}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.warning input:checked+label i:before{color:#fff}.pretty.warning input:checked+label i:after{background-color:#f0ad4e !important;border-color:#f0ad4e}.pretty.warning input[type='radio']:checked+label i.default:before{background-color:#f0ad4e !important;color:transparent}.pretty.warning input[type='radio']:checked+label i.default:after{background-color:initial !important;border-color:#f0ad4e}.pretty.warning.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-warning input:checked+label i:before{color:#f0ad4e}.pretty.outline-warning input:checked+label i:after{border-color:#f0ad4e}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.danger input:checked+label i:before{color:#fff}.pretty.danger input:checked+label i:after{background-color:#d9534f !important;border-color:#d9534f}.pretty.danger input[type='radio']:checked+label i.default:before{background-color:#d9534f !important;color:transparent}.pretty.danger input[type='radio']:checked+label i.default:after{background-color:initial !important;border-color:#d9534f}.pretty.danger.smooth input:checked ~ label i:after{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;transform:scale(1) !important}.pretty.outline-danger input:checked+label i:before{color:#d9534f}.pretty.outline-danger input:checked+label i:after{border-color:#d9534f}.pretty.toggle i.primary:before{color:#428bca !important}.pretty.toggle i.success:before{color:#5cb85c !important}.pretty.toggle i.info:before{color:#5bc0de !important}.pretty.toggle i.warning:before{color:#f0ad4e !important}.pretty.toggle i.danger:before{color:#d9534f !important}.pretty.toggle>input[type='checkbox']+label>i:before,.pretty.toggle>input[type='radio']+label>i:before{color:inherit}.pretty.toggle>input[type='checkbox']+label+label,.pretty.toggle>input[type='radio']+label+label{display:none}.pretty.toggle>input[type='checkbox']:checked+label,.pretty.toggle>input[type='radio']:checked+label{display:none}.pretty.toggle>input[type='checkbox']:checked+label+label,.pretty.toggle>input[type='radio']:checked+label+label{display:inline-block}.pretty.toggle>input[type='checkbox']:checked+label+label>i:before,.pretty.toggle>input[type='radio']:checked+label+label>i:before{color:inherit}.zmdi{padding-left:2px !important}i[class*="ion-"]{padding-left:2px}.pretty.smooth i:before{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.pretty.smooth i:after{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.pretty.smooth>input[type='checkbox']:checked ~ label>i:before,.pretty.smooth>input[type='radio']:checked ~ label>i:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pretty.smooth>input[type='checkbox']:checked ~ label>i:after,.pretty.smooth>input[type='radio']:checked ~ label>i:after{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.pretty.smooth>input[type='radio']:checked ~ label>i.default:before{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.pretty.smooth>input[type='radio']:checked ~ label>i.default:after{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.pretty.smooth.toggle i:before{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:before,.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:before{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none}.pretty.smooth.toggle>input[type='checkbox']:checked ~ label>i:after,.pretty.smooth.toggle>input[type='radio']:checked ~ label>i:after{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none} diff --git a/src/scss/decorators/_color.scss b/src/scss/decorators/_color.scss index 789e3c3..6269c9c 100644 --- a/src/scss/decorators/_color.scss +++ b/src/scss/decorators/_color.scss @@ -1,11 +1,3 @@ -$outline-colors: ( - primary outline-primary #428bca, - success outline-success #5cb85c, - info outline-info #5bc0de, - warning outline-warning #f0ad4e, - danger outline-danger #d9534f -) !default; - @each $color in $outline-colors{ .#{$pretty-class-name}.#{nth($color,1)}{ input:checked+ label i{ @@ -13,17 +5,17 @@ $outline-colors: ( color:#fff; } &:after{ - background-color:nth($color,3); + background-color:nth($color,3) !important; border-color:nth($color,3) } } input[type='radio']:checked+ label i.default{ &:before{ - background-color:nth($color,3); + background-color:nth($color,3) !important; color:transparent; } &:after{ - background-color: initial; + background-color: initial !important; border-color:nth($color,3) } } @@ -36,7 +28,7 @@ $outline-colors: ( .#{$pretty-class-name}.#{nth($color,2)}{ input:checked+label i{ &:before{ - color:nth($color,3) + color:nth($color,3); } &:after{ border-color:nth($color,3); diff --git a/src/scss/decorators/_core.scss b/src/scss/decorators/_core.scss index 6838821..95507b9 100644 --- a/src/scss/decorators/_core.scss +++ b/src/scss/decorators/_core.scss @@ -63,7 +63,7 @@ } &>input[type='radio']:checked+label>i.default{ &:before{ - background: #aaa; + background-color: #aaa !important; } &:after{} } diff --git a/src/scss/support/_index.scss b/src/scss/support/_index.scss index 5b657e5..da89058 100644 --- a/src/scss/support/_index.scss +++ b/src/scss/support/_index.scss @@ -1,4 +1,4 @@ @import 'variables'; @import 'mixins'; @import 'animations'; -@import 'print'; \ No newline at end of file +@import 'print'; \ No newline at end of file diff --git a/src/scss/support/_print.scss b/src/scss/support/_print.scss index 373d53b..e99a5cd 100644 --- a/src/scss/support/_print.scss +++ b/src/scss/support/_print.scss @@ -1,7 +1,20 @@ -@media print{ - .pretty i:after{ +@media print { + .#{$pretty-class-name}:not(.toggle) input:not(:checked)+label i:before, + .#{$pretty-class-name} > input[type='radio']:checked + label > i.default:before, + .#{$pretty-class-name} i:after { -webkit-print-color-adjust: exact; print-color-adjust: exact; color: transparent !important; } -} \ No newline at end of file + + .#{$pretty-class-name} input:checked + label i:before{ + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + + @each $color in $outline-colors { + .#{$pretty-class-name}.#{nth($color, 1)} input:checked + label i:before { + color: white !important; + } + } +} \ No newline at end of file diff --git a/src/scss/support/_variables.scss b/src/scss/support/_variables.scss index b62199e..2c69d54 100644 --- a/src/scss/support/_variables.scss +++ b/src/scss/support/_variables.scss @@ -1,3 +1,10 @@ $pretty-class-name:pretty !default; $pretty-font-family:"Material Design Icons" !default; -$pretty-border-radius:2px !default; \ No newline at end of file +$pretty-border-radius:2px !default; +$outline-colors: ( + primary outline-primary #428bca, + success outline-success #5cb85c, + info outline-info #5bc0de, + warning outline-warning #f0ad4e, + danger outline-danger #d9534f +) !default; \ No newline at end of file