Skip to content

Commit

Permalink
fix: format
Browse files Browse the repository at this point in the history
  • Loading branch information
@deleonio
deleonio committed Mar 8, 2024
1 parent 6982d44 commit bc8d7f8
Show file tree
Hide file tree
Showing 42 changed files with 4,181 additions and 4,188 deletions.
2 changes: 1 addition & 1 deletion packages/samples/library/components/src/components/button/test/snapshot.spec.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,5 +20,5 @@ executeTests<NonNullable<unknown>>(
{
_label: [],
},
getButtonHtml
getButtonHtml,
);
2 changes: 1 addition & 1 deletion packages/samples/library/components/src/dev.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html dir="ltr" lang="de">
<head>
<meta charset="utf-8" />
Expand Down
2 changes: 1 addition & 1 deletion packages/samples/library/components/src/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html dir="ltr" lang="de">
<head>
<meta charset="utf-8" />
Expand Down
3 changes: 1 addition & 2 deletions packages/themes/bmf/src/components/abbr.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,4 @@
border-bottom: dashed var(--color-black) 1px;
text-decoration: none !important;
}

}
}
24 changes: 12 additions & 12 deletions packages/themes/bmf/src/components/accordion.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,30 +3,30 @@
font-family: var(--font-family);
}

.kol-span-wc>span {
.kol-span-wc > span {
display: flex;
place-items: baseline center;
text-align: left;
}

:host>div>.kol-heading-wc button {
:host > div > .kol-heading-wc button {
border-radius: var(--border-radius);
min-height: 22px;
padding: 12px 8px;
}

:host>div>.kol-heading-wc button .kol-span-wc {
:host > div > .kol-heading-wc button .kol-span-wc {
font-weight: 700;
font-size: 1.125rem;
line-height: 20px;
gap: 0.5rem;
}

:host>div>.kol-heading-wc button .kol-span-wc>span {
:host > div > .kol-heading-wc button .kol-span-wc > span {
gap: 0.5em;
}

:host>div>.kol-heading-wc button .kol-icon::part(icon) {
:host > div > .kol-heading-wc button .kol-icon::part(icon) {
font-family: 'Material Symbols Rounded';
font-weight: 400;
color: var(--color-midnight);
Expand All @@ -39,22 +39,22 @@
transition-duration: 150ms;
}

:host>div.open>.kol-heading-wc button .kol-icon::part(icon)::before {
:host > div.open > .kol-heading-wc button .kol-icon::part(icon)::before {
transform: rotate(90deg);
}

:host>div {
:host > div {
width: 100%;
height: 100%;
display: grid;
}

:host>div div[class='header'],
:host>div[class*='open'] div[class='content'] {
:host > div div[class='header'],
:host > div[class*='open'] div[class='content'] {
margin: 0;
}

:host>div div[class='content'] {
:host > div div[class='content'] {
padding-left: 2.25em;
padding-bottom: 12px;
padding-right: 8px;
Expand All @@ -64,7 +64,7 @@
outline: none;
}

:host>.accordion:focus-within {
:host > .accordion:focus-within {
border-radius: var(--border-radius);
cursor: pointer;
outline-color: var(--color-ocean);
Expand All @@ -73,4 +73,4 @@
outline-width: 3px;
transition: outline-offset 0.2s linear;
}
}
}
76 changes: 38 additions & 38 deletions packages/themes/bmf/src/components/alert.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,13 @@
background-color: white;
}

.kol-alert-wc>.heading {
.kol-alert-wc > .heading {
display: flex;
gap: 0.5em;
place-items: center;
}

.kol-alert-wc>.heading>div {
.kol-alert-wc > .heading > div {
display: grid;
gap: var(--kolibri-spacing);
}
Expand All @@ -33,20 +33,20 @@
background-color: transparent;
}

.msg>.heading {
.msg > .heading {
place-items: flex-start;
}

.msg>.heading>.kol-icon {
.msg > .heading > .kol-icon {
place-self: baseline;
}

.kol-alert-wc>.heading>div {
.kol-alert-wc > .heading > div {
display: grid;
gap: var(--spacing);
}

.kol-alert-wc>.heading>.kol-button-wc.close {
.kol-alert-wc > .heading > .kol-button-wc.close {
place-self: center;
}

Expand Down Expand Up @@ -102,37 +102,37 @@
padding: 0;
}

.msg>.heading>.heading-icon {
.msg > .heading > .heading-icon {
padding-top: 0;
place-items: baseline;
}

.msg>.heading>.heading-icon::part(icon) {
.msg > .heading > .heading-icon::part(icon) {
line-height: 1.375rem;
}

.msg>.heading>div>.kol-heading-wc {
.msg > .heading > div > .kol-heading-wc {
line-height: 20px;
padding-top: 0.125rem;
}

.msg.default .heading>div>.kol-heading-wc {
.msg.default .heading > div > .kol-heading-wc {
color: var(--color-grey);
}

.msg.error .heading>div>.kol-heading-wc {
.msg.error .heading > div > .kol-heading-wc {
color: var(--color-red);
}

.msg.info .heading>div>.kol-heading-wc {
.msg.info .heading > div > .kol-heading-wc {
color: var(--color-midnight);
}

.msg.success .heading>div>.kol-heading-wc {
.msg.success .heading > div > .kol-heading-wc {
color: var(--color-green);
}

.msg.warning .heading>div>.kol-heading-wc {
.msg.warning .heading > div > .kol-heading-wc {
color: var(--color-orange);
}

Expand Down Expand Up @@ -164,85 +164,85 @@
flex-direction: column;
}

.card>.heading {
.card > .heading {
padding: 0.5rem 1rem;
}

.card.hasCloser>.heading {
.card.hasCloser > .heading {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}

.card>.heading>div {
.card > .heading > div {
width: 100%;
min-height: 1.25rem;
}

.card>.heading .heading-icon {
.card > .heading .heading-icon {
justify-self: right;
margin-top: -4px;
}

.card>.heading .kol-heading-wc {
.card > .heading .kol-heading-wc {
width: 100%;
color: white;
display: flex;
font-size: 1.25rem;
line-height: 1.25rem;
}

.card>.heading .kol-heading-wc>* {
.card > .heading .kol-heading-wc > * {
margin: auto 0;
}

.card>.heading .kol-button-wc button:focus {
.card > .heading .kol-button-wc button:focus {
outline-color: var(--color-white);
outline-offset: -3px;
outline-style: solid;
outline-width: 3px;
transition: outline 0.1s linear;
}

.card>.heading .kol-button-wc button:hover {
.card > .heading .kol-button-wc button:hover {
background-color: rgba(32, 32, 32, 0.2);
}

.card>.heading .kol-button-wc button:active {
.card > .heading .kol-button-wc button:active {
background-color: rgba(32, 32, 32, 0.4);
}

.card>.heading .kol-button-wc button:hover:focus {
.card > .heading .kol-button-wc button:hover:focus {
background-color: rgba(32, 32, 32, 0.1);
}

.card>.content {
.card > .content {
padding: 1rem;
max-height: 9.5rem;
overflow-y: auto;
}

.card.default>.heading {
.card.default > .heading {
background-color: var(--color-grey);
border-bottom: 2px solid var(--color-grey);
}

.card.error>.heading {
.card.error > .heading {
background-color: var(--color-red);
border-bottom: 2px solid var(--color-red);
}

.card.info>.heading {
.card.info > .heading {
background-color: var(--color-midnight);
border-bottom: 2px solid var(--color-midnight);
}

.card.success>.heading {
.card.success > .heading {
background-color: var(--color-green);
border-bottom: 2px solid var(--color-green);
}

.card.warning>.heading {
.card.warning > .heading {
background-color: var(--color-orange);
border-bottom: 2px solid var(--color-orange);
}
Expand Down Expand Up @@ -275,7 +275,7 @@
content: 'warning';
}

.card>div>.content {
.card > div > .content {
grid-row: 2;
grid-column: 1 / span 2;
}
Expand All @@ -300,7 +300,7 @@
background-color: var(--color-orange);
}

.close>button {
.close > button {
min-width: 44px;
color: var(--color-white);
min-height: 44px;
Expand All @@ -326,28 +326,28 @@
border-color: rgba(0, 0, 0, 0);
}

.close>button {
.close > button {
padding: 8px;
}

.close>button .kol-icon {
.close > button .kol-icon {
display: flex;
width: 1em;
height: 1em;
font-size: 1rem;
}

.close>button .kol-icon::part(icon) {
.close > button .kol-icon::part(icon) {
font-family: 'Material Symbols Rounded';
font-weight: 900;
}

.close>button .kol-icon::part(icon)::before {
.close > button .kol-icon::part(icon)::before {
content: 'close';
}

.close>button:active {
.close > button:active {
box-shadow: none;
outline: none;
}
}
}
2 changes: 1 addition & 1 deletion packages/themes/bmf/src/components/avatar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,4 +2,4 @@
:host {
font-family: var(--font-family);
}
}
}
Loading

0 comments on commit bc8d7f8

Please sign in to comment.