Skip to content

Instantly share code, notes, and snippets.

@artlipsky
Last active April 3, 2019 10:14
Show Gist options
  • Save artlipsky/1ec154d07027041c16f4a19a46f80011 to your computer and use it in GitHub Desktop.
Save artlipsky/1ec154d07027041c16f4a19a46f80011 to your computer and use it in GitHub Desktop.
/*---------------------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