/*! Theme Name: _s Theme URI: https://underscores.me/ Author: Automattic Author URI: https://automattic.com/ Description: Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: _s Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. _s is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- # Konvence pro psaní CSS v tomto tématu Zdroj vzhledu jsou soubory v css/. style.css je JEN výsledek sestavení - needitovat ho, přepíše se. Sestavení: php build-css.php Pravidla: 1. Každý blok začíná komentářem: PROČ existuje a JAKÝ markup cílí. 2. !important jen s napsaným důvodem na témže místě. Bez důvodu se maže. 3. Pravidlo pro markup, který v _s neexistuje, se nepíše. Když třídu vkládá až JavaScript, uvede se to v komentáři - jinak to vypadá mrtvě. 4. Soubory se spojují podle názvu, takže na pořadí v kaskádě záleží: 00 konvence a proměnné -> 10 generic -> 20 základ -> 30 layout -> 40 navigace -> 50 obsah -> 60 komponenty -> 70 šablony -> 80 pluginy -> 90 přístupnost. --------------------------------------------------------------*/ /* * Návrhové tokeny. * * Hodnoty jsou odečtené z živé Astry přes getComputedStyle (ne odhadnuté), * aby _s vypadalo stejně. Kdo je změní, změní vzhled celého webu. */ :root { /* Barvy */ --barva-pozadi: #000000; /* Astra: rgb(0,0,0) na body */ --barva-textu: #f5f1e6; /* Astra: rgb(245,241,230) */ --barva-akcent: #da7c0c; /* Astra: pozadí tlačítek rgb(218,124,12) */ --barva-na-akcentu: #000000; /* text na oranžovém tlačítku */ /* Typografie - stejný stack jako Astra */ --pismo: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --text-zaklad: 16px; --radek-zaklad: 1.65; /* Astra: 26.4px při 16px */ /* Nadpisy - Astra je má 600, ne 700 jako výchozí _s */ --nadpis-vaha: 600; --h1: 36px; --h1-radek: 1.4; /* hero má 70px inline z editoru */ --h2: 30px; --h2-radek: 1.3; --h3: 24px; --h3-radek: 1.3; /* Šířky - Astra: --wp--style--global--content-size */ --sirka-obsahu: 1200px; --sirka-siroka: calc(1200px + 3em + 3em); } /*-------------------------------------------------------------- # Zděděné proměnné Portovaná pravidla v 15-prevzato-z-astry.css se odkazují na proměnné, které v Astře definovala theme.json a global-styles - a to _s nenačítá. Bez nich se pravidla tiše rozpadnou: nadpis s třídou has-medium-font-size spadl na zděděných 16 px místo 20 px, protože proměnná neexistovala. Hodnoty jsou vytažené z živého CSS Astry. Needitovat naslepo - mění to vzhled všude, kde editor přiřadil velikost nebo barvu z palety. --------------------------------------------------------------*/ :root { /* Velikosti písma z palety editoru */ --wp--preset--font-size--small: 13px; --wp--preset--font-size--normal: 16px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--font-size--huge: 42px; /* Barevná paleta webu (Astra: --ast-global-color-*) */ --ast-global-color-0: #f5f1e6; --ast-global-color-1: #f5f1e6; --ast-global-color-2: #f5f1e6; --ast-global-color-3: #f5f1e6; --ast-global-color-4: #f5f1e6; --ast-global-color-5: #000000; --ast-global-color-6: #d1dae5; --ast-global-color-7: #070614; --ast-global-color-8: #000000; --wp--preset--color--ast-global-color-0: var(--ast-global-color-0); --wp--preset--color--ast-global-color-1: var(--ast-global-color-1); --wp--preset--color--ast-global-color-2: var(--ast-global-color-2); --wp--preset--color--ast-global-color-3: var(--ast-global-color-3); --wp--preset--color--ast-global-color-4: var(--ast-global-color-4); --wp--preset--color--ast-global-color-5: var(--ast-global-color-5); --wp--preset--color--ast-global-color-6: var(--ast-global-color-6); --wp--preset--color--ast-global-color-7: var(--ast-global-color-7); --wp--preset--color--ast-global-color-8: var(--ast-global-color-8); --wp--preset--color--white: #ffffff; --wp--preset--color--black: #000000; /* Rozvržení bloků */ --wp--style--block-gap: 24px; --wp--custom--ast-content-width-size: 1200px; --wp--style--global--content-size: var(--wp--custom--ast-content-width-size); --wp--custom--ast-default-block-top-padding: 3em; --wp--custom--ast-default-block-right-padding: 3em; --wp--custom--ast-default-block-bottom-padding: 3em; --wp--custom--ast-default-block-left-padding: 3em; /* Vlastní proměnné webu z astra-child */ --lt-max-width: 1200px; --lt-radius: 8px; --lt-color-accent: #b08d57; --rez-accent: #f2a03d; --rez-accent-border: rgba(242, 160, 61, 0.55); --rez-accent-soft: rgba(242, 160, 61, 0.14); --ast-blog-title-font-weight: 600; }