vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor css variables

pull/4615/head
Cagatay Civici 2023-10-14 22:24:59 +03:00
parent d31a65c137
commit 41eaec613e
7 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/styles/layout/landing/_landing.scss
View File

@ -4,8 +4,6 @@ $landingBreakpointXL: 1199px;
@import '../_mixins';
@import './_main';
@import './_light';
@import './_dark';
@import './_hero';
@import './_users';
@import './_getstarted';

1
assets/styles/layout/layout.scss
View File

@ -1,5 +1,6 @@
@charset 'UTF-8';
@import './variables/_variables';
@import './_mixins';
@import './_core';
@import './_glow';

4
assets/styles/layout/variables/_variables.scss Normal file
View File

@ -0,0 +1,4 @@
@import './landing/_light';
@import './landing/_dark';
@import './main/_light';
@import './main/_dark';

11
assets/styles/layout/landing/_dark.scss → assets/styles/layout/variables/landing/_dark.scss
View File

@ -1,13 +1,4 @@
.layout-dark {
--card-border: 0 none;
--card-bg: var(--surface-card);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: var(--surface-border);
--mobile-menu-bg: rgba(0,0,0,.3);
--demo-code-bg: var(--surface-card);
--demo-code-button-color: var(--surface-400);
--demo-code-button-hover-bg: rgba(255,255,255,.1);
--demo-code-button-hover-color: var(--surface-500);
.landing.layout-dark {
--home-highlight-color:#10b981;
--home-highlight-darker-color:#059669;
--home-highlight-fore-color:#ffffff;

10
assets/styles/layout/landing/_light.scss → assets/styles/layout/variables/landing/_light.scss
View File

@ -1,12 +1,4 @@
.layout-light {
--card-border: 1px solid var(--surface-border);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: rgba(0,0,0,.05);
--mobile-menu-bg: var(--surface-overlay);
--demo-code-bg: var(--surface-700);
--demo-code-button-color: var(--surface-400);
--demo-code-button-hover-bg: rgba(255,255,255,.1);
--demo-code-button-hover-color: var(--surface-300);
.landing.layout-light {
--home-highlight-color:#10b981;
--home-highlight-darker-color:#059669;
--home-highlight-fore-color:#ffffff;

11
assets/styles/layout/variables/main/_dark.scss Normal file
View File

@ -0,0 +1,11 @@
.layout-wrapper.layout-dark {
--card-border: 0 none;
--card-bg: var(--surface-card);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: var(--surface-border);
--mobile-menu-bg: rgba(0,0,0,.3);
--demo-code-bg: var(--surface-card);
--demo-code-button-color: var(--surface-400);
--demo-code-button-hover-bg: rgba(255,255,255,.1);
--demo-code-button-hover-color: var(--surface-500);
}

11
assets/styles/layout/variables/main/_light.scss Normal file
View File

@ -0,0 +1,11 @@
.layout-wrapper.layout-light {
--card-border: 1px solid var(--surface-border);
--card-bg: var(--surface-card);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: rgba(0,0,0,.05);
--mobile-menu-bg: var(--surface-overlay);
--demo-code-bg: var(--surface-700);
--demo-code-button-color: var(--surface-400);
--demo-code-button-hover-bg: rgba(255,255,255,.1);
--demo-code-button-hover-color: var(--surface-300);
}