treehouse/static/css/page/index.css

53 lines
1.1 KiB
CSS
Raw Normal View History

2024-03-07 21:21:02 +01:00
.index\:hobby-corners {
&>li {
2024-06-13 21:50:09 +02:00
margin: var(--8px) 0px;
2024-03-07 21:21:02 +01:00
&>details {
2024-06-13 21:50:09 +02:00
border-top: var(--4px) solid var(--section-color);
2024-03-07 21:21:02 +01:00
}
&>details>summary {
position: relative;
overflow: clip;
box-sizing: border-box;
border-top-left-radius: 0;
border-top-right-radius: 0;
&>th-bb>.icon {
opacity: 100%;
}
& .background-icon {
position: absolute;
right: calc(var(--button-bar-icon-size) * 2);
bottom: 0;
color: var(--text-color);
opacity: 40%;
2024-06-13 21:50:09 +02:00
width: 6.85rem;
2024-03-07 21:21:02 +01:00
height: auto;
pointer-events: none;
}
}
}
}
#index\:programming {
--section-color: var(--liquidex-brand-red);
}
#index\:design {
--section-color: var(--liquidex-brand-yellow);
}
#index\:music {
--section-color: var(--liquidex-brand-green);
}
#index\:games {
--section-color: var(--liquidex-brand-blue);
}