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

Move variables to css

pull/4615/head
Cagatay Civici 2023-10-14 22:15:16 +03:00
parent d8f0a1c90d
commit d31a65c137
4 changed files with 33 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
assets/styles/layout/_code.scss
View File

@ -128,53 +128,29 @@ pre[class*="language-"] {
display: none; display: none;
} }
.layout-dark { .doc-section-code-buttons {
.doc-section-code-buttons {
button { button {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
background-color: transparent; background-color: transparent;
transition: background-color .2s, box-shadow .2s; transition: background-color .2s, box-shadow .2s;
border: 0 none; border: 0 none;
color: var(--surface-400); color: var(--demo-code-button-color);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: rgba(255,255,255,.1); background-color: var(--demo-code-button-hover-bg);
color: var(--surface-500); color: var(--demo-code-button-hover-color);
} }
} }
} }
pre[class*="language-"] { pre[class*="language-"] {
code { code {
background: var(--surface-card) !important; background: var(--demo-code-bg) !important;
}
} }
} }
.layout-light { .layout-light {
.doc-section-code-buttons {
button {
outline: 0 none;
outline-offset: 0;
background-color: transparent;
transition: background-color .2s, box-shadow .2s;
border: 0 none;
color: var(--surface-400);
cursor: pointer;
&:hover {
background-color: rgba(255,255,255,.1);
color: var(--surface-300);
}
}
}
pre[class*="language-"] {
code {
background: var(--surface-700) !important;
}
}
&[data-p-theme^="md-"] { &[data-p-theme^="md-"] {
pre[class*="language-"] { pre[class*="language-"] {
code { code {

16
assets/styles/layout/_content.scss
View File

@ -9,22 +9,10 @@
} }
} }
.layout-light { .card {
.card {
background: var(--surface-card); background: var(--surface-card);
border: 1px solid var(--surface-border); border: var(--card-border);
padding: 2rem; padding: 2rem;
border-radius: 10px; border-radius: 10px;
margin-bottom: 1rem; margin-bottom: 1rem;
}
}
.layout-dark {
.card {
background: var(--surface-card);
border: 0 none;
padding: 2rem;
border-radius: 10px;
margin-bottom: 1rem;
}
} }

6
assets/styles/layout/landing/_dark.scss
View File

@ -1,7 +1,13 @@
.layout-dark { .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); --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: var(--surface-border); --topbar-border: var(--surface-border);
--mobile-menu-bg: rgba(0,0,0,.3); --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);
--home-highlight-color:#10b981; --home-highlight-color:#10b981;
--home-highlight-darker-color:#059669; --home-highlight-darker-color:#059669;
--home-highlight-fore-color:#ffffff; --home-highlight-fore-color:#ffffff;

5
assets/styles/layout/landing/_light.scss
View File

@ -1,7 +1,12 @@
.layout-light { .layout-light {
--card-border: 1px solid var(--surface-border);
--glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png); --glow-image: url(https://www.primefaces.org/cdn/primevue/images/layout/top-pattern-light.png);
--topbar-border: rgba(0,0,0,.05); --topbar-border: rgba(0,0,0,.05);
--mobile-menu-bg: var(--surface-overlay); --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);
--home-highlight-color:#10b981; --home-highlight-color:#10b981;
--home-highlight-darker-color:#059669; --home-highlight-darker-color:#059669;
--home-highlight-fore-color:#ffffff; --home-highlight-fore-color:#ffffff;