CCCHH/ccchh-website
CCCHH/ccchh-website
3
3
Fork 4
Code Issues 5 Pull requests 10 Activity Actions

WIP Theme: Update to pico-css v2

Browse source
This commit is contained in:
jtbx 2026-05-23 15:58:16 +02:00
commit d4f658c420
96 changed files with 6261 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

9
themes/ccchh/assets/sass/main.scss
View file

@ -1,6 +1,7 @@
@use "sass:map";
@use "sass:math";
@use "../pico-2.1.1/scss/settings" as *;
$roomstate_color_unknown: #dda218;
$roomstate_color_open: var(--ins-color);
$roomstate_color_closed: var(--del-color);
@ -301,9 +302,7 @@ body>main {
// When the header content doesn't display nicely anymore, switch to mobile mode.
@import "../pico-1.5.11/scss/variables";
@media (max-width: map.get($breakpoints, md)) {
@media (max-width: map.get(map.get($breakpoints, "md"), "breakpoint")) {
.hamburger-button {
display: unset;
position: absolute;
@ -384,14 +383,14 @@ body>main {
// Use the media queries, which we need, from here:
@if map.get($breakpoints, "sm") {
@media (min-width: map.get($breakpoints, "sm")) {
@media (min-width: map.get(map.get($breakpoints, "sm"), "breakpoint")) {
ul {
padding-left: 0;
padding-right: 0;
}
.main-nav {
max-width: map.get($viewports, "sm");
max-width: map.get(map.get($breakpoints, "sm"), "viewport");
}
}
}

84
themes/ccchh/assets/sass/pico-ccchh.scss
View file

@ -1,13 +1,56 @@
/*!
* Pico CSS v1.5.11 (https://picocss.com)
* Copyright 2019-2023 - Licensed under MIT
* Pico CSS ✨ v2.1.1 (https://picocss.com)
* Copyright 2019-2025 - Licensed under MIT
*/
// Config
@import "../pico-1.5.11/scss/variables";
@forward "../pico-2.1.1/scss/settings";
// Theming
@import "../pico-1.5.11/scss/themes/default";
@use "../pico-2.1.1/scss/themes/default";
// Layout
@use "../pico-2.1.1/scss/layout/document"; // html
@use "../pico-2.1.1/scss/layout/landmarks"; // body, header, main, footer
@use "../pico-2.1.1/scss/layout/section"; // section
@use "../pico-2.1.1/scss/layout/container"; // .container, .container-fluid
@use "../pico-2.1.1/scss/layout/grid"; // .grid
@use "../pico-2.1.1/scss/layout/overflow-auto"; // .overflow-auto
// Content
@use "../pico-2.1.1/scss/content/typography"; // headings, p, ul, blockquote, ...
@use "../pico-2.1.1/scss/content/link"; // a, role="link"
@use "../pico-2.1.1/scss/content/button"; // button, role="button", type="button", type="submit" ...
@use "../pico-2.1.1/scss/content/table"; // table, tr, td, ...
@use "../pico-2.1.1/scss/content/embedded"; // audio, canvas, iframe, img, svg, video
@use "../pico-2.1.1/scss/content/code"; // pre, code, ...
@use "../pico-2.1.1/scss/content/figure"; // figure, figcaption
@use "../pico-2.1.1/scss/content/misc"; // hr, template, [hidden], dialog, canvas
// Forms
//@use "../pico-2.1.1/scss/forms/basics"; // input, select, textarea, label, fieldset, legend
//@use "../pico-2.1.1/scss/forms/checkbox-radio-switch"; // type="checkbox", type="radio", role="switch"
//@use "../pico-2.1.1/scss/forms/input-color"; // type="color"
//@use "../pico-2.1.1/scss/forms/input-date"; // type="date", type="datetime-local", type="month", type="time", type="week"
//@use "../pico-2.1.1/scss/forms/input-file"; // type="file"
//@use "../pico-2.1.1/scss/forms/input-range"; // type="range"
//@use "../pico-2.1.1/scss/forms/input-search"; // type="search"
// Components
@use "../pico-2.1.1/scss/components/accordion"; // details, summary
@use "../pico-2.1.1/scss/components/card"; // article
@use "../pico-2.1.1/scss/components/dropdown"; // details.dropdown
@use "../pico-2.1.1/scss/components/group"; // role="group"
//@use "../pico-2.1.1/scss/components/loading"; // aria-busy=true
@use "../pico-2.1.1/scss/components/modal"; // dialog
@use "../pico-2.1.1/scss/components/nav"; // nav
@use "../pico-2.1.1/scss/components/progress"; // progress
//@use "../pico-2.1.1/scss/components/tooltip"; // data-tooltip
// Utilities
@use "../pico-2.1.1/scss/utilities/accessibility"; // -ms-touch-action, aria-*
@use "../pico-2.1.1/scss/utilities/reduce-motion"; // prefers-reduced-motion
h1 {
--font-size: 2rem;
@ -33,36 +76,3 @@ h5 {
--font-size: 1.125rem;
--typography-spacing-vertical: 0.5rem;
}
// Layout
@import "../pico-1.5.11/scss/layout/document"; // html
@import "../pico-1.5.11/scss/layout/sectioning"; // body, header, main, footer
@import "../pico-1.5.11/scss/layout/container"; // .container, .container-fluid
@import "../pico-1.5.11/scss/layout/section"; // section
@import "../pico-1.5.11/scss/layout/grid"; // .grid
@import "../pico-1.5.11/scss/layout/scroller"; // figure
// Content
@import "../pico-1.5.11/scss/content/typography"; // a, headings, p, ul, blockquote, ...
@import "../pico-1.5.11/scss/content/embedded"; // audio, canvas, iframe, img, svg, video
@import "../pico-1.5.11/scss/content/button"; // button, a[role=button], type=button, type=submit ...
@import "../pico-1.5.11/scss/content/form"; // input, select, textarea, label, fieldset, legend
@import "../pico-1.5.11/scss/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch
@import "../pico-1.5.11/scss/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ...
@import "../pico-1.5.11/scss/content/table"; // table, tr, td, ...
@import "../pico-1.5.11/scss/content/code"; // pre, code, ...
@import "../pico-1.5.11/scss/content/miscs"; // hr, template, [hidden], dialog, canvas
// Components
@import "../pico-1.5.11/scss/components/accordion"; // details, summary
@import "../pico-1.5.11/scss/components/card"; // article
@import "../pico-1.5.11/scss/components/modal"; // dialog
@import "../pico-1.5.11/scss/components/nav"; // nav
@import "../pico-1.5.11/scss/components/progress"; // progress
@import "../pico-1.5.11/scss/components/dropdown"; // dropdown
// Utilities
// @import "../pico-1.5.11/scss/utilities/loading"; // aria-busy=true
// @import "../pico-1.5.11/scss/utilities/tooltip"; // data-tooltip
@import "../pico-1.5.11/scss/utilities/accessibility"; // -ms-touch-action, aria-*
@import "../pico-1.5.11/scss/utilities/reduce-motion"; // prefers-reduced-motion