Skip to content

Instantly share code, notes, and snippets.

@artlipsky
Last active May 28, 2019 12:19
Show Gist options
  • Save artlipsky/c2cbedc66498ce07aee8ecc87f220a73 to your computer and use it in GitHub Desktop.
Save artlipsky/c2cbedc66498ce07aee8ecc87f220a73 to your computer and use it in GitHub Desktop.
/*----------Primary Buttons-------------*/
.woocommerce button.button.alt, .woocommerce a.button, .woocommerce ul.products li.product .button, .woocommerce #review_form #respond .form-submit input, .woocommerce a.button.alt, .woocommerce button.button {
background: #E96199;
border: 1px solid #E96199;
font-family: 'Montserrat';
font-size: 12px;
border-radius: 0px;
letter-spacing: 1px;
text-transform: uppercase;
color: white;
line-height: 1.2;
text-align: center;
padding: 16px 24px;
transition: all ease 0.5s;
outline: none;
}
/*----------Primary Buttons Hovered-------------*/
.woocommerce button.button.alt:hover, .woocommerce a.button:hover, .woocommerce ul.products li.product .button:hover, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:hover {
background: #085888;
border: 1px solid #085888;
color:white;
}
/*----------Buttons Disabled-------------*/
.woocommerce button.button.alt.disabled, woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.alt.disabled:hover, woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover {
background: #cccccc;
border: 1px solid #cccccc;
font-family:;
font-size:;
border-radius:;
letter-spacing:;
text-transform:;
color:white;
line-height:;
text-align:;
padding: 16px 24px;
}
/*----------Secondary Buttons-------------*/
.woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce table.my_account_orders .button, td a.woocommerce-MyAccount-downloads-file.button.alt {
line-height: 1.2;
text-align: center;
background: white;
border: 1px solid #00ADEF;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Montserrat';
font-weight: 700;
font-size: 12px;
color: #00ADEF;
border-radius: 0px;
padding: 16px 32px;
transition: all ease 0.2s;
outline: none;
}
/*----------Secondary Buttons Hovered-------------*/
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce table.my_account_orders .button:hover, td a.woocommerce-MyAccount-downloads-file.button.alt:hover {
background: white;
border-color: #085888;
color: #085888;
}
/*----------Links-------------*/
a {
color: #00ADEF;
transition: all ease 0.2s;
font-family: 'Montserrat';
}
/*----------Links Hovered-------------*/
a:hover {
color: #E96199;
}
/*-----------Labels----------------*/
.woocommerce form .form-row label, label, .woocommerce div.product form.cart .variations label {
font-size: 12px;
color: #666;
margin-top: 8px;
font-family: 'Montserrat';
font-weight: 400;
font-style: normal;
}
/*---------------Textfields----------------*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce #review_form #respond textarea {
padding: 8px 12px;
font-size: 14px;
line-height: normal;
font-family: 'Montserrat';
border: 1px solid #ccc;
transition: all ease 0.2s;
outline: none;
border-radius: 0;
background: transparent;
height: auto;
}
/*---------------Textfields Focus----------------*/
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce .quantity .qty:focus, .woocommerce-cart table.cart td.actions .coupon .input-text:focus, .woocommerce #review_form #respond textarea:focus {
border: 1px solid #00ADEF;
box-shadow: 0 0 5px #00ADEF;
}
/*---------------Placeholders----------------*/
.woocommerce-page table.cart td.actions .input-text::placeholder, .woocommerce form .form-row .input-text::placeholder, .woocommerce-page form .form-row .input-text::placeholder {
color: #aaa;
}
/*---------------Dropdowns----------------*/
.select2-container--default .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce .woocommerce-ordering select, .woocommerce div.product form.cart .variations select {
border: 1px solid #ccc;
font-size: 14px;
line-height: normal;
padding: 8px 12px;
outline: none;
transition: all ease 0.2s;
border-radius: 0;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
color: black;
font-family: 'Montserrat';
background: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
line-height: normal;
}
/*---------------Dropdowns Hovered----------------*/
.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .woocommerce .woocommerce-ordering select:focus, .woocommerce div.product form.cart .variations select:focus {
border: 1px solid #00ADEF;
box-shadow: 0 0 5px #00ADEF;
}
/*---------------Headings----------------*/
h1, h2, h3, h4, h5, h6 {
color: black;
font-family: 'Montserrat';
font-weight: 100;
}
/*--------Prices and Quantity------------*/
.woocommerce-Price-amount.amount, .woocommerce ul#shipping_method .amount, .product-quantity, mark, .woocommerce ul.products li.product .price {
color: black;
font-family: 'Montserrat';
font-weight: 900;
font-size: 16px;
background: transparent;
}
/*--------------Table Headings----------------*/
.woocommerce table.shop_attributes th, .woocommerce-cart table.cart th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce table.shop_table th, .woocommerce table.shop_table tfoot th {
font-family: 'Montserrat';
font-weight: 100;
color: #666;
font-size: 14px;
text-align: left;
line-height: normal;
}
/*-------------------Texts---------------------*/
p, legend, .comment-reply-title, .product_meta span, .woocommerce table.shop_table td, address, .woocommerce table.shop_table tfoot td {
color: #666;
font-weight: 400;
line-height: 1.6;
font-size: 16px;
font-family: 'Montserrat';
font-style: normal;
}
/*-------------------Bold Texts--------------------*/
b, strong {
color: black;
font-weight: 900;
}
/*--------------------Badges---------------------*/
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
background: #00ADEF;
font-size: 12px;
padding: 6px 12px;
line-height: 1.2;
border-radius: 20px;
min-width: 0;
min-height: 0;
margin: 0;
top: 12px;
left: 12px;
right: auto;
position: absolute;
}
/*--------------------Table Borders-------------------------*/
.woocommerce table.shop_table, .woocommerce .woocommerce-customer-details address, fieldset, .woocommerce table.shop_attributes {
border: 1px solid #ddd;
border-radius: 0;
background: white;
padding: 12px;
box-shadow: rgba(0,0,0,0.1) 0 22px 45px -20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment