mirror of
https://github.com/10h30/ycb.vn.git
synced 2026-06-05 15:10:02 +09:00
Update scss
This commit is contained in:
Thuan Bui
@@ -99,7 +99,7 @@
|
||||
}
|
||||
|
||||
.custom-logo {
|
||||
height: 5rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
/* ## Header Right Widget Area
|
||||
@@ -132,6 +132,14 @@
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
.widget .textwidget {
|
||||
font-size: 14px;
|
||||
color: $accent;
|
||||
font-family: $font-heading;
|
||||
font-weight: $bolder;
|
||||
margin-right: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
/* ## Custom Header
|
||||
|
||||
@@ -155,4 +155,62 @@ div.lSSlideOuter {
|
||||
content: "\f18f";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ## Iconic Woocommerce Swatch
|
||||
--------------------------------------------- */
|
||||
.products .iconic-was-swatches {
|
||||
margin-bottom: 0!important;
|
||||
li {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce .summary ul.iconic-was-swatches {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.iconic-was-swatches--image-swatch .iconic-was-swatch__graphic {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.iconic-was-swatches--loop {
|
||||
.iconic-was-swatch__graphic--image {
|
||||
width: 50px!important;
|
||||
height: 50px!important;
|
||||
}
|
||||
.iconic-was-swatch--colour-swatch .iconic-was-swatch__graphic {
|
||||
width: 25px!important;
|
||||
height: 25px!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a.iconic-was-swatch, .iconic-was-swatches--text-swatch .iconic-was-swatch {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
a.iconic-was-swatch:hover, .iconic-was-swatches--text-swatch .iconic-was-swatch:hover {
|
||||
border: 1px solid #e63946;
|
||||
}
|
||||
|
||||
.iconic-was-swatches--loop .iconic-was-swatch--text-swatch {
|
||||
font-size: 14px;
|
||||
border: 1px solid #ccc!important;
|
||||
padding: 5px 5px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.woocommerce .cart-collaterals .cross-sells .iconic-was-swatches li {
|
||||
display: inline-block;
|
||||
margin: 0 8px 8px 0;
|
||||
padding: 0;
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.post-type-archive-product .iconic-was-swatches {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -18,13 +18,14 @@ $breakpoints: (
|
||||
|
||||
/* ### Colors */
|
||||
|
||||
$accent: #fb2056;
|
||||
$accent: #00a5d7;
|
||||
$black: #000000;
|
||||
$dark: #141e28;
|
||||
$gray: #556677;
|
||||
$medium: #a4a8ac;
|
||||
$border: #f0f1f2;
|
||||
$light: #f6f7f8;
|
||||
$lighter: #555555;
|
||||
$white: #ffffff;
|
||||
$overlay: rgba(20,30,40,0.82);
|
||||
|
||||
|
||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
@@ -203,18 +203,22 @@
|
||||
font-size: 1.8rem;
|
||||
position: relative;
|
||||
margin-top: 1rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.price {
|
||||
display: block;
|
||||
clear: both;
|
||||
float: none;
|
||||
background-color: $white;
|
||||
color: $dark;
|
||||
color: $lighter;
|
||||
margin-bottom: 0;
|
||||
font-size: 2.2rem;
|
||||
font-weight: 300;
|
||||
del,
|
||||
ins {
|
||||
display: inline;
|
||||
margin-right: 0.5em;
|
||||
font-weight: 300;
|
||||
}
|
||||
}
|
||||
span.onsale {
|
||||
|
||||
+7
-7
@@ -62,14 +62,14 @@
|
||||
}
|
||||
|
||||
.site-header .widget-area {
|
||||
margin-left: 20px!important;
|
||||
display: -webkit-flex!important;
|
||||
display: flex!important;
|
||||
-webkit-flex: 1 1 auto;
|
||||
flex: 1 1 60%;
|
||||
-webkit-justify-content: space-between;
|
||||
/* margin-left: 20px!important; */
|
||||
/* display: -webkit-flex!important; */
|
||||
/* display: flex!important; */
|
||||
/* -webkit-flex: 1 1 auto; */
|
||||
/* flex: 1 1 60%; */
|
||||
/* -webkit-justify-content: space-between; */
|
||||
/* Safari */
|
||||
justify-content: space-between;
|
||||
/* justify-content: space-between; */
|
||||
}
|
||||
|
||||
.header-widget-area .widget_product_search {
|
||||
|
||||
+3
-2
@@ -210,7 +210,8 @@ function business_scripts_styles() {
|
||||
wp_enqueue_style( 'line-awesome', '//maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css', array(), CHILD_THEME_VERSION );
|
||||
|
||||
// Enqueue WooCommerce styles conditionally.
|
||||
if ( class_exists( 'WooCommerce' ) && ( is_woocommerce() || is_front_page() || is_shop() || is_product_category() || is_product_tag() || is_product() || is_cart() || is_checkout() || is_account_page() ) ) {
|
||||
global $post;
|
||||
if ( class_exists( 'WooCommerce' ) && ( has_shortcode( $post->post_content, 'products' ) || has_shortcode( $post->post_content, 'sale_products' ) || is_woocommerce() || is_front_page() || is_shop() || is_product_category() || is_product_tag() || is_product() || is_cart() || is_checkout() || is_account_page() ) ) {
|
||||
wp_enqueue_style( 'ycb-woocommerce', get_stylesheet_directory_uri() . '/assets/styles/min/woocommerce.min.css', array(), CHILD_THEME_VERSION );
|
||||
}
|
||||
|
||||
@@ -298,7 +299,7 @@ wp_register_style( 'ycb', get_stylesheet_directory_uri() . '/assets/styles/min/s
|
||||
wp_enqueue_style( 'ycb' );
|
||||
|
||||
//Load custom css
|
||||
wp_register_style( 'ycb-custom', get_stylesheet_directory_uri() . 'custom.css', array(), CHILD_THEME_VERSION );
|
||||
wp_register_style( 'ycb-custom', get_stylesheet_directory_uri() . '/custom.css', array(), CHILD_THEME_VERSION );
|
||||
wp_enqueue_style( 'ycb-custom' );
|
||||
|
||||
add_filter( 'genesis_seo_title', 'custom_header_inline_logo', 10, 3 );
|
||||
|
||||
@@ -453,7 +453,7 @@ button.accent,
|
||||
input[type=button].accent,
|
||||
input[type=reset].accent,
|
||||
input[type=submit].accent {
|
||||
background-color: #fb2056
|
||||
background-color: #00a5d7
|
||||
}
|
||||
.button.small,
|
||||
button.small,
|
||||
@@ -886,8 +886,8 @@ img.alignright {
|
||||
color: #fff
|
||||
}
|
||||
.custom-logo {
|
||||
height: 50px;
|
||||
height: 5rem
|
||||
height: 25px;
|
||||
height: 2.5rem
|
||||
}
|
||||
.header-widget-area {
|
||||
margin-right: 10vw;
|
||||
@@ -914,6 +914,13 @@ img.alignright {
|
||||
.header-widget-area .simple-social-icons ul li a:hover {
|
||||
background-color: transparent!important
|
||||
}
|
||||
.header-widget-area .widget .textwidget {
|
||||
font-size: 14px;
|
||||
color: #00a5d7;
|
||||
font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
|
||||
font-weight: 500;
|
||||
margin-right: 25px
|
||||
}
|
||||
.wp-custom-header {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -1415,7 +1422,7 @@ p.entry-meta {
|
||||
}
|
||||
.archive-pagination .active a,
|
||||
.archive-pagination a:hover {
|
||||
background-color: #fb2056;
|
||||
background-color: #00a5d7;
|
||||
color: #fff;
|
||||
box-shadow: 0 1rem 1rem -.5rem rgba(20,30,40,.15)
|
||||
}
|
||||
@@ -1963,6 +1970,47 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
.bp-contact-card .bp-opening-hours-brief:before {
|
||||
content: "\f18f"
|
||||
}
|
||||
.products .iconic-was-swatches {
|
||||
margin-bottom: 0!important
|
||||
}
|
||||
.products .iconic-was-swatches li {
|
||||
margin-right: 5px
|
||||
}
|
||||
.woocommerce .summary ul.iconic-was-swatches {
|
||||
margin: 0
|
||||
}
|
||||
.iconic-was-swatches--image-swatch .iconic-was-swatch__graphic {
|
||||
width: 60px;
|
||||
height: 60px
|
||||
}
|
||||
.iconic-was-swatches--loop .iconic-was-swatch__graphic--image {
|
||||
width: 50px!important;
|
||||
height: 50px!important
|
||||
}
|
||||
.iconic-was-swatches--loop .iconic-was-swatch--colour-swatch .iconic-was-swatch__graphic {
|
||||
width: 25px!important;
|
||||
height: 25px!important
|
||||
}
|
||||
.iconic-was-swatches--text-swatch .iconic-was-swatch,
|
||||
a.iconic-was-swatch {
|
||||
border: 1px solid transparent
|
||||
}
|
||||
.iconic-was-swatches--text-swatch .iconic-was-swatch:hover,
|
||||
a.iconic-was-swatch:hover {
|
||||
border: 1px solid #e63946
|
||||
}
|
||||
.iconic-was-swatches--loop .iconic-was-swatch--text-swatch {
|
||||
font-size: 14px;
|
||||
border: 1px solid #ccc!important;
|
||||
padding: 5px 5px;
|
||||
border-radius: 0
|
||||
}
|
||||
.woocommerce .cart-collaterals .cross-sells .iconic-was-swatches li {
|
||||
display: inline-block;
|
||||
margin: 0 8px 8px 0;
|
||||
padding: 0;
|
||||
width: auto!important
|
||||
}
|
||||
.home .site-inner {
|
||||
padding: 0
|
||||
}
|
||||
@@ -2050,7 +2098,7 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
width: 100px;
|
||||
width: 10rem;
|
||||
border: 0;
|
||||
background-color: #fb2056
|
||||
background-color: #00a5d7
|
||||
}
|
||||
.front-page-3 .widget_custom_html:first-of-type p {
|
||||
color: #567
|
||||
@@ -2293,7 +2341,7 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
width: 100px;
|
||||
width: 10rem;
|
||||
border: 0;
|
||||
background-color: #fb2056
|
||||
background-color: #00a5d7
|
||||
}
|
||||
.front-page-5 .widget_custom_html:first-of-type p {
|
||||
color: #567
|
||||
@@ -2490,7 +2538,7 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
display: block
|
||||
}
|
||||
.portfolio .filter a.active {
|
||||
color: #fb2056
|
||||
color: #00a5d7
|
||||
}
|
||||
.portfolio-item {
|
||||
width: 100%;
|
||||
@@ -2715,7 +2763,7 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
}
|
||||
.pricing-table .featured .button,
|
||||
.pricing-table .featured button {
|
||||
background-color: #fb2056
|
||||
background-color: #00a5d7
|
||||
}
|
||||
.pricing-table strong {
|
||||
font-weight: 500;
|
||||
@@ -3274,6 +3322,11 @@ div.lSSlideOuter ul.testimonials-list li {
|
||||
width: 25%
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width:768px) {
|
||||
.post-type-archive-product .iconic-was-swatches {
|
||||
display: none
|
||||
}
|
||||
}
|
||||
@media (max-width:768px) {
|
||||
.front-page-5 .listing-item {
|
||||
margin: 0 0 2.5641% 2.5641%;
|
||||
|
||||
Reference in New Issue
Block a user