copenhagentruckwash/pleno-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: Styleguide

Browse Source
This commit is contained in:
gold-dev
2026-01-28 12:04:45 +02:00
parent f8c0925fef
commit bffde4efc7
1 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/main.css
+40 -7
View File
@@ -19,19 +19,52 @@ textarea.has-sharp-edges {
/*}*/
:root {
--bulma-primary-h: 207deg !important;
--bulma-primary-s: 60% !important;
--bulma-primary-l: 19% !important;
--bulma-link-h: 200deg !important;
--bulma-link-s: 80% !important;
--bulma-link-l: 41% !important;
/* 1. Primary Brand Colors (HSL) */
--bulma-primary-h: 197deg !important;
--bulma-primary-l: 35% !important;
--bulma-link-h: 224deg !important;
--bulma-link-l: 13% !important;
--bulma-info-h: 215deg !important;
--bulma-info-l: 56% !important;
--bulma-success-s: 84% !important;
--bulma-warning-h: 44deg !important;
--bulma-warning-l: 50% !important;
--bulma-dark-h: 0 !important;
--bulma-dark-s: 0% !important;
--bulma-dark-l: 20% !important;
--bulma-dark-dark-invert-l: 100% !important;
/* 2. Typography - Avenir */
--bulma-family-primary: "Avenir", sans-serif;
--bulma-body-size: 11pt !important;
--bulma-title-weight: 800 !important;
--bulma-body-weight: 400 !important;
/* 3. Strict Hierarchy */
--bulma-title-size: 13pt !important;
/* 4. Brand Specific Restrictions */
--bulma-shadow: none !important;
--bulma-box-shadow: none !important;
--bulma-card-shadow: none !important;
--bulma-skeleton-background: hsla(197 100% 35% / 0.70) !important;
}
/*:root {*/
/* --bulma-primary-h: 207deg !important;*/
/* --bulma-primary-s: 60% !important;*/
/* --bulma-primary-l: 19% !important;*/
/* --bulma-link-h: 200deg !important;*/
/* --bulma-link-s: 80% !important;*/
/* --bulma-link-l: 41% !important;*/
/* --bulma-info-h: 215deg !important;*/
/* --bulma-info-l: 56% !important;*/
/* --bulma-success-s: 84% !important;*/
/* --bulma-warning-h: 44deg !important;*/
/* --bulma-warning-l: 50% !important;*/
/*}*/
.button-same-width {
min-width: 124px !important;
}