mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-20 22:50:11 -04:00
99a31de824
* beginnings of app directory * settings mostly good * colocate way more components * flatten components folder * reexport QueryClientProvider from client * move CodeBlock back to interface * colocate Explorer, KeyManager + more * goddamn captialisation * get toasts out of components * please eslint * no more src directory * $ instead of : * added back RowHeader component * fix settings modal padding * more spacing, less margin * fix sidebar locations button * fix tags sidebar link * clean up back button * added margin to explorer context menu to prevent contact with edge of viewport * don't export QueryClientProvider from @sd/client * basic guidelines * import interface correctly * remove old demo data * fix onboarding layout * fix onboarding navigation * fix key manager settings button --------- Co-authored-by: Jamie Pine <ijamespine@me.com>
26 lines
717 B
SCSS
26 lines
717 B
SCSS
.honeycomb-outer {
|
|
font-size: 0; /*disable white space between inline block element */
|
|
display: flex;
|
|
--s: 150px; /* size */
|
|
--m: 4px; /* margin */
|
|
--f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
|
|
}
|
|
|
|
.honeycomb-container .honeycomb-item {
|
|
width: var(--s);
|
|
margin: var(--m);
|
|
height: calc(var(--s) * 1.1547);
|
|
display: inline-block;
|
|
clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
|
|
// background: rgba(48, 48, 55, 0.272);
|
|
margin-bottom: calc(var(--m) - var(--s) * 0.2885);
|
|
}
|
|
|
|
.honeycomb-container::before {
|
|
content: '';
|
|
width: calc(var(--s) / 2 + var(--m));
|
|
float: left;
|
|
height: 120%;
|
|
shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f));
|
|
}
|