mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
Changed spacing on form elements to be a tad smaller. It was just too big for my liking, and I feel this way is a lot easier.
Added cursor back on button - it was just an arrow. Added parent-selector to the notifications, and corrected readbility of notifications. updated the version within the css files made rows only show up on css files where classes are enabled made the tooltips have a dark background - even for dark themes.
This commit is contained in:
Yohn
parent
7ce5b5c578
commit
354887554b
256 changed files with 1699 additions and 41261 deletions
16
.github/CONTRIBUTING.md
vendored
16
.github/CONTRIBUTING.md
vendored
|
|
@ -1,22 +1,22 @@
|
||||||
# Contributing to Pico
|
# Contributing to Pico
|
||||||
|
|
||||||
Thanks for your interest in contributing to Pico CSS! Please take a moment to review this document before submitting a [bug report](https://github.com/picocss/pico/issues) or a [pull request](https://github.com/picocss/pico/pulls).
|
Thanks for your interest in contributing to Pico CSS! Please take a moment to review this document before submitting a [bug report](https://github.com/Yohn/PicoCSS/issues) or a [pull request](https://github.com/Yohn/PicoCSS/pulls).
|
||||||
|
|
||||||
## Bug reports
|
## Bug reports
|
||||||
|
|
||||||
The [issue tracker]((https://github.com/picocss/pico/issues)) is the preferred channel for bug reports, but please respect the following restrictions:
|
The [issue tracker]((https://github.com/Yohn/PicoCSS/issues)) is the preferred channel for bug reports, but please respect the following restrictions:
|
||||||
- Please do not use the issue tracker for personal support requests. [Open a question in our discussion forums](https://github.com/picocss/pico/discussions/categories/help) instead.
|
- Please do not use the issue tracker for personal support requests. [Open a question in our discussion forums](https://github.com/Yohn/PicoCSS/discussions/categories/help) instead.
|
||||||
- Please do not use the issue tracker for feature requests. Instead, use our discussion forums to [suggest any ideas](https://github.com/picocss/pico/discussions/categories/ideas) you have.
|
- Please do not use the issue tracker for feature requests. Instead, use our discussion forums to [suggest any ideas](https://github.com/Yohn/PicoCSS/discussions/categories/ideas) you have.
|
||||||
|
|
||||||
## Pull requests
|
## Pull requests
|
||||||
|
|
||||||
Good pull requests, patches, improvements, and new features are a fantastic help.
|
Good pull requests, patches, improvements, and new features are a fantastic help.
|
||||||
|
|
||||||
**Please ask before starting work on any significant new features.**
|
**Please ask before starting work on any significant new features.**
|
||||||
We recommend that you first [suggest your feature idea in our discussion forums](https://github.com/picocss/pico/discussions/categories/ideas).
|
We recommend that you first [suggest your feature idea in our discussion forums](https://github.com/Yohn/PicoCSS/discussions/categories/ideas).
|
||||||
|
|
||||||
[`dev`](https://github.com/picocss/pico/tree/dev) branch is open for pull requests on `v2`.
|
[`dev`](https://github.com/Yohn/PicoCSS/tree/dev) branch is open for pull requests on `v3`.
|
||||||
|
|
||||||
[`v1-dev`](https://github.com/picocss/pico/tree/v1-dev) branch is open to pull requests on `v1`.
|
[`main`](https://github.com/Yohn/PicoCSS/tree/main) branch is open to pull requests on `v2`.
|
||||||
|
|
||||||
**Do not edit [`/css`](https://github.com/picocss/pico/tree/master/css) files directly.** Edit the source files in [`/scss`](https://github.com/picocss/pico/tree/master/scss), then recompile the [`/css`](https://github.com/picocss/pico/tree/master/css) files with `yarn build`.
|
**Do not edit [`/css`](https://github.com/Yohn/PicoCSS/tree/master/css) files directly.** Edit the source files in [`/scss`](https://github.com/Yohn/PicoCSS/tree/master/scss), then recompile the [`/css`](https://github.com/Yohn/PicoCSS/tree/master/css) files with `npm run build`.
|
||||||
|
|
|
||||||
4
.github/ISSUE_TEMPLATE/config.yml
vendored
4
.github/ISSUE_TEMPLATE/config.yml
vendored
|
|
@ -1,8 +1,8 @@
|
||||||
blank_issues_enabled: false
|
blank_issues_enabled: false
|
||||||
contact_links:
|
contact_links:
|
||||||
- name: Get Help
|
- name: Get Help
|
||||||
url: https://github.com/picocss/pico/discussions/categories/help
|
url: https://github.com/Yohn/PicoCSS/discussions/categories/help
|
||||||
about: If you can't get something to work the way you expect, open a question in our discussion forums.
|
about: If you can't get something to work the way you expect, open a question in our discussion forums.
|
||||||
- name: Feature Request
|
- name: Feature Request
|
||||||
url: https://github.com/picocss/pico/discussions/categories/ideas
|
url: https://github.com/Yohn/PicoCSS/discussions/categories/ideas
|
||||||
about: Suggest any ideas you have using our discussion forums.
|
about: Suggest any ideas you have using our discussion forums.
|
||||||
29
README.md
29
README.md
|
|
@ -1,16 +1,16 @@
|
||||||
<p>
|
<p>
|
||||||
<a href="https://picocss.com" target="_blank">
|
<a href="https://picocss.com" target="_blank">
|
||||||
<picture>
|
<picture>
|
||||||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-dark.svg">
|
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/Yohn/PicoCSS/HEAD/.github/logo-dark.svg">
|
||||||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg">
|
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/Yohn/PicoCSS/HEAD/.github/logo-light.svg">
|
||||||
<img alt="Pico CSS" src="https://raw.githubusercontent.com/picocss/pico/HEAD/.github/logo-light.svg" width="auto" height="60">
|
<img alt="Pico CSS" src="https://raw.githubusercontent.com/Yohn/PicoCSS/HEAD/.github/logo-light.svg" width="auto" height="60">
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
[](https://github.com/picocss/pico/releases/latest)
|
[](https://github.com/Yohn/PicoCSS/releases/latest)
|
||||||
[](https://www.npmjs.com/package/@picocss/pico)
|
[](https://www.npmjs.com/package/@yohns/picocss)
|
||||||
[](https://github.com/picocss/pico/blob/master/LICENSE.md)
|
[](https://github.com/Yohn/PicoCSS/blob/master/LICENSE.md)
|
||||||
[](https://twitter.com/picocss)
|
[](https://twitter.com/picocss)
|
||||||
|
|
||||||
## Yohns Updated Version
|
## Yohns Updated Version
|
||||||
|
|
@ -66,7 +66,7 @@ There are 4 ways to get started with pico.css:
|
||||||
|
|
||||||
### Install manually
|
### Install manually
|
||||||
|
|
||||||
[Download Pico](https://github.com/picocss/pico/archive/refs/heads/main.zip) and link `/css/pico.min.css` in the `<head>` of your website.
|
[Download Pico](https://github.com/Yohn/PicoCSS/archive/refs/heads/main.zip) and link `/css/pico.min.css` in the `<head>` of your website.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<link rel="stylesheet" href="css/pico.min.css" />
|
<link rel="stylesheet" href="css/pico.min.css" />
|
||||||
|
|
@ -74,10 +74,10 @@ There are 4 ways to get started with pico.css:
|
||||||
|
|
||||||
### Usage from CDN
|
### Usage from CDN
|
||||||
|
|
||||||
Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@picocss/pico) to link pico.css.
|
Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@yohns/picocss) to link pico.css.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.0/css/pico.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.3/css/pico.min.css" />
|
||||||
```
|
```
|
||||||
|
|
||||||
### Install with NPM
|
### Install with NPM
|
||||||
|
|
@ -135,7 +135,7 @@ Use the default `.classless` version if you need centered viewports:
|
||||||
```html
|
```html
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.0/css/pico.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.3/css/pico.classless.min.css"
|
||||||
/>
|
/>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
@ -144,7 +144,7 @@ Or use the `.fluid.classless` version if you need a fluid container:
|
||||||
```html
|
```html
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.0/css/pico.fluid.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.3/css/pico.fluid.classless.min.css"
|
||||||
/>
|
/>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
@ -159,7 +159,7 @@ Then just write pure HTML, and it should look great:
|
||||||
<meta name="color-scheme" content="light dark" />
|
<meta name="color-scheme" content="light dark" />
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.0/css/pico.classless.min.css"
|
href="https://cdn.jsdelivr.net/npm/@yohns/picocss@2.1.3/css/pico.classless.min.css"
|
||||||
/>
|
/>
|
||||||
<title>Hello, world!</title>
|
<title>Hello, world!</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -181,6 +181,7 @@ Pico CSS can be used without custom CSS for quick or small projects. However, it
|
||||||
|
|
||||||
**Getting started**
|
**Getting started**
|
||||||
|
|
||||||
|
- [Yohns Pico CSS Additions](https://yohn.github.io/PicoCSS/)
|
||||||
- [Quick start](https://picocss.com/docs)
|
- [Quick start](https://picocss.com/docs)
|
||||||
- [Version picker `New`](https://picocss.com/docs/version-picker)
|
- [Version picker `New`](https://picocss.com/docs/version-picker)
|
||||||
- [Color schemes](https://picocss.com/docs/color-schemes)
|
- [Color schemes](https://picocss.com/docs/color-schemes)
|
||||||
|
|
@ -245,8 +246,8 @@ Pico CSS is designed and tested for the latest stable Chrome, Firefox, Edge, and
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
If you are interested in contributing to Pico CSS, please read our [contributing guidelines](https://github.com/picocss/pico/blob/master/.github/CONTRIBUTING.md).
|
If you are interested in contributing to Pico CSS, please read our [contributing guidelines](https://github.com/Yohn/PicoCSS/blob/master/.github/CONTRIBUTING.md).
|
||||||
|
|
||||||
## Copyright and license
|
## Copyright and license
|
||||||
|
|
||||||
Licensed under the [MIT License](https://github.com/picocss/pico/blob/master/LICENSE.md).
|
Licensed under the [MIT License](https://github.com/Yohn/PicoCSS/blob/master/LICENSE.md).
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ details summary[role=button]:not(.outline)::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3551,7 +3552,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.amber.min.css
vendored
4
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ details summary[role=button]:not(.outline)::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3551,7 +3552,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.blue.min.css
vendored
4
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.amber.min.css
vendored
4
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.blue.min.css
vendored
4
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.amber.min.css
vendored
4
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.blue.min.css
vendored
4
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.cyan.min.css
vendored
4
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.green.min.css
vendored
4
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.grey.min.css
vendored
4
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.jade.min.css
vendored
4
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.lime.min.css
vendored
4
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.pink.min.css
vendored
4
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.red.min.css
vendored
4
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.sand.min.css
vendored
4
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.slate.min.css
vendored
4
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ input:not([type=submit],
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ input:not([type=submit],
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3147,7 +2639,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3174,18 +2666,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.classless.conditional.zinc.min.css
vendored
4
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.cyan.min.css
vendored
4
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.fuchsia.min.css
vendored
4
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.green.min.css
vendored
4
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.grey.min.css
vendored
4
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.indigo.min.css
vendored
4
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.jade.min.css
vendored
4
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.lime.min.css
vendored
4
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
4
css/pico.classless.min.css
vendored
4
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.orange.min.css
vendored
4
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.pink.min.css
vendored
4
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.pumpkin.min.css
vendored
4
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.purple.min.css
vendored
4
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.red.min.css
vendored
4
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.sand.min.css
vendored
4
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.slate.min.css
vendored
4
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.violet.min.css
vendored
4
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.yellow.min.css
vendored
4
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
--pico-typography-spacing-vertical: 1rem;
|
--pico-typography-spacing-vertical: 1rem;
|
||||||
--pico-block-spacing-vertical: var(--pico-spacing);
|
--pico-block-spacing-vertical: var(--pico-spacing);
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -190,7 +190,7 @@ details summary[role=button]::after {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -419,8 +419,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -537,8 +537,8 @@ details summary[role=button]::after {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -669,515 +669,6 @@ section {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
/* Source inspired by https://github.com/sophie-thomas/CSS-Grid/blob/main/assets/scss/grid.scss */
|
||||||
/*--- CSS Grid ---*/
|
|
||||||
.row-fluid,
|
|
||||||
.row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(12, 1fr);
|
|
||||||
gap: var(--pico-grid-row-gap) var(--pico-grid-column-gap);
|
|
||||||
}
|
|
||||||
.row-fluid.align-center,
|
|
||||||
.row.align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.row-fluid.align-start,
|
|
||||||
.row.align-start {
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.row-fluid.align-end,
|
|
||||||
.row.align-end {
|
|
||||||
align-items: end;
|
|
||||||
}
|
|
||||||
.row-fluid > [class*=col] > *,
|
|
||||||
.row-fluid > [class|=col] > *,
|
|
||||||
.row-fluid > [class~=col] > *,
|
|
||||||
.row > [class*=col] > *,
|
|
||||||
.row > [class|=col] > *,
|
|
||||||
.row > [class~=col] > * {
|
|
||||||
margin: calc(var(--pico-block-spacing-vertical) * 0.5) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Defining columns spans and offsets */
|
|
||||||
.col-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.col-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
|
|
||||||
.offset-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 510px) {
|
|
||||||
.col-sm-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-sm-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-sm-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-sm-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-sm-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-sm-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-sm-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-sm-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-sm-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-sm-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-sm-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-sm-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-sm-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-sm-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-sm-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-sm-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-sm-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-sm-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-sm-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-sm-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-sm-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-sm-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-sm-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-sm-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 700px) {
|
|
||||||
.col-md-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-md-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-md-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-md-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-md-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-md-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-md-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-md-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-md-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-md-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-md-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-md-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-md-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-md-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-md-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-md-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-md-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-md-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-md-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-md-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-md-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-md-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-md-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-md-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 950px) {
|
|
||||||
.col-lg-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-lg-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-lg-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-lg-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-lg-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-lg-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-lg-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-lg-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-lg-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-lg-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-lg-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-lg-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-lg-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-lg-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-lg-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-lg-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-lg-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-lg-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-lg-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-lg-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-lg-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-lg-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-lg-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-lg-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.col-xl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1450px) {
|
|
||||||
.col-xxl-1 {
|
|
||||||
grid-column-end: span 1;
|
|
||||||
}
|
|
||||||
.col-xxl-2 {
|
|
||||||
grid-column-end: span 2;
|
|
||||||
}
|
|
||||||
.col-xxl-3 {
|
|
||||||
grid-column-end: span 3;
|
|
||||||
}
|
|
||||||
.col-xxl-4 {
|
|
||||||
grid-column-end: span 4;
|
|
||||||
}
|
|
||||||
.col-xxl-5 {
|
|
||||||
grid-column-end: span 5;
|
|
||||||
}
|
|
||||||
.col-xxl-6 {
|
|
||||||
grid-column-end: span 6;
|
|
||||||
}
|
|
||||||
.col-xxl-7 {
|
|
||||||
grid-column-end: span 7;
|
|
||||||
}
|
|
||||||
.col-xxl-8 {
|
|
||||||
grid-column-end: span 8;
|
|
||||||
}
|
|
||||||
.col-xxl-9 {
|
|
||||||
grid-column-end: span 9;
|
|
||||||
}
|
|
||||||
.col-xxl-10 {
|
|
||||||
grid-column-end: span 10;
|
|
||||||
}
|
|
||||||
.col-xxl-11 {
|
|
||||||
grid-column-end: span 11;
|
|
||||||
}
|
|
||||||
.col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-xxl-0 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
.offset-xxl-1 {
|
|
||||||
grid-column-start: 2;
|
|
||||||
}
|
|
||||||
.offset-xxl-2 {
|
|
||||||
grid-column-start: 3;
|
|
||||||
}
|
|
||||||
.offset-xxl-3 {
|
|
||||||
grid-column-start: 4;
|
|
||||||
}
|
|
||||||
.offset-xxl-4 {
|
|
||||||
grid-column-start: 5;
|
|
||||||
}
|
|
||||||
.offset-xxl-5 {
|
|
||||||
grid-column-start: 6;
|
|
||||||
}
|
|
||||||
.offset-xxl-6 {
|
|
||||||
grid-column-start: 7;
|
|
||||||
}
|
|
||||||
.offset-xxl-7 {
|
|
||||||
grid-column-start: 8;
|
|
||||||
}
|
|
||||||
.offset-xxl-8 {
|
|
||||||
grid-column-start: 9;
|
|
||||||
}
|
|
||||||
.offset-xxl-9 {
|
|
||||||
grid-column-start: 10;
|
|
||||||
}
|
|
||||||
.offset-xxl-10 {
|
|
||||||
grid-column-start: 11;
|
|
||||||
}
|
|
||||||
.offset-xxl-11 {
|
|
||||||
grid-column-start: 12;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* CSS Grid Media Queries */
|
|
||||||
@media (max-width: 510px) {
|
|
||||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
|
|
||||||
grid-column-end: span 12;
|
|
||||||
}
|
|
||||||
.offset-0, .offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9, .offset-10, .offset-11, .offset-md-0, .offset-md-1, .offset-md-2, .offset-md-3, .offset-md-4, .offset-md-5, .offset-md-6, .offset-md-7, .offset-md-8, .offset-md-9, .offset-md-10, .offset-md-11, .offset-lg-0, .offset-lg-1, .offset-lg-2, .offset-lg-3, .offset-lg-4, .offset-lg-5, .offset-lg-6, .offset-lg-7, .offset-lg-8, .offset-lg-9, .offset-lg-10, .offset-lg-11, .offset-xl-0, .offset-xl-1, .offset-xl-2, .offset-xl-3, .offset-xl-4, .offset-xl-5, .offset-xl-6, .offset-xl-7, .offset-xl-8, .offset-xl-9, .offset-xl-10, .offset-xl-11, .offset-xxl-0, .offset-xxl-1, .offset-xxl-2, .offset-xxl-3, .offset-xxl-4, .offset-xxl-5, .offset-xxl-6, .offset-xxl-7, .offset-xxl-8, .offset-xxl-9, .offset-xxl-10, .offset-xxl-11 {
|
|
||||||
grid-column-start: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
/**
|
||||||
* Typography
|
* Typography
|
||||||
*/
|
*/
|
||||||
|
|
@ -1407,6 +898,7 @@ button,
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3174,7 +2666,7 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
|
|
|
||||||
4
css/pico.classless.zinc.min.css
vendored
4
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
:root,
|
:root,
|
||||||
|
|
|
||||||
2
css/pico.colors.min.css
vendored
2
css/pico.colors.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.amber.min.css
vendored
4
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.blue.min.css
vendored
4
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.cyan.min.css
vendored
4
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.fuchsia.min.css
vendored
4
css/pico.conditional.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.green.min.css
vendored
4
css/pico.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
/*!
|
/*!
|
||||||
* Pico CSS ✨ v2.0.6 (https://picocss.com)
|
* Pico CSS ✨ v2.1.3 (https://github.com/Yohn/PicoCSS)
|
||||||
* Copyright 2019-2024 - Licensed under MIT
|
* Copyright 2019-2024 - Licensed under MIT
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
--pico-block-spacing-horizontal: var(--pico-spacing);
|
--pico-block-spacing-horizontal: var(--pico-spacing);
|
||||||
--pico-grid-column-gap: var(--pico-spacing);
|
--pico-grid-column-gap: var(--pico-spacing);
|
||||||
--pico-grid-row-gap: var(--pico-spacing);
|
--pico-grid-row-gap: var(--pico-spacing);
|
||||||
--pico-form-element-spacing-vertical: 0.75rem;
|
--pico-form-element-spacing-vertical: calc(var(--pico-spacing) * 0.5);
|
||||||
--pico-form-element-spacing-horizontal: 1rem;
|
--pico-form-element-spacing-horizontal: calc(var(--pico-spacing) * 0.75);
|
||||||
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
|
||||||
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
|
||||||
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
|
||||||
|
|
@ -223,7 +223,7 @@ nav details.dropdown summary:focus-visible {
|
||||||
filter: brightness(0) invert(1);
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
filter: brightness(0) invert(0);
|
filter: brightness(0) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -462,8 +462,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -601,8 +601,8 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
--pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
|
||||||
--pico-progress-background-color: #202632;
|
--pico-progress-background-color: #202632;
|
||||||
--pico-progress-color: var(--pico-primary-background);
|
--pico-progress-color: var(--pico-primary-background);
|
||||||
--pico-tooltip-background-color: var(--pico-contrast-background);
|
--pico-tooltip-background-color: var(--pico-contrast-inverse);
|
||||||
--pico-tooltip-color: var(--pico-contrast-inverse);
|
--pico-tooltip-color: var(--pico-contrast-background);
|
||||||
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
--pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(42, 123, 111)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
|
||||||
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
--pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(149.5, 74, 80)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
|
||||||
--pico-timeline-line-color: var(--pico-primary-background);
|
--pico-timeline-line-color: var(--pico-primary-background);
|
||||||
|
|
@ -1527,6 +1527,7 @@ main {
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
@ -3524,7 +3525,7 @@ body:has(dialog[open]) {
|
||||||
/**
|
/**
|
||||||
* Notification (<dialog>)
|
* Notification (<dialog>)
|
||||||
*/
|
*/
|
||||||
dialog[role=alert] {
|
.pico dialog[role=alert] {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: unset;
|
top: unset;
|
||||||
right: var(--pico-spacing);
|
right: var(--pico-spacing);
|
||||||
|
|
@ -3551,18 +3552,18 @@ dialog[role=alert] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
dialog[role=alert] > * {
|
.pico dialog[role=alert] * {
|
||||||
color: var(--pico-primary-inverse);
|
color: var(--pico-primary-inverse);
|
||||||
font-weight: var(--pico-font-weight);
|
font-weight: var(--pico-font-weight);
|
||||||
font-size: var(--pico-font-size);
|
font-size: var(--pico-font-size);
|
||||||
line-height: var(--pico-line-height);
|
line-height: var(--pico-line-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[data-backdrop=false][role=alert]::backdrop {
|
.pico dialog[data-backdrop=false][role=alert]::backdrop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
dialog[role=alert][open] {
|
.pico dialog[role=alert][open] {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transition: opacity var(--pico-transition);
|
transition: opacity var(--pico-transition);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
4
css/pico.conditional.grey.min.css
vendored
4
css/pico.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue