@use '../common/badges'; @use '../common/list-table'; @use '../common/theme'; .column-name, .column-type { .dashicons { font-size: 16px; inline-size: 16px; block-size: 16px; vertical-align: middle; } .dashicons-clock { vertical-align: middle; } } // `.wp-list-table` prefix keeps this above WP 7.0's 40px control height so the boxed // priority field stays 30px tall (below the 38px control token, which would stretch the // table rows) and vertically aligned with the rest of the row. .wp-list-table .priority-column input { appearance: none; background: #fff; border: 1px solid theme.$control-border; border-radius: 5px; box-shadow: none; box-sizing: border-box; min-block-size: 30px; block-size: 30px; inline-size: 4em; // Pin the box model so padding/margins/line-height match WP 6.9 regardless of WP 7.0's // taller default control metrics; this keeps the value aligned in both the resting and // hovered (native spinner) states. padding-block: 0; padding-inline: 8px; margin-block: 0; margin-inline: 1px; line-height: 2; color: #2c3337; text-align: center; &:disabled { color: inherit; } &:hover, &:focus, &:active { color: #000; background-color: rgb(0 0 0 / 10%); border-radius: 6px; appearance: unset; &:disabled { color: inherit; background-color: transparent; } } } .wp-list-table .is-expanded td.column-activate.activate { /* fix for mobile layout */ display: table-cell !important; } .snippets-card-grid { // Three equal-height cards per row; descriptions are clamped so height // stays uniform regardless of text length. The compound selector wins // over the base .code-snippets-cards auto-fill column rule, which is // emitted later in the compiled stylesheet. // minmax(0, 1fr) lets tracks shrink below their content's min-content // width (wide footer button rows), which plain 1fr tracks cannot, // preventing the grid from overflowing the page horizontally. &.code-snippets-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); @media (width <= 1100px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (width <= 782px) { grid-template-columns: minmax(0, 1fr); } } .code-snippets-card { min-inline-size: 0; } // Reveal the bulk-select checkbox on hover or keyboard focus, and keep // every checkbox visible while any card in the grid is selected so an // in-progress selection is never hidden. .snippet-card-select { opacity: 0; transition: opacity 0.15s ease; @media (prefers-reduced-motion: reduce) { transition-duration: 0.01s; } } .snippet-card-select:checked, &.has-selection .snippet-card-select, .code-snippets-card:hover .snippet-card-select, .code-snippets-card:focus-within .snippet-card-select { opacity: 1; } // Card body bands: header row, meta row, then a separated description. .card-inner { display: flex; flex-flow: column; gap: 16px; } .snippet-card-header { display: flex; align-items: center; gap: 10px; // Keep header content clear of the absolutely-positioned selection checkbox. padding-inline-end: 32px; > a { @include badges.badge-link; } h3 { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.5; // Let the heading shrink inside the flex row so long names // truncate instead of pushing the header icons out of the card. min-inline-size: 0; .snippet-name { display: block; color: theme.$accent; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .extra-icons:empty { display: none; } // The accent pill styling lives in common/_switch.scss; keep the // switch from shrinking inside the flex card header. input[type='checkbox'].switch { flex-shrink: 0; } } .snippet-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 14px; line-height: 1.5; .snippet-card-tags-label { color: #646970; } .snippet-card-tags a { color: theme.$accent; text-decoration: none; } .snippet-card-modified { color: var(--cs-color-text-muted); } &.has-tags .snippet-card-modified { margin-inline-start: auto; } } .snippet-description-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 1.5; color: #646970; border-block-start: 1px solid #dcdcde; padding-block-start: 16px; } // Align the selection checkbox with the taller card header row. .snippet-card-corner { inset-block-start: 28px; } .code-snippets-card footer { .button { font-size: 14px; line-height: 2.5714; border-radius: 5px; } .button:not(.button-primary) { background: transparent; } } .kebab-menu-priority { justify-content: space-between; // Balances the shorter input so the row matches the height of the menu // items above and below it. padding-block: 5px; input.snippet-priority { inline-size: 52px; block-size: 30px; // WordPress sizes number inputs with a min-height, which would // otherwise win over the height set here. min-block-size: 0; box-sizing: border-box; margin: 0; padding-block: 0; padding-inline: 4px; border: 1px solid #e2e2e4; border-radius: 4px; text-align: center; color: #2c3337; } } } // Shared table-navigation layout for both snippet views and both toolbars: // bulk actions, select all, tag filter and search on the left, with the item // count, pagination and view toggle pinned to the far end of the row. The // bottom toolbar repeats only the bulk actions and pagination group. .snippets-list-view .tablenav { block-size: auto; margin-block-end: 16px; } .snippets-search-subtitle { margin-block: 0 12px; font-size: 14px; font-style: italic; color: #646970; text-align: center; display: flex; align-items: center; justify-content: center; gap: 1em; } // Keep every table row the same height by clamping the description cell // to two lines, matching the two-line name + row-actions column. .snippets-list-view .wp-list-table td.column-desc .snippet-description-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; } /*! elementor-pro - v3.15.0 - 31-07-2023 */ *[data-editable-elementor-document] { position: relative; } *[data-editable-elementor-document]:before, *[data-editable-elementor-document]:after { content: ""; display: table; } *[data-editable-elementor-document] .elementor-document-handle { position: absolute; z-index: 2147483639; cursor: pointer; inset: 0; display: none; border: 2px solid var(--e-a-color-primary, #F3BAFD); } *[data-editable-elementor-document] .elementor-document-handle:before { content: ""; position: absolute; background: var(--e-a-color-primary, #F3BAFD); opacity: 0.3; inset: 0; } *[data-editable-elementor-document] .elementor-document-handle__inner { display: none; align-items: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: var(--e-a-color-primary, #F3BAFD); padding: 8px 16px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: var(--e-p-border-global-invert, #0C0D0E); gap: 8px; border-radius: 0 0 3px 3px; } *[data-editable-elementor-document] .elementor-document-handle__inner:before, *[data-editable-elementor-document] .elementor-document-handle__inner:after { content: ""; position: absolute; border: solid transparent; } *[data-editable-elementor-document] .elementor-document-handle__inner:before { right: calc(100% - 1px); border-inline-end-color: var(--e-a-color-primary, #F3BAFD); border-width: 0 14px 30px 0; } *[data-editable-elementor-document] .elementor-document-handle__inner:after { left: calc(100% - 1px); border-inline-start-color: var(--e-a-color-primary, #F3BAFD); border-width: 0 0 30px 14px; } *[data-editable-elementor-document].e-embedded-document-active .elementor-document-handle:not(.elementor-document-save-back-handle), *[data-editable-elementor-document].elementor-widget-container .elementor-document-handle:not(.elementor-document-save-back-handle) { bottom: unset; -webkit-border-after: unset; border-block-end: unset; } *[data-editable-elementor-document].e-embedded-document-active .elementor-document-handle:not(.elementor-document-save-back-handle)::before, *[data-editable-elementor-document].elementor-widget-container .elementor-document-handle:not(.elementor-document-save-back-handle)::before { display: none; bottom: unset; } .elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle) { display: block; } .elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle)::before { display: block; } .elementor-editor-active *[data-editable-elementor-document]:not(.elementor-edit-mode):hover .elementor-document-handle:not(.elementor-document-save-back-handle) .elementor-document-handle__inner { display: flex; } .elementor-editor-active *[data-editable-elementor-document].loading { opacity: 0.5; } .elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle { transform: translateX(-50%) translateY(-100%); border-radius: 3px 3px 0 0; } .elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle:before { border-width: 30px 14px 0 0; } .elementor-editor-active *[data-editable-elementor-document][data-elementor-type=single] > .elementor-document-handle:after { border-width: 30px 0 0 14px; } [data-elementor-post-type=elementor_library] > .elementor-document-handle { border: 2px solid var(--e-p-border-global, #5EEAD4); } [data-elementor-post-type=elementor_library] > .elementor-document-handle:before { background-color: var(--e-p-border-global, #5EEAD4); } [data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner { background-color: var(--e-p-border-global, #5EEAD4); } [data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner:before { border-inline-end-color: var(--e-p-border-global, #5EEAD4); } [data-elementor-post-type=elementor_library] > .elementor-document-handle .elementor-document-handle__inner:after { border-inline-start-color: var(--e-p-border-global, #5EEAD4); } .elementor-widget.elementor-sticky--effects .elementor-editor-widget-settings { right: -14px; } .elementor-embedded-editor.elementor-location-header .elementor-section-wrap:not(:empty) + #elementor-add-new-section { display: none; } .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-element-overlay, .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-empty, .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-add-section, .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-add-section-inline, .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-empty-view, .elementor-editor-preview .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-widget-empty { display: initial; } .elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle { display: block; bottom: unset; border: unset; } .elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle:before { display: none; } .elementor.elementor-edit-area-active .elementor-document-handle.elementor-document-save-back-handle > .elementor-document-handle__inner { display: flex; opacity: 1; } .elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner { transform: translateX(-50%) translateY(-100%); border-radius: 3px 3px 0 0; } .elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner:before { border-width: 30px 14px 0 0; } .elementor-document-handle.elementor-document-save-back-handle .elementor-document-handle__inner:after { border-width: 30px 0 0 14px; } .elementor-document-handle.elementor-document-save-back-handle .eicon-arrow-left, .elementor-document-handle.elementor-document-save-back-handle .eicon-arrow-right { -webkit-margin-end: 5px; margin-inline-end: 5px; } .elementor-loop-container > div.elementor-edit-area-active:first-of-type { border: 2px solid #5EEAD4; } div[class*=elementor-widget-loop] .elementor-edit-area-active[data-editable-elementor-document], div[class*=elementor-widget-loop] .elementor-edit-area-active.swiper-slide-active, div[class*=elementor-widget-loop] .elementor-edit-area-active.e-loop-first-edit:first-of-type { border: 2px solid #5EEAD4; } div[class*=elementor-widget-loop] .elementor-edit-area-active .elementor-document-save-back-handle { display: flex; line-height: initial; white-space: nowrap; } div[class*=elementor-widget-loop] #elementor-add-new-section { margin: 30px auto; } div[class*=elementor-widget-loop] .elementor-add-section-inner { padding: 15px 0; } .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap { /* Overwrite the 25px min-height from the default .elementor-section-wrap:empty, as this causes unnecessary white space between the "Drag widget here" box and the document handles for in-place editing, making it look like this area is not vertically aligned on a new empty state. */ } .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap:not(:empty) + #elementor-add-new-section { display: none; } .elementor-edit-area-active[data-elementor-type=loop-item] .elementor-section-wrap:empty { min-height: 0; } .elementor-editor-active [class*=elementor-widget-loop] .elementor:not([data-editable-elementor-document]):not(.e-loop-alternate-template):hover { box-shadow: initial; } .elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle) { display: flex; line-height: initial; white-space: nowrap; } .elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle)::before { display: block; } .elementor-editor-active [class*=elementor-widget-loop]:hover .elementor-document-handle:not(.elementor-document-save-back-handle) .elementor-document-handle__inner { display: flex; } .elementor-editor-active [class*=elementor-widget-loop]:hover .e-loop-alternate-template { box-shadow: 0 0 0 1px #9DA5AE; } .e-loop-template-canvas { display: flex; align-items: center; justify-content: center; min-height: 100vh; } .e-loop-template-canvas [data-elementor-type=loop-item].e-loop-item { max-width: var(--preview-width, 410px); width: var(--preview-width, 410px); } .e-loop-template-canvas [data-elementor-type=loop-item].e-loop-item #elementor-add-new-section { width: var(--preview-width, 410px); } /*# sourceMappingURL=preview-rtl.css.map */ Čistenie a údržba - coffeefriends.sk

ČISTENIE

Či už ste profesionálny barista alebo si kávu pripravujete doma, starostlivosť o vaše zariadenia je rozhodujúce pre výkon a jeho životnosť. Doprajte im preto profesionálnu čistiacu chémiu.

ODVÁPŇOVACIE TABLETY

Určené pre všetky kávovary, odstraňujú vodný kameň.

ČISTIACE TABLETY

Odstraňujú kávový olej a nečistoty z vnútornej časti varnej jednotky espresovačov.

PRÁŠKOVÝ ODVÁPŇOVAČ

Prípravok pre všetky kávovary, odstraňuje vodný kameň, obmedzuje usadzovanie vodného kameňa.

ČISTIACI PRÁŠOK

Čistiaci práškový prostriedok na kávové usadeniny.

ČISTIČ KAPUČINÁTORA

Špeciálny čistiaci prostriedok pre odstránenie nečistôt a mastnoty z trysiek kapučinátora.

TEKUTÝ ODVÁPŇOVAČ 

Prípravok pre všetky kávovary, odstraňuje vodný kameň, obmedzuje usadzovanie vodného kameňa.

Sme členom

Ako na to

Skladovanie kávy
Výber správnej kávy
Alternatívna príprava kávy

O káve

Kávový slovník
Arabika vs Robusta
Druhy praženia kávy

Kontakty

Telefón: +421904548545
E-mail: info@coffeefriends.sk
Adresa: Bojnická cesta 594, 97217 Kanianka