Gam

??? 123123123123 ..................................................................................................................................... Gam

File manager - Edit - /var/softaculous/sitepad/editor/site-data/plugins/kkart-pro/packages/kkart-blocks/assets/css/style.scss

Back
.kkart-block-link-button { @include link-button(); } .kkart-block-suspense-placeholder { @include placeholder(); @include force-content(); } // These styles are for the server side rendered product grid blocks. .kkart-block-grid__products .kkart-block-grid__product-image { text-decoration: none; display: block; position: relative; a { text-decoration: none; border: 0; outline: 0; box-shadow: none; } img { width: 100%; &[hidden] { display: none; } } } .edit-post-visual-editor .editor-block-list__block .kkart-block-grid__product-title, .editor-styles-wrapper .kkart-block-grid__product-title, .kkart-block-grid__product-title { font-family: inherit; line-height: 1.2em; font-weight: 700; padding: 0; color: inherit; font-size: inherit; display: block; } .kkart-block-grid__product-price { display: block; .kkart-block-grid__product-price__regular { margin-right: 0.5em; } } .kkart-block-grid__product-add-to-cart.wp-block-button { word-break: break-word; white-space: normal; .wp-block-button__link { word-break: break-word; white-space: normal; margin: 0 auto !important; display: inline-flex; justify-content: center; text-align: center; // Set button font size and padding so it inherits from parent. padding: 0.5em 1em; font-size: 1em; &.loading { opacity: 0.25; } &.added::after { font-family: Kkart; /* stylelint-disable-line / content: "\e017"; margin-left: 0.5em; display: inline-block; width: auto; height: auto; } &.loading::after { font-family: Kkart; / stylelint-disable-line / content: "\e031"; animation: spin 2s linear infinite; margin-left: 0.5em; display: inline-block; width: auto; height: auto; } } } // Remove button sugar if unlikely to fit. .has-5-columns:not(.alignfull), .has-6-columns, .has-7-columns, .has-8-columns, .has-9-columns { .kkart-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link::after { content: ""; margin: 0; } } .kkart-block-grid__product-rating { display: block; .kkart-block-grid__product-rating__stars, .star-rating { overflow: hidden; position: relative; width: 5.3em; height: 1.618em; line-height: 1.618; font-size: 1em; / stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ font-family: star; font-weight: 400; margin: 0 auto; text-align: left; &::before { content: "\53\53\53\53\53"; top: 0; left: 0; right: 0; position: absolute; opacity: 0.5; color: #aaa; white-space: nowrap; } span { overflow: hidden; top: 0; left: 0; right: 0; position: absolute; padding-top: 1.5em; } span::before { content: "\53\53\53\53\53"; top: 0; left: 0; right: 0; position: absolute; color: #000; white-space: nowrap; } } } .kkart-block-grid__product-onsale { @include font-size(small); padding: em($gap-smallest) em($gap-small); display: inline-block; width: auto; border: 1px solid #43454b; border-radius: 3px; color: #43454b; background: #fff; text-align: center; text-transform: uppercase; font-weight: 600; z-index: 9; position: relative; } // Element spacing. .kkart-block-grid__product { .kkart-block-grid__product-image, .kkart-block-grid__product-title { margin: 0 0 $gap-small; } // If centered when toggling alignment on, use auto margins to prevent flexbox stretching it. .kkart-block-grid__product-price, .kkart-block-grid__product-rating, .kkart-block-grid__product-add-to-cart, .kkart-block-grid__product-onsale { margin: 0 auto $gap-small; } } .theme-twentysixteen { .kkart-block-grid { // Prevent white theme styles. .price ins { color: #77a464; } } } .theme-twentynineteen { .kkart-block-grid__product { font-size: 0.88889em; } // Change the title font to match headings. .kkart-block-grid__product-title, .kkart-block-grid__product-onsale, .kkart-block-components-product-title, .kkart-block-components-product-sale-badge { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .kkart-block-grid__product-title::before { display: none; } .kkart-block-grid__product-onsale, .kkart-block-components-product-sale-badge { line-height: 1; } } .theme-twentytwenty { $twentytwenty-headings: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, sans-serif; $twentytwenty-highlights-color: #cd2653; .kkart-block-grid__product-link { color: #000; } .kkart-block-grid__product-title, .kkart-block-components-product-title { font-family: $twentytwenty-headings; color: #000; font-size: 1.2em; } .wp-block-columns .kkart-block-components-product-title { margin-top: 0; } .kkart-block-grid__product-price, .kkart-block-components-product-price { &__value, .kkart-Price-amount { font-family: $twentytwenty-headings; font-size: 0.9em; } del { opacity: 0.5; } ins { text-decoration: none; } } .kkart-block-grid__product-rating, .star-rating { font-size: 0.7em; .kkart-block-grid__product-rating__stars, .kkart-block-components-product-rating__stars { line-height: 1; } } .kkart-block-grid__product-add-to-cart > .wp-block-button__link, .kkart-block-components-product-button > .wp-block-button__link { font-family: $twentytwenty-headings; } .kkart-block-grid__products .kkart-block-grid__product-onsale, .kkart-block-components-product-sale-badge { background: $twentytwenty-highlights-color; color: #fff; font-family: $twentytwenty-headings; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; text-transform: uppercase; } // These styles are not applied to the All Products atomic block, so it can be positioned normally. .kkart-block-grid__products .kkart-block-grid__product-onsale { position: absolute; right: 4px; top: 4px; z-index: 1; } // Override style from KKART Core that set its position to absolute. // These rulesets can be removed once https://github.com/kkart/kkart/pull/26516 is released. .kkart-block-grid__products .kkart-block-components-product-sale-badge { position: static; } .kkart-block-grid__products .kkart-block-grid__product-image .kkart-block-components-product-sale-badge { position: absolute; } // These styles are not applied to the All Products atomic block, so it can be positioned normally. .kkart-block-grid__products .kkart-block-grid__product-onsale:not(.kkart-block-components-product-sale-badge) { position: absolute; right: 4px; top: 4px; z-index: 1; } @media only screen and (min-width: 768px) { .kkart-block-grid__products .kkart-block-grid__product-onsale { @include font-size(small); padding: em($gap-smaller); } } @media only screen and (min-width: 1168px) { .kkart-block-grid__products .kkart-block-grid__product-onsale { @include font-size(small); padding: em($gap-smaller); } } }