cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-08-14 08:06:38 -07:00
parent c3563b0ac3
commit 51b60301d1
No known key found for this signature in database
6 changed files with 45 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/assets/styles/components/text-toggle.css
View file

@ -1,25 +1,27 @@
[data-toggle-content].text-toggle-hidden {
position: relative;
height: 500px;
overflow: hidden;
margin-bottom: var(--sizing-base);
[data-toggle-content] {
&.text-toggle-hidden {
position: relative;
height: 500px;
overflow: hidden;
margin-bottom: var(--sizing-base);
& p:first-of-type {
margin-top: 0;
& p:first-of-type {
margin-top: 0;
}
&::after {
position: absolute;
z-index: 1;
content: '';
box-shadow: inset 0 -120px 80px -60px var(--background-color);
width: 100%;
height: 20%;
bottom: 0;
left: 0;
}
}
&::after {
position: absolute;
z-index: 1;
content: '';
box-shadow: inset 0 -120px 80px -60px var(--background-color);
width: 100%;
height: 20%;
bottom: 0;
left: 0;
& + button[data-toggle-button]:has(+ *) {
margin: 0 0 var(--sizing-base);
}
}
[data-toggle-content] + button[data-toggle-button]:has(+ table) {
margin: 0 0 var(--sizing-base);
}