**Kirby: the CMS that adapts to any project, loved by developers and editors alike.**
-The Plainkit is a minimal Kirby setup with the basics you need to start a project from scratch. It is the ideal choice if you are already familiar with Kirby and want to start step-by-step.
+The Plainkit is a minimal Kirby setup with the basics you need to start a project from scratch. It is the ideal choice
+if you are already familiar with Kirby and want to start step-by-step.
You can learn more about Kirby at [getkirby.com](https://getkirby.com).
### Try Kirby for free
-You can try Kirby and the Plainkit on your local machine or on a test server as long as you need to make sure it is the right tool for your next project. … and when you’re convinced, [buy your license](https://getkirby.com/buy).
+You can try Kirby and the Plainkit on your local machine or on a test server as long as you need to make sure it is the
+right tool for your next project. … and when you’re convinced, [buy your license](https://getkirby.com/buy).
### Get going
@@ -20,15 +22,17 @@ If you are familiar with Git, you can clone Kirby's Plainkit repository from Git
## What's Kirby?
-- **[getkirby.com](https://getkirby.com)** – Get to know the CMS.
-- **[Try it](https://getkirby.com/try)** – Take a test ride with our online demo. Or download one of our kits to get started.
-- **[Documentation](https://getkirby.com/docs/guide)** – Read the official guide, reference and cookbook recipes.
-- **[Issues](https://github.com/getkirby/kirby/issues)** – Report bugs and other problems.
-- **[Feedback](https://feedback.getkirby.com)** – You have an idea for Kirby? Share it.
-- **[Forum](https://forum.getkirby.com)** – Whenever you get stuck, don't hesitate to reach out for questions and support.
-- **[Discord](https://chat.getkirby.com)** – Hang out and meet the community.
-- **[Mastodon](https://mastodon.social/@getkirby)** – Spread the word.
-- **[Bluesky](https://bsky.app/profile/getkirby.com)** – Spread the word.
+- **[getkirby.com](https://getkirby.com)** – Get to know the CMS.
+- **[Try it](https://getkirby.com/try)** – Take a test ride with our online demo. Or download one of our kits to get
+ started.
+- **[Documentation](https://getkirby.com/docs/guide)** – Read the official guide, reference and cookbook recipes.
+- **[Issues](https://github.com/getkirby/kirby/issues)** – Report bugs and other problems.
+- **[Feedback](https://feedback.getkirby.com)** – You have an idea for Kirby? Share it.
+- **[Forum](https://forum.getkirby.com)** – Whenever you get stuck, don't hesitate to reach out for questions and
+ support.
+- **[Discord](https://chat.getkirby.com)** – Hang out and meet the community.
+- **[Mastodon](https://mastodon.social/@getkirby)** – Spread the word.
+- **[Bluesky](https://bsky.app/profile/getkirby.com)** – Spread the word.
---
diff --git a/assets/css/png4web.css b/assets/css/png4web.css
index 282214d..f795304 100644
--- a/assets/css/png4web.css
+++ b/assets/css/png4web.css
@@ -2,133 +2,133 @@
* copyright (C) 2009-2013 Paolo Casaschi
* see README file and http://pgn4web.casaschi.net
* for credits, license and more details */
- @import url("../fonts/pgn4web-font-LiberationSans.css");
- @import url("../fonts/pgn4web-font-ChessSansUsual.css");
-
- div,
- span,
- table,
- tr,
- td {
- font-family: 'pgn4web Liberation Sans', sans-serif;
-
- /* fixes IE9 body css issue */
- }
-
- .boardTable {
- border-style: double;
- border-color: black;
- border-width: 3px;
- width: 600px;
- height: 600px;
- }
-
- .pieceImage {
- width: 60px;
- height: 60px;
- }
-
- .whiteSquare,
- .blackSquare,
- .highlightWhiteSquare,
- .highlightBlackSquare {
- width: 55px;
- height: 55px;
- border-style: solid;
- border-width: 1px;
- }
-
- .whiteSquare,
- .highlightWhiteSquare {
- border-color: #EFF4EC;
- background: #EFF4EC;
- }
-
- .blackSquare,
- .highlightBlackSquare {
- border-color: #C6CEC3;
- background: #C6CEC3;
- }
-
- .highlightWhiteSquare,
- .highlightBlackSquare {
- border-style: inset;
- border-color: gray;
- }
-
- .selectControl {
- /* a "width" attribute here must use the !important flag to override default settings */
- }
-
- .optionSelectControl {
- }
-
- .buttonControlPlay,
- .buttonControlStop,
- .buttonControl {
- /* a "width" attribute here must use the !important flag to override default settings */
- }
-
- .buttonControlSpace {
- /* a "width" attribute here must use the !important flag to override default settings */
- }
-
- .searchPgnButton {
- /* a "width" attribute here must use the !important flag to override default settings */
- }
-
- .searchPgnExpression {
- /* a "width" attribute here must use the !important flag to override default settings */
- }
-
- .move,
- .variation,
- .comment {
- line-height: 1.4em;
- font-weight: normal;
- font-size: 1.5rem;
- font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
- }
-
- .move,
- .variation,
- .commentMove {
- font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
- }
-
- a.move,
- a.variation,
- .commentMove {
- white-space: nowrap;
- }
-
- .move,
- .variation {
- text-decoration: none;
- }
-
- a.move:hover,
- a.variation:hover {
- text-decoration: underline;
- }
-
- .move {
- color: #c6c6c6;
- }
-
- .comment,
- .variation,
- .label {
- color: gray;
- }
-
- a.variation {
- color: gray;
- }
-
- .moveOn,
- .variationOn {
- background: #DAF4D7;
- }
+@import url("../fonts/pgn4web-font-LiberationSans.css");
+@import url("../fonts/pgn4web-font-ChessSansUsual.css");
+
+div,
+span,
+table,
+tr,
+td {
+ font-family: 'pgn4web Liberation Sans', sans-serif;
+
+ /* fixes IE9 body css issue */
+}
+
+.boardTable {
+ border-style: double;
+ border-color: black;
+ border-width: 3px;
+ width: 600px;
+ height: 600px;
+}
+
+.pieceImage {
+ width: 60px;
+ height: 60px;
+}
+
+.whiteSquare,
+.blackSquare,
+.highlightWhiteSquare,
+.highlightBlackSquare {
+ width: 55px;
+ height: 55px;
+ border-style: solid;
+ border-width: 1px;
+}
+
+.whiteSquare,
+.highlightWhiteSquare {
+ border-color: #EFF4EC;
+ background: #EFF4EC;
+}
+
+.blackSquare,
+.highlightBlackSquare {
+ border-color: #C6CEC3;
+ background: #C6CEC3;
+}
+
+.highlightWhiteSquare,
+.highlightBlackSquare {
+ border-style: inset;
+ border-color: gray;
+}
+
+.selectControl {
+ /* a "width" attribute here must use the !important flag to override default settings */
+}
+
+.optionSelectControl {
+}
+
+.buttonControlPlay,
+.buttonControlStop,
+.buttonControl {
+ /* a "width" attribute here must use the !important flag to override default settings */
+}
+
+.buttonControlSpace {
+ /* a "width" attribute here must use the !important flag to override default settings */
+}
+
+.searchPgnButton {
+ /* a "width" attribute here must use the !important flag to override default settings */
+}
+
+.searchPgnExpression {
+ /* a "width" attribute here must use the !important flag to override default settings */
+}
+
+.move,
+.variation,
+.comment {
+ line-height: 1.4em;
+ font-weight: normal;
+ font-size: 1.5rem;
+ font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
+}
+
+.move,
+.variation,
+.commentMove {
+ font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif;
+}
+
+a.move,
+a.variation,
+.commentMove {
+ white-space: nowrap;
+}
+
+.move,
+.variation {
+ text-decoration: none;
+}
+
+a.move:hover,
+a.variation:hover {
+ text-decoration: underline;
+}
+
+.move {
+ color: #c6c6c6;
+}
+
+.comment,
+.variation,
+.label {
+ color: gray;
+}
+
+a.variation {
+ color: gray;
+}
+
+.moveOn,
+.variationOn {
+ background: #DAF4D7;
+}
\ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
index dd40b42..e8960e8 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -2,840 +2,1026 @@
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
- :root, :host {
- --font-sans: 'Ubuntu', sans-serif;
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+ :root, :host {
+ --font-sans: 'Ubuntu', sans-serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;
- --color-blue-500: oklch(62.3% 0.214 259.815);
- --color-blue-600: oklch(54.6% 0.245 262.881);
- --color-pink-500: oklch(65.6% 0.241 354.308);
- --color-gray-100: oklch(96.7% 0.003 264.542);
- --color-gray-500: oklch(55.1% 0.027 264.364);
- --color-gray-600: oklch(44.6% 0.03 256.802);
- --color-gray-700: oklch(37.3% 0.034 259.733);
- --color-gray-900: oklch(21% 0.034 264.665);
- --color-white: #fff;
- --spacing: 0.25rem;
- --container-7xl: 80rem;
- --text-sm: 0.875rem;
- --text-sm--line-height: calc(1.25 / 0.875);
- --text-base: 1rem;
- --text-base--line-height: calc(1.5 / 1);
- --text-lg: 1.125rem;
- --text-lg--line-height: calc(1.75 / 1.125);
- --text-4xl: 2.25rem;
- --text-4xl--line-height: calc(2.5 / 2.25);
- --font-weight-medium: 500;
- --font-weight-bold: 700;
- --radius-md: 0.375rem;
- --radius-lg: 0.5rem;
- --default-transition-duration: 150ms;
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- --default-font-family: var(--font-sans);
- --default-mono-font-family: var(--font-mono);
- --color-sf_blau-500: #1d59a5;
- --color-sf_blau-700: #184a89;
- --color-sf_gelb-400: #f6b95f;
- --color-sf_gelb-500: #f0ab38;
- --color-sf_grau-50: #ededed;
- --color-sf_grau-400: #717171;
- --color-sf_grau-600: #4e4e4e;
- --color-sf_grau-800: #404040;
- }
+ --color-blue-500: oklch(62.3% 0.214 259.815);
+ --color-blue-600: oklch(54.6% 0.245 262.881);
+ --color-pink-500: oklch(65.6% 0.241 354.308);
+ --color-gray-100: oklch(96.7% 0.003 264.542);
+ --color-gray-500: oklch(55.1% 0.027 264.364);
+ --color-gray-600: oklch(44.6% 0.03 256.802);
+ --color-gray-700: oklch(37.3% 0.034 259.733);
+ --color-gray-900: oklch(21% 0.034 264.665);
+ --color-white: #fff;
+ --spacing: 0.25rem;
+ --container-7xl: 80rem;
+ --text-sm: 0.875rem;
+ --text-sm--line-height: calc(1.25 / 0.875);
+ --text-base: 1rem;
+ --text-base--line-height: calc(1.5 / 1);
+ --text-lg: 1.125rem;
+ --text-lg--line-height: calc(1.75 / 1.125);
+ --text-4xl: 2.25rem;
+ --text-4xl--line-height: calc(2.5 / 2.25);
+ --font-weight-medium: 500;
+ --font-weight-bold: 700;
+ --radius-md: 0.375rem;
+ --radius-lg: 0.5rem;
+ --default-transition-duration: 150ms;
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ --default-font-family: var(--font-sans);
+ --default-mono-font-family: var(--font-mono);
+ --color-sf_blau-500: #1d59a5;
+ --color-sf_blau-700: #184a89;
+ --color-sf_gelb-400: #f6b95f;
+ --color-sf_gelb-500: #f0ab38;
+ --color-sf_grau-50: #ededed;
+ --color-sf_grau-400: #717171;
+ --color-sf_grau-600: #4e4e4e;
+ --color-sf_grau-800: #404040;
+ }
}
@layer base {
- *, ::after, ::before, ::backdrop, ::file-selector-button {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- border: 0 solid;
- }
- html, :host {
- line-height: 1.5;
- -webkit-text-size-adjust: 100%;
- tab-size: 4;
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
- font-feature-settings: var(--default-font-feature-settings, normal);
- font-variation-settings: var(--default-font-variation-settings, normal);
- -webkit-tap-highlight-color: transparent;
- }
- hr {
- height: 0;
- color: inherit;
- border-top-width: 1px;
- }
- abbr:where([title]) {
- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
- }
- h1, h2, h3, h4, h5, h6 {
- font-size: inherit;
- font-weight: inherit;
- }
- a {
- color: inherit;
- -webkit-text-decoration: inherit;
- text-decoration: inherit;
- }
- b, strong {
- font-weight: bolder;
- }
- code, kbd, samp, pre {
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
- font-size: 1em;
- }
- small {
- font-size: 80%;
- }
- sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
- }
- sub {
- bottom: -0.25em;
- }
- sup {
- top: -0.5em;
- }
- table {
- text-indent: 0;
- border-color: inherit;
- border-collapse: collapse;
- }
- :-moz-focusring {
- outline: auto;
- }
- progress {
- vertical-align: baseline;
- }
- summary {
- display: list-item;
- }
- ol, ul, menu {
- list-style: none;
- }
- img, svg, video, canvas, audio, iframe, embed, object {
- display: block;
- vertical-align: middle;
- }
- img, video {
- max-width: 100%;
- height: auto;
- }
- button, input, select, optgroup, textarea, ::file-selector-button {
- font: inherit;
- font-feature-settings: inherit;
- font-variation-settings: inherit;
- letter-spacing: inherit;
- color: inherit;
- border-radius: 0;
- background-color: transparent;
- opacity: 1;
- }
- :where(select:is([multiple], [size])) optgroup {
- font-weight: bolder;
- }
- :where(select:is([multiple], [size])) optgroup option {
- padding-inline-start: 20px;
- }
- ::file-selector-button {
- margin-inline-end: 4px;
- }
- ::placeholder {
- opacity: 1;
- }
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
- ::placeholder {
- color: currentcolor;
- @supports (color: color-mix(in lab, red, red)) {
- color: color-mix(in oklab, currentcolor 50%, transparent);
- }
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ border: 0 solid;
+ }
+
+ html, :host {
+ line-height: 1.5;
+ -webkit-text-size-adjust: 100%;
+ tab-size: 4;
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-feature-settings: var(--default-font-feature-settings, normal);
+ font-variation-settings: var(--default-font-variation-settings, normal);
+ -webkit-tap-highlight-color: transparent;
+ }
+
+ hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
+ }
+
+ abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-size: inherit;
+ font-weight: inherit;
+ }
+
+ a {
+ color: inherit;
+ -webkit-text-decoration: inherit;
+ text-decoration: inherit;
+ }
+
+ b, strong {
+ font-weight: bolder;
+ }
+
+ code, kbd, samp, pre {
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
+ font-size: 1em;
+ }
+
+ small {
+ font-size: 80%;
+ }
+
+ sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ }
+
+ sub {
+ bottom: -0.25em;
+ }
+
+ sup {
+ top: -0.5em;
+ }
+
+ table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+ }
+
+ :-moz-focusring {
+ outline: auto;
+ }
+
+ progress {
+ vertical-align: baseline;
+ }
+
+ summary {
+ display: list-item;
+ }
+
+ ol, ul, menu {
+ list-style: none;
+ }
+
+ img, svg, video, canvas, audio, iframe, embed, object {
+ display: block;
+ vertical-align: middle;
+ }
+
+ img, video {
+ max-width: 100%;
+ height: auto;
+ }
+
+ button, input, select, optgroup, textarea, ::file-selector-button {
+ font: inherit;
+ font-feature-settings: inherit;
+ font-variation-settings: inherit;
+ letter-spacing: inherit;
+ color: inherit;
+ border-radius: 0;
+ background-color: transparent;
+ opacity: 1;
+ }
+
+ :where(select:is([multiple], [size])) optgroup {
+ font-weight: bolder;
+ }
+
+ :where(select:is([multiple], [size])) optgroup option {
+ padding-inline-start: 20px;
+ }
+
+ ::file-selector-button {
+ margin-inline-end: 4px;
+ }
+
+ ::placeholder {
+ opacity: 1;
+ }
+
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
+ ::placeholder {
+ color: currentcolor;
+ @supports (color: color-mix(in lab, red, red)) {
+ color: color-mix(in oklab, currentcolor 50%, transparent);
+ }
+ }
+ }
+ textarea {
+ resize: vertical;
+ }
+
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+
+ ::-webkit-date-and-time-value {
+ min-height: 1lh;
+ text-align: inherit;
+ }
+
+ ::-webkit-datetime-edit {
+ display: inline-flex;
+ }
+
+ ::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+ }
+
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+ padding-block: 0;
+ }
+
+ :-moz-ui-invalid {
+ box-shadow: none;
+ }
+
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+ appearance: button;
+ }
+
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ [hidden]:where(:not([hidden="until-found"])) {
+ display: none !important;
}
- }
- textarea {
- resize: vertical;
- }
- ::-webkit-search-decoration {
- -webkit-appearance: none;
- }
- ::-webkit-date-and-time-value {
- min-height: 1lh;
- text-align: inherit;
- }
- ::-webkit-datetime-edit {
- display: inline-flex;
- }
- ::-webkit-datetime-edit-fields-wrapper {
- padding: 0;
- }
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
- padding-block: 0;
- }
- :-moz-ui-invalid {
- box-shadow: none;
- }
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
- appearance: button;
- }
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
- height: auto;
- }
- [hidden]:where(:not([hidden="until-found"])) {
- display: none !important;
- }
}
@layer utilities {
- .invisible {
- visibility: hidden;
- }
- .absolute {
- position: absolute;
- }
- .relative {
- position: relative;
- }
- .sticky {
- position: sticky;
- }
- .inset-0 {
- inset: calc(var(--spacing) * 0);
- }
- .top-0 {
- top: calc(var(--spacing) * 0);
- }
- .top-2 {
- top: calc(var(--spacing) * 2);
- }
- .left-0 {
- left: calc(var(--spacing) * 0);
- }
- .z-0 {
- z-index: 0;
- }
- .z-10 {
- z-index: 10;
- }
- .z-50 {
- z-index: 50;
- }
- .container {
- width: 100%;
- @media (width >= 40rem) {
- max-width: 40rem;
+ .invisible {
+ visibility: hidden;
}
- @media (width >= 48rem) {
- max-width: 48rem;
+
+ .absolute {
+ position: absolute;
}
- @media (width >= 64rem) {
- max-width: 64rem;
+
+ .relative {
+ position: relative;
}
- @media (width >= 80rem) {
- max-width: 80rem;
+
+ .sticky {
+ position: sticky;
}
- @media (width >= 96rem) {
- max-width: 96rem;
+
+ .inset-0 {
+ inset: calc(var(--spacing) * 0);
}
- }
- .mx-auto {
- margin-inline: auto;
- }
- .mt-2 {
- margin-top: calc(var(--spacing) * 2);
- }
- .mt-4 {
- margin-top: calc(var(--spacing) * 4);
- }
- .mb-3 {
- margin-bottom: calc(var(--spacing) * 3);
- }
- .mb-6 {
- margin-bottom: calc(var(--spacing) * 6);
- }
- .ml-1 {
- margin-left: calc(var(--spacing) * 1);
- }
- .block {
- display: block;
- }
- .flex {
- display: flex;
- }
- .hidden {
- display: none;
- }
- .inline {
- display: inline;
- }
- .h-4 {
- height: calc(var(--spacing) * 4);
- }
- .h-6 {
- height: calc(var(--spacing) * 6);
- }
- .h-10 {
- height: calc(var(--spacing) * 10);
- }
- .h-18 {
- height: calc(var(--spacing) * 18);
- }
- .h-24 {
- height: calc(var(--spacing) * 24);
- }
- .h-auto {
- height: auto;
- }
- .h-full {
- height: 100%;
- }
- .w-3\/4 {
- width: calc(3/4 * 100%);
- }
- .w-4 {
- width: calc(var(--spacing) * 4);
- }
- .w-6 {
- width: calc(var(--spacing) * 6);
- }
- .w-10 {
- width: calc(var(--spacing) * 10);
- }
- .w-18 {
- width: calc(var(--spacing) * 18);
- }
- .w-24 {
- width: calc(var(--spacing) * 24);
- }
- .w-48 {
- width: calc(var(--spacing) * 48);
- }
- .w-full {
- width: 100%;
- }
- .max-w-7xl {
- max-width: var(--container-7xl);
- }
- .rotate-180 {
- rotate: 180deg;
- }
- .transform {
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
- }
- .resize {
- resize: both;
- }
- .flex-col {
- flex-direction: column;
- }
- .items-baseline {
- align-items: baseline;
- }
- .items-center {
- align-items: center;
- }
- .justify-between {
- justify-content: space-between;
- }
- .justify-center {
- justify-content: center;
- }
- .gap-6 {
- gap: calc(var(--spacing) * 6);
- }
- .gap-8 {
- gap: calc(var(--spacing) * 8);
- }
- .space-y-1 {
- :where(& > :not(:last-child)) {
- --tw-space-y-reverse: 0;
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+
+ .top-0 {
+ top: calc(var(--spacing) * 0);
}
- }
- .space-x-3 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
+
+ .top-2 {
+ top: calc(var(--spacing) * 2);
}
- }
- .space-x-4 {
- :where(& > :not(:last-child)) {
- --tw-space-x-reverse: 0;
- margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
- margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+
+ .left-0 {
+ left: calc(var(--spacing) * 0);
}
- }
- .overflow-hidden {
- overflow: hidden;
- }
- .rounded-lg {
- border-radius: var(--radius-lg);
- }
- .rounded-md {
- border-radius: var(--radius-md);
- }
- .border {
- border-style: var(--tw-border-style);
- border-width: 1px;
- }
- .border-t {
- border-top-style: var(--tw-border-style);
- border-top-width: 1px;
- }
- .border-gray-700 {
- border-color: var(--color-gray-700);
- }
- .bg-blue-500\/40 {
- background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
- @supports (color: color-mix(in lab, red, red)) {
- background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
+
+ .z-0 {
+ z-index: 0;
}
- }
- .bg-sf_grau-50 {
- background-color: var(--color-sf_grau-50);
- }
- .bg-sf_grau-400 {
- background-color: var(--color-sf_grau-400);
- }
- .bg-white {
- background-color: var(--color-white);
- }
- .object-cover {
- object-fit: cover;
- }
- .px-2 {
- padding-inline: calc(var(--spacing) * 2);
- }
- .px-3 {
- padding-inline: calc(var(--spacing) * 3);
- }
- .px-4 {
- padding-inline: calc(var(--spacing) * 4);
- }
- .py-1 {
- padding-block: calc(var(--spacing) * 1);
- }
- .py-2 {
- padding-block: calc(var(--spacing) * 2);
- }
- .py-7 {
- padding-block: calc(var(--spacing) * 7);
- }
- .py-16 {
- padding-block: calc(var(--spacing) * 16);
- }
- .py-24 {
- padding-block: calc(var(--spacing) * 24);
- }
- .pt-2 {
- padding-top: calc(var(--spacing) * 2);
- }
- .pt-4 {
- padding-top: calc(var(--spacing) * 4);
- }
- .pb-3 {
- padding-bottom: calc(var(--spacing) * 3);
- }
- .pl-6 {
- padding-left: calc(var(--spacing) * 6);
- }
- .text-center {
- text-align: center;
- }
- .text-left {
- text-align: left;
- }
- .font-sans {
- font-family: var(--font-sans);
- }
- .text-4xl {
- font-size: var(--text-4xl);
- line-height: var(--tw-leading, var(--text-4xl--line-height));
- }
- .text-base {
- font-size: var(--text-base);
- line-height: var(--tw-leading, var(--text-base--line-height));
- }
- .text-lg {
- font-size: var(--text-lg);
- line-height: var(--tw-leading, var(--text-lg--line-height));
- }
- .text-sm {
- font-size: var(--text-sm);
- line-height: var(--tw-leading, var(--text-sm--line-height));
- }
- .font-bold {
- --tw-font-weight: var(--font-weight-bold);
- font-weight: var(--font-weight-bold);
- }
- .font-medium {
- --tw-font-weight: var(--font-weight-medium);
- font-weight: var(--font-weight-medium);
- }
- .text-gray-500 {
- color: var(--color-gray-500);
- }
- .text-gray-600 {
- color: var(--color-gray-600);
- }
- .text-gray-700 {
- color: var(--color-gray-700);
- }
- .text-gray-900 {
- color: var(--color-gray-900);
- }
- .text-sf_blau-500 {
- color: var(--color-sf_blau-500);
- }
- .text-sf_grau-600 {
- color: var(--color-sf_grau-600);
- }
- .text-sf_grau-800 {
- color: var(--color-sf_grau-800);
- }
- .text-white {
- color: var(--color-white);
- }
- .antialiased {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .opacity-0 {
- opacity: 0%;
- }
- .opacity-50 {
- opacity: 50%;
- }
- .shadow-lg {
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .shadow-xl {
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
- }
- .transition-all {
- transition-property: all;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-colors {
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .transition-transform {
- transition-property: transform, translate, scale, rotate;
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
- transition-duration: var(--tw-duration, var(--default-transition-duration));
- }
- .duration-200 {
- --tw-duration: 200ms;
- transition-duration: 200ms;
- }
- .duration-500 {
- --tw-duration: 500ms;
- transition-duration: 500ms;
- }
- .group-hover\:visible {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- visibility: visible;
- }
+
+ .z-10 {
+ z-index: 10;
}
- }
- .group-hover\:rotate-180 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
+
+ .z-50 {
+ z-index: 50;
+ }
+
+ .container {
+ width: 100%;
+ @media (width >= 40rem) {
+ max-width: 40rem;
+ }
+ @media (width >= 48rem) {
+ max-width: 48rem;
+ }
+ @media (width >= 64rem) {
+ max-width: 64rem;
+ }
+ @media (width >= 80rem) {
+ max-width: 80rem;
+ }
+ @media (width >= 96rem) {
+ max-width: 96rem;
+ }
+ }
+
+ .mx-auto {
+ margin-inline: auto;
+ }
+
+ .mt-2 {
+ margin-top: calc(var(--spacing) * 2);
+ }
+
+ .mt-4 {
+ margin-top: calc(var(--spacing) * 4);
+ }
+
+ .mb-3 {
+ margin-bottom: calc(var(--spacing) * 3);
+ }
+
+ .mb-6 {
+ margin-bottom: calc(var(--spacing) * 6);
+ }
+
+ .ml-1 {
+ margin-left: calc(var(--spacing) * 1);
+ }
+
+ .block {
+ display: block;
+ }
+
+ .flex {
+ display: flex;
+ }
+
+ .hidden {
+ display: none;
+ }
+
+ .inline {
+ display: inline;
+ }
+
+ .h-4 {
+ height: calc(var(--spacing) * 4);
+ }
+
+ .h-6 {
+ height: calc(var(--spacing) * 6);
+ }
+
+ .h-10 {
+ height: calc(var(--spacing) * 10);
+ }
+
+ .h-18 {
+ height: calc(var(--spacing) * 18);
+ }
+
+ .h-24 {
+ height: calc(var(--spacing) * 24);
+ }
+
+ .h-auto {
+ height: auto;
+ }
+
+ .h-full {
+ height: 100%;
+ }
+
+ .w-3\/4 {
+ width: calc(3 / 4 * 100%);
+ }
+
+ .w-4 {
+ width: calc(var(--spacing) * 4);
+ }
+
+ .w-6 {
+ width: calc(var(--spacing) * 6);
+ }
+
+ .w-10 {
+ width: calc(var(--spacing) * 10);
+ }
+
+ .w-18 {
+ width: calc(var(--spacing) * 18);
+ }
+
+ .w-24 {
+ width: calc(var(--spacing) * 24);
+ }
+
+ .w-48 {
+ width: calc(var(--spacing) * 48);
+ }
+
+ .w-full {
+ width: 100%;
+ }
+
+ .max-w-7xl {
+ max-width: var(--container-7xl);
+ }
+
+ .rotate-180 {
rotate: 180deg;
- }
}
- }
- .group-hover\:opacity-100 {
- &:is(:where(.group):hover *) {
- @media (hover: hover) {
- opacity: 100%;
- }
+
+ .transform {
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
- }
- .hover\:bg-gray-100 {
- &:hover {
- @media (hover: hover) {
- background-color: var(--color-gray-100);
- }
+
+ .resize {
+ resize: both;
}
- }
- .hover\:text-blue-600 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-blue-600);
- }
+
+ .flex-col {
+ flex-direction: column;
}
- }
- .hover\:text-pink-500 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-pink-500);
- }
+
+ .items-baseline {
+ align-items: baseline;
}
- }
- .hover\:text-sf_blau-500 {
- &:hover {
- @media (hover: hover) {
+
+ .items-center {
+ align-items: center;
+ }
+
+ .justify-between {
+ justify-content: space-between;
+ }
+
+ .justify-center {
+ justify-content: center;
+ }
+
+ .gap-6 {
+ gap: calc(var(--spacing) * 6);
+ }
+
+ .gap-8 {
+ gap: calc(var(--spacing) * 8);
+ }
+
+ .space-y-1 {
+ :where(& > :not(:last-child)) {
+ --tw-space-y-reverse: 0;
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+ }
+ }
+
+ .space-x-3 {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+
+ .space-x-4 {
+ :where(& > :not(:last-child)) {
+ --tw-space-x-reverse: 0;
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+ }
+ }
+
+ .overflow-hidden {
+ overflow: hidden;
+ }
+
+ .rounded-lg {
+ border-radius: var(--radius-lg);
+ }
+
+ .rounded-md {
+ border-radius: var(--radius-md);
+ }
+
+ .border {
+ border-style: var(--tw-border-style);
+ border-width: 1px;
+ }
+
+ .border-t {
+ border-top-style: var(--tw-border-style);
+ border-top-width: 1px;
+ }
+
+ .border-gray-700 {
+ border-color: var(--color-gray-700);
+ }
+
+ .bg-blue-500\/40 {
+ background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
+ @supports (color: color-mix(in lab, red, red)) {
+ background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
+ }
+ }
+
+ .bg-sf_grau-50 {
+ background-color: var(--color-sf_grau-50);
+ }
+
+ .bg-sf_grau-400 {
+ background-color: var(--color-sf_grau-400);
+ }
+
+ .bg-white {
+ background-color: var(--color-white);
+ }
+
+ .object-cover {
+ object-fit: cover;
+ }
+
+ .px-2 {
+ padding-inline: calc(var(--spacing) * 2);
+ }
+
+ .px-3 {
+ padding-inline: calc(var(--spacing) * 3);
+ }
+
+ .px-4 {
+ padding-inline: calc(var(--spacing) * 4);
+ }
+
+ .py-1 {
+ padding-block: calc(var(--spacing) * 1);
+ }
+
+ .py-2 {
+ padding-block: calc(var(--spacing) * 2);
+ }
+
+ .py-7 {
+ padding-block: calc(var(--spacing) * 7);
+ }
+
+ .py-16 {
+ padding-block: calc(var(--spacing) * 16);
+ }
+
+ .py-24 {
+ padding-block: calc(var(--spacing) * 24);
+ }
+
+ .pt-2 {
+ padding-top: calc(var(--spacing) * 2);
+ }
+
+ .pt-4 {
+ padding-top: calc(var(--spacing) * 4);
+ }
+
+ .pb-3 {
+ padding-bottom: calc(var(--spacing) * 3);
+ }
+
+ .pl-6 {
+ padding-left: calc(var(--spacing) * 6);
+ }
+
+ .text-center {
+ text-align: center;
+ }
+
+ .text-left {
+ text-align: left;
+ }
+
+ .font-sans {
+ font-family: var(--font-sans);
+ }
+
+ .text-4xl {
+ font-size: var(--text-4xl);
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
+ }
+
+ .text-base {
+ font-size: var(--text-base);
+ line-height: var(--tw-leading, var(--text-base--line-height));
+ }
+
+ .text-lg {
+ font-size: var(--text-lg);
+ line-height: var(--tw-leading, var(--text-lg--line-height));
+ }
+
+ .text-sm {
+ font-size: var(--text-sm);
+ line-height: var(--tw-leading, var(--text-sm--line-height));
+ }
+
+ .font-bold {
+ --tw-font-weight: var(--font-weight-bold);
+ font-weight: var(--font-weight-bold);
+ }
+
+ .font-medium {
+ --tw-font-weight: var(--font-weight-medium);
+ font-weight: var(--font-weight-medium);
+ }
+
+ .text-gray-500 {
+ color: var(--color-gray-500);
+ }
+
+ .text-gray-600 {
+ color: var(--color-gray-600);
+ }
+
+ .text-gray-700 {
+ color: var(--color-gray-700);
+ }
+
+ .text-gray-900 {
+ color: var(--color-gray-900);
+ }
+
+ .text-sf_blau-500 {
color: var(--color-sf_blau-500);
- }
}
- }
- .hover\:text-sf_blau-700 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-sf_blau-700);
- }
+
+ .text-sf_grau-600 {
+ color: var(--color-sf_grau-600);
}
- }
- .hover\:text-sf_gelb-500 {
- &:hover {
- @media (hover: hover) {
- color: var(--color-sf_gelb-500);
- }
+
+ .text-sf_grau-800 {
+ color: var(--color-sf_grau-800);
}
- }
- .focus\:text-blue-600 {
- &:focus {
- color: var(--color-blue-600);
+
+ .text-white {
+ color: var(--color-white);
}
- }
- .focus\:outline-none {
- &:focus {
- --tw-outline-style: none;
- outline-style: none;
+
+ .antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
- }
- .sm\:flex {
- @media (width >= 40rem) {
- display: flex;
+
+ .opacity-0 {
+ opacity: 0%;
}
- }
- .sm\:px-3 {
- @media (width >= 40rem) {
- padding-inline: calc(var(--spacing) * 3);
+
+ .opacity-50 {
+ opacity: 50%;
}
- }
- .sm\:px-6 {
- @media (width >= 40rem) {
- padding-inline: calc(var(--spacing) * 6);
+
+ .shadow-lg {
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
- }
- .md\:top-6 {
- @media (width >= 48rem) {
- top: calc(var(--spacing) * 6);
+
+ .shadow-xl {
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
- }
- .md\:block {
- @media (width >= 48rem) {
- display: block;
+
+ .transition-all {
+ transition-property: all;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
}
- }
- .md\:hidden {
- @media (width >= 48rem) {
- display: none;
+
+ .transition-colors {
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
}
- }
- .md\:h-36 {
- @media (width >= 48rem) {
- height: calc(var(--spacing) * 36);
+
+ .transition-transform {
+ transition-property: transform, translate, scale, rotate;
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
}
- }
- .md\:w-1\/2 {
- @media (width >= 48rem) {
- width: calc(1/2 * 100%);
+
+ .duration-200 {
+ --tw-duration: 200ms;
+ transition-duration: 200ms;
}
- }
- .md\:w-36 {
- @media (width >= 48rem) {
- width: calc(var(--spacing) * 36);
+
+ .duration-500 {
+ --tw-duration: 500ms;
+ transition-duration: 500ms;
}
- }
- .md\:py-32 {
- @media (width >= 48rem) {
- padding-block: calc(var(--spacing) * 32);
+
+ .group-hover\:visible {
+ &:is(:where(.group):hover *) {
+ @media (hover: hover) {
+ visibility: visible;
+ }
+ }
}
- }
- .lg\:flex {
- @media (width >= 64rem) {
- display: flex;
+
+ .group-hover\:rotate-180 {
+ &:is(:where(.group):hover *) {
+ @media (hover: hover) {
+ rotate: 180deg;
+ }
+ }
}
- }
- .lg\:w-1\/2 {
- @media (width >= 64rem) {
- width: calc(1/2 * 100%);
+
+ .group-hover\:opacity-100 {
+ &:is(:where(.group):hover *) {
+ @media (hover: hover) {
+ opacity: 100%;
+ }
+ }
}
- }
- .lg\:flex-row {
- @media (width >= 64rem) {
- flex-direction: row;
+
+ .hover\:bg-gray-100 {
+ &:hover {
+ @media (hover: hover) {
+ background-color: var(--color-gray-100);
+ }
+ }
}
- }
- .lg\:gap-10 {
- @media (width >= 64rem) {
- gap: calc(var(--spacing) * 10);
+
+ .hover\:text-blue-600 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-blue-600);
+ }
+ }
}
- }
- .lg\:gap-16 {
- @media (width >= 64rem) {
- gap: calc(var(--spacing) * 16);
+
+ .hover\:text-pink-500 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-pink-500);
+ }
+ }
}
- }
- .lg\:px-8 {
- @media (width >= 64rem) {
- padding-inline: calc(var(--spacing) * 8);
+
+ .hover\:text-sf_blau-500 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sf_blau-500);
+ }
+ }
}
- }
- .xl\:gap-14 {
- @media (width >= 80rem) {
- gap: calc(var(--spacing) * 14);
+
+ .hover\:text-sf_blau-700 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sf_blau-700);
+ }
+ }
+ }
+
+ .hover\:text-sf_gelb-500 {
+ &:hover {
+ @media (hover: hover) {
+ color: var(--color-sf_gelb-500);
+ }
+ }
+ }
+
+ .focus\:text-blue-600 {
+ &:focus {
+ color: var(--color-blue-600);
+ }
+ }
+
+ .focus\:outline-none {
+ &:focus {
+ --tw-outline-style: none;
+ outline-style: none;
+ }
+ }
+
+ .sm\:flex {
+ @media (width >= 40rem) {
+ display: flex;
+ }
+ }
+
+ .sm\:px-3 {
+ @media (width >= 40rem) {
+ padding-inline: calc(var(--spacing) * 3);
+ }
+ }
+
+ .sm\:px-6 {
+ @media (width >= 40rem) {
+ padding-inline: calc(var(--spacing) * 6);
+ }
+ }
+
+ .md\:top-6 {
+ @media (width >= 48rem) {
+ top: calc(var(--spacing) * 6);
+ }
+ }
+
+ .md\:block {
+ @media (width >= 48rem) {
+ display: block;
+ }
+ }
+
+ .md\:hidden {
+ @media (width >= 48rem) {
+ display: none;
+ }
+ }
+
+ .md\:h-36 {
+ @media (width >= 48rem) {
+ height: calc(var(--spacing) * 36);
+ }
+ }
+
+ .md\:w-1\/2 {
+ @media (width >= 48rem) {
+ width: calc(1 / 2 * 100%);
+ }
+ }
+
+ .md\:w-36 {
+ @media (width >= 48rem) {
+ width: calc(var(--spacing) * 36);
+ }
+ }
+
+ .md\:py-32 {
+ @media (width >= 48rem) {
+ padding-block: calc(var(--spacing) * 32);
+ }
+ }
+
+ .lg\:flex {
+ @media (width >= 64rem) {
+ display: flex;
+ }
+ }
+
+ .lg\:w-1\/2 {
+ @media (width >= 64rem) {
+ width: calc(1 / 2 * 100%);
+ }
+ }
+
+ .lg\:flex-row {
+ @media (width >= 64rem) {
+ flex-direction: row;
+ }
+ }
+
+ .lg\:gap-10 {
+ @media (width >= 64rem) {
+ gap: calc(var(--spacing) * 10);
+ }
+ }
+
+ .lg\:gap-16 {
+ @media (width >= 64rem) {
+ gap: calc(var(--spacing) * 16);
+ }
+ }
+
+ .lg\:px-8 {
+ @media (width >= 64rem) {
+ padding-inline: calc(var(--spacing) * 8);
+ }
+ }
+
+ .xl\:gap-14 {
+ @media (width >= 80rem) {
+ gap: calc(var(--spacing) * 14);
+ }
}
- }
}
+
@property --tw-rotate-x {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-rotate-y {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-rotate-z {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-skew-x {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-skew-y {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-space-y-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
}
+
@property --tw-space-x-reverse {
- syntax: "*";
- inherits: false;
- initial-value: 0;
+ syntax: "*";
+ inherits: false;
+ initial-value: 0;
}
+
@property --tw-border-style {
- syntax: "*";
- inherits: false;
- initial-value: solid;
+ syntax: "*";
+ inherits: false;
+ initial-value: solid;
}
+
@property --tw-font-weight {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-shadow {
- syntax: "*";
- inherits: false;
- initial-value: 0 0 #0000;
+ syntax: "*";
+ inherits: false;
+ initial-value: 0 0 #0000;
}
+
@property --tw-shadow-color {
- syntax: "*";
- inherits: false;
+ syntax: "*";
+ inherits: false;
}
+
@property --tw-shadow-alpha {
- syntax: "\n" + dbg1 + location.href + " " + dbg3 + "\n\n