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

Refactor #6635

pull/6697/head
tugcekucukoglu 2024-10-31 20:01:54 +03:00
parent 784d6daeee
commit f9fe9161eb
3 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/showcase/assets/styles/layout/_code.scss
View File

@ -2,7 +2,7 @@ code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
background: none; background: none;
font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,Liberation Mono,monospace; font-family: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,Liberation Mono,monospace;
text-align: left; text-align: start;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
word-break: normal; word-break: normal;
@ -36,7 +36,7 @@ pre[class*="language-"] {
} }
code { code {
border-left: 1rem solid transparent; border-inline-start: 1rem solid transparent;
box-shadow: none; box-shadow: none;
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
@ -47,7 +47,7 @@ pre[class*="language-"] {
padding: 0 1rem; padding: 0 1rem;
display: block; display: block;
overflow: auto; overflow: auto;
.token.comment, .token.comment,
.token.block-comment, .token.block-comment,
.token.prolog, .token.prolog,
@ -126,8 +126,8 @@ pre[class*="language-"] {
display: none; display: none;
} }
pre[class*="language-"] { pre[class*="language-"] {
code { code {
background: var(--code-background); background: var(--code-background);
} }
} }

12
apps/showcase/assets/styles/layout/_core.scss
View File

@ -31,10 +31,11 @@ a {
::selection { ::selection {
background-color: var(--selection-background); background-color: var(--selection-background);
color: var(--selection-text-color); color: var(--selection-text-color);
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin: 1.5rem 0 1rem 0; margin-block: 1.5rem 1rem; /* Üst ve alt kenarlar */
margin-inline: 0;
font-family: inherit; font-family: inherit;
font-weight: 600; font-weight: 600;
line-height: 1.2; line-height: 1.2;
@ -71,7 +72,8 @@ h6 {
p { p {
line-height: 1.625; line-height: 1.625;
margin: 0 0 1rem 0; margin-block: 0 1rem; /* Üst ve alt kenarlar */
margin-inline: 0;
} }
.p-toast.p-toast-top-right, .p-toast.p-toast-top-right,
@ -92,5 +94,5 @@ button {
} }
textarea { textarea {
resize: none; resize: none;
} }

30
apps/showcase/assets/styles/layout/_doc.scss
View File

@ -38,7 +38,8 @@
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
display: block; display: block;
padding: 0 2rem 1rem 2rem; padding-block: 0 1rem; /* Üst ve alt kenarlar */
padding-inline: 2rem;
text-align: center; text-align: center;
color: var(--text-color); color: var(--text-color);
font-size: 1rem; font-size: 1rem;
@ -48,8 +49,8 @@
transition: outline-color 0.2s, border-color 0.2s; transition: outline-color 0.2s, border-color 0.2s;
outline-color: transparent; outline-color: transparent;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
border-top-right-radius: 6px; border-start-end-radius: 6px;
border-top-left-radius: 6px; border-start-start-radius: 6px;
white-space: nowrap; white-space: nowrap;
--p-focus-ring-offset: -1px; --p-focus-ring-offset: -1px;
@include focus-visible(); @include focus-visible();
@ -114,7 +115,7 @@
> a { > a {
color: var(--primary-text-color); color: var(--primary-text-color);
opacity: 0.7; opacity: 0.7;
margin-left: 1rem; margin-inline-start: 1rem;
display: none; display: none;
transition: outline-color 0.2s, border-color 0.2s, opacity 0.2s; transition: outline-color 0.2s, border-color 0.2s, opacity 0.2s;
outline-color: transparent; outline-color: transparent;
@ -123,7 +124,7 @@
} }
> .doc-section-label-badge { > .doc-section-label-badge {
margin-left: 0.5rem; margin-inline-start: 0.5rem;
} }
&:has(.doc-section-label-badge) { &:has(.doc-section-label-badge) {
@ -177,8 +178,9 @@
max-height: calc(100vh - 15rem); max-height: calc(100vh - 15rem);
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0.25rem 0; padding-block: 0.25rem;
margin-left: 4rem; padding-inline: 0;
margin-inline-start: 4rem;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
align-self: flex-start; align-self: flex-start;
@ -326,8 +328,9 @@
th { th {
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
padding: .75rem 1rem; padding-block: .75rem;
text-align: left; padding-inline: 1rem;
text-align: start;
text-transform: capitalize; text-transform: capitalize;
} }
@ -337,7 +340,8 @@
} }
td { td {
padding: .75rem 1rem; padding-block: .75rem;
padding-inline: 1rem;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
white-space: pre-line; white-space: pre-line;
line-height: 1.5; line-height: 1.5;
@ -373,7 +377,8 @@
background-color: var(--mark-background); background-color: var(--mark-background);
color: var(--mark-text); color: var(--mark-text);
border-radius: 6px; border-radius: 6px;
padding: 2px 6px; padding-block: 2px;
padding-inline: 6px;
font-weight: 600; font-weight: 600;
font-style: normal; font-style: normal;
white-space: nowrap; white-space: nowrap;
@ -410,7 +415,8 @@
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-radius: 6px; border-radius: 6px;
padding: 2px 6px; padding-block: 2px;
padding-inline: 6px;
max-width: min-content; max-width: min-content;
border-color: var(--border-color); border-color: var(--border-color);
background-color: var(--card-background); background-color: var(--card-background);