@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 */ Ako vybrať správnu kávu? - coffeefriends.sk

Ako si vybrať správnu kávu ?

Rozhodovanie o tom, ktorú kávu si kúpiť, môže byť pre mnohých ľudí skutočne náročné. V súčasnosti existuje na trhu nespočetné množstvo značiek a druhov káv ako aj rovnako veľa ďalších premenných, ktoré môžu mať pre vás pri výbere zmysel.

Preto je užitočné vedieť kde a ako si vybrať tie najlepšie kávové zrná. Tu je niekoľko tipov:

Poznať svoje preferencie

Na trhu dnes existujú dve široké kategórie komerčných kávových zŕn, Arabika a Robusta. Vedieť čo máte radi a čo sa vám páči, vám pomôže pri výbere toho čo chcete.

Káva typu Arabika rastie vo vysokohorských oblastiach. Je všeobecne známa pre svoju mierne kyslú až kyslú, častokrát ovocnú, orieškovú alebo čokoládovú, ale za to jemnú chuť. Na druhej strane, Robusta rastie v nižších nadmorských výškach a má silnú horkú a zemitú chuť. Aj keď je Arabika považovaná za vyššiu triedu, do značnej miery to záleží na jej rastovom procese a ošetrení, ktoré dostáva pri svojej ceste do pražiarne kávy. To všetko nezaručuje, že konečný produkt je najvyššej kvality. Takže, ak sa nechcete stať odborníkom, prestaňte si robiť starosti s typom a druhom zŕn a zamerajte sa na nájdenie pražiarne alebo značky, ktorá produkuje kávu aká vyhovuje vašim potrebám.

Vyberajte kávové zrná podľa preferovanej chuti

Niektorí milovníci kávy chcú, aby ich prvý pohár mal lahodnú a jemnú chuť avšak toto si vyžaduje trochu viac pokusov a omylov pri výbere. Ak dávate prednosť káve, ktorá má jemnú chuť s rôznou úrovňou kyslosti, potom by ste mali hľadať suché, svetlo zafarbené kávové zrná. Tieto zrná sa pražia na kratšiu dobu a výsledná káva nemá tendenciu trpkej chuti. Ak dávate prednosť konzumácii kávy, ktorá má silnú chuť, potom si chcete kúpiť kávové zrná, ktoré boli pražené dlhšiu dobu. Tieto zrná majú tendenciu byť lesklé, s tmavým vzhľadom. Takto upražené kávové zrná produkujú výraznú a horkú chuť, dodávajúc na povrch kávy viac kávového oleja. A na koniec zemitá a horká chuť Robusty pridávaná do zmesí pre jej kofeín a bohatšiu penu.

Určite si koľko kofeínu vo svojej káve chcete

Na rozdiel od toho, čo si väčšina ľudí myslí, tmavé pražené kávové zrná obsahujú nižšie hladiny kofeínu ako tie, ktorých praženie je svetlé alebo stredné. Svetlo pražené kávové zrná majú najvyššiu hladinu kofeínu zo všetkých troch. Kávové zrná, ktoré sa používajú na výrobu espressa, sú v škále stredne až tmavo upražených. Ak chcete vyťažiť zo svojej kávy čo najviac kofeínu, radšej si vyberte svetlé alebo stredne svetlé pražené kávové zrná.