added all devlogs
This commit is contained in:
@@ -29,6 +29,10 @@
|
||||
--color-background-highlight-hover: color-mix(in srgb, var(--color-highlight) 60%, transparent);
|
||||
|
||||
--color-waters: #2b2b2b;
|
||||
|
||||
--notch-size: 32px;
|
||||
--notch-size-small: 16px;
|
||||
--notch-size-link: 10px;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -91,5 +95,31 @@
|
||||
margin-bottom: 8px;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.notched {
|
||||
clip-path: polygon(
|
||||
0% var(--notch-size),
|
||||
var(--notch-size) 0%,
|
||||
calc(100% - var(--notch-size)) 0%,
|
||||
100% var(--notch-size),
|
||||
100% calc(100% - var(--notch-size)),
|
||||
calc(100% - var(--notch-size)) 100%,
|
||||
var(--notch-size) 100%,
|
||||
0% calc(100% - var(--notch-size))
|
||||
);
|
||||
}
|
||||
|
||||
.notched-small {
|
||||
clip-path: polygon(
|
||||
0% var(--notch-size-small),
|
||||
var(--notch-size-small) 0%,
|
||||
calc(100% - var(--notch-size-small)) 0%,
|
||||
100% var(--notch-size-small),
|
||||
100% calc(100% - var(--notch-size-small)),
|
||||
calc(100% - var(--notch-size-small)) 100%,
|
||||
var(--notch-size-small) 100%,
|
||||
0% calc(100% - var(--notch-size-small))
|
||||
);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user