tomas/pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial v0.8 pre-release

Browse Source
This commit is contained in:
Gani Georgiev
2022-10-30 10:28:14 +02:00
parent 9cbb2e750e
commit 90dba45d7c
388 changed files with 21580 additions and 13603 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/scss/_accordion.scss
+27 -22
View File
@@ -56,6 +56,7 @@
}
}
&:hover,
&.focus,
&:focus-visible {
&:after {
color: var(--txtPrimaryColor);
@@ -81,16 +82,20 @@
background: var(--baseAlt1Color);
}
}
&.drag-over {
.accordion-header {
background: var(--bodyColor);
}
}
&.active {
@include shadowize();
.accordion-header {
color: var(--baseColor);
box-shadow: 0px 0px 0px 1px var(--primaryColor);
box-shadow: 0px 0px 0px 1px var(--baseAlt2Color);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: var(--primaryColor);
background: var(--bodyColor);
&.interactive{
background: var(--primaryColor);
background: var(--bodyColor);
&:after {
color: inherit;
content: '\ea78';
@@ -107,28 +112,28 @@
}
}
// wrapper
.accordions {
.accordion {
border-radius: 0;
margin: -1px 0 0;
&.active {
border-radius: var(--baseRadius);
margin: var(--smSpacing) 0;
+ .accordion {
border-top-left-radius: var(--baseRadius);
border-top-right-radius: var(--baseRadius);
}
}
&:first-child {
margin-top: 0;
border-top-left-radius: var(--baseRadius);
border-top-right-radius: var(--baseRadius);
}
&:last-child {
margin-bottom: 0;
border-bottom-left-radius: var(--baseRadius);
border-bottom-right-radius: var(--baseRadius);
}
}
& > .accordion.active,
& > .accordion-wrapper > .accordion.active {
margin: var(--smSpacing) 0;
border-radius: var(--baseRadius);
}
& > .accordion:first-child,
& > .accordion-wrapper:first-child > .accordion {
margin-top: 0;
border-top-left-radius: var(--baseRadius);
border-top-right-radius: var(--baseRadius);
}
& > .accordion:last-child,
& > .accordion-wrapper:last-child > .accordion {
margin-bottom: 0;
border-bottom-left-radius: var(--baseRadius);
border-bottom-right-radius: var(--baseRadius);
}
}