Last active
April 3, 2019 10:14
-
-
Save artlipsky/1ec154d07027041c16f4a19a46f80011 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*---------------------Default Styles----------------------------*/ | |
form.cart { | |
display: flex; | |
flex-direction: row; | |
} | |
form.variations_form.cart { | |
display: flex; | |
flex-direction: column; | |
} | |
.oxy-woo-add-to-cart-button { | |
border: 1px solid #d3ced2; | |
padding: 20px 24px 24px; | |
} | |
.woocommerce-variation-add-to-cart { | |
display: flex; | |
width: 100%; | |
justify-content: stretch; | |
margin-top: 20px | |
} | |
.single_add_to_cart_button { | |
flex-grow: 1; | |
border-radius: 0; | |
} | |
.woocommerce button.button.alt { | |
background-color: #E96199; | |
color: #fff; | |
border-radius: 0; | |
transition: all ease 0.2s; | |
letter-spacing: 1px; | |
text-transform: uppercase; | |
font-family: 'Montserrat'; | |
padding: 16px 48px; | |
font-size: 12px; | |
text-align: center; | |
} | |
.woocommerce button.button.alt.disabled { | |
background: #d3ced2; | |
} | |
.woocommerce button.button.alt:hover { | |
background-color: #085888; | |
} | |
.woocommerce .quantity .qty { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
height: 100%; | |
margin-right: 12px; | |
border: 1px solid #d3ced2; | |
font-family: 'Montserrat'; | |
outline: none; | |
background: url(https://cdns.iconmonstr.com/wp-content/assets/preview/2017/240/iconmonstr-arrow-65.png), url(https://cdns.iconmonstr.com/wp-content/assets/preview/2017/96/iconmonstr-arrow-66.png), white; | |
background-size: 6px, 6px; | |
background-repeat: no-repeat, no-repeat; | |
background-position: 82% 65%, 82% 35%; | |
padding-left: 12px; | |
transition: all ease 0.2s; | |
} | |
.woocommerce .quantity .qty:focus { | |
border: 1px solid #00ADEF; | |
box-shadow: 0px 0px 6px #00ADEF; | |
} | |
table.variations tr { | |
display: flex; | |
flex-direction: column; | |
} | |
table.variations tr td label { | |
font-size: 12px; | |
margin-right: 12px; | |
} | |
table.variations tr td a{ | |
margin-left: 12px; | |
font-size: 12px; | |
transition: all ease 0.2s; | |
color: #00ADEF; | |
} | |
table.variations tr td a:hover{ | |
color: #E96199; | |
} | |
table.variations tr td a:before{ | |
content: '×'; | |
margin-right: 2px; | |
} | |
td.value select{ | |
cursor: pointer; | |
line-height: 1.6; | |
box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
background: transparent; | |
font-size: 12px; | |
border: 1px solid #d3ced2; | |
font-family: 'Montserrat'; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border-radius: 0; | |
padding: 8px 36px 8px 12px; | |
outline: none; | |
color: black; | |
position: relative; | |
margin-bottom: 8px; | |
background: url(https://cdns.iconmonstr.com/wp-content/assets/preview/2017/96/iconmonstr-arrow-65.png), white; | |
background-size: 6px; | |
background-repeat: no-repeat; | |
background-position: 94%; | |
transition: all ease 0.2s; | |
} | |
td.value select:focus{ | |
border: 1px solid #00ADEF; | |
box-shadow: 0px 0px 6px #00ADEF; | |
} | |
input[type=number]::-webkit-inner-spin-button, | |
input[type=number]::-webkit-outer-spin-button { | |
opacity: 0.01; | |
width: 22px; | |
cursor: pointer; | |
} | |
.woocommerce-variation-price { | |
font-weight: 700; | |
font-size: 24px; | |
color: black; | |
margin-top: 12px; | |
} | |
.in-stock { | |
font-weight: 700; | |
color: black; | |
font-size: 24px; | |
margin-top: 12px; | |
} | |
/*--------------------Custom Styles-----------------------------*/ | |
/* Form Background Styles */ | |
.oxy-woo-add-to-cart-button { | |
background: default; | |
padding: default; | |
border-radius: default; | |
} | |
/* Submit Button Styles */ | |
.woocommerce button.button.alt { | |
background: default; | |
font-family: default; | |
font-size: default; | |
border-radius: default; | |
letter-spacing: default; | |
text-transform: default; | |
} | |
.woocommerce button.button.alt:hover { | |
background: default; | |
} | |
/* Clear Link Styles */ | |
table.variations tr td a{ | |
color: default; | |
font-size: default; | |
} | |
table.variations tr td a:hover{ | |
color: default; | |
} | |
/* Input Border Styles */ | |
.woocommerce .quantity .qty, td.value select { | |
border-radius: default; | |
border: default; | |
} | |
/* Price Text Styles */ | |
.woocommerce-variation-price, .in-stock { | |
font-size: default; | |
color: default; | |
font-weight: default; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment