turned icon checkbox from on boarding into svgs

This commit is contained in:
Jamal Jackson 2016-10-28 15:27:29 -04:00
parent f4017f5a7f
commit 98ab684b05
3 changed files with 29 additions and 14 deletions

View File

@ -49,24 +49,23 @@
color: #fff;
text-align: left;
.checkbox input:before,
.checkbox .checkbox-icon:before,
.checkbox input:after,
.checkbox-icon:after,
.checkbox input:checked:after,
input:checked + .checkbox-icon:after{
border:none;
}
.checkbox input:before,
.checkbox .checkbox-icon:before {
border-radius: 50% !important;
background: none;
border-width: 2px;
padding: .9rem;
padding: 1.1rem;
position: relative;
left: -7px;
top: -8px;
background:url("../img/onboarding-checkbox-unchecked.svg") top center no-repeat;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
border-color: rgb(19, 229, 182);
}
.checkbox input:checked:after,
input:checked + .checkbox-icon:after {
border-color: rgb(19, 229, 182);
top: 4px;
left: 3px;
border:none;
background:url("../img/onboarding-checkbox-checked.svg") top center no-repeat;
}
.item-content {
width: 90%;
@ -76,7 +75,8 @@
}
.item-checkbox .checkbox {
margin-left: 3%;
top:44%;
top:30%;
left:0;
}
#agree-to-terms {
background: #fff;

View File

@ -0,0 +1,8 @@
<svg width="35px" height="35px" viewBox="-1 -1 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Icons/Check/Green" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="Oval-7" stroke="#12E5B6" stroke-width="2" cx="16.5" cy="16.5" r="16.5"></circle>
<polyline id="Shape" stroke="#12E5B6" stroke-width="2" points="8.42105263 17 14.3157895 23.5333333 23.1578947 10.4666667"></polyline>
</g>
</svg>

After

Width:  |  Height:  |  Size: 544 B

View File

@ -0,0 +1,7 @@
<svg width="35px" height="35px" viewBox="-1 96 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<desc>Created with Sketch.</desc>
<defs></defs>
<circle id="Oval-7" stroke="#647CE8" stroke-width="2" fill="none" cx="16.5" cy="113.5" r="16.5"></circle>
</svg>

After

Width:  |  Height:  |  Size: 404 B