malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Tweak battered card frame polygon

Browse Source
This commit is contained in:
Tetrakern 2024-06-11 13:59:37 +02:00
parent 8dedf5523a
commit b7dbcfe113
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/customize/card-frame-battered.css
View File

@ -1 +1 @@
:root:not(.minimal) .card{box-shadow:none}:root:not(.minimal) .card__body{border-radius:0 !important;clip-path:polygon(1.5px 1px, 3px 0.5px, 5px 0, 7% 0.5px, 8% 0, 9% 0.3px, 12% 0.4px, 14% 0, 18% 0.2px, 22% 1px, 25% 0.3px, 28% 0.6px, 30% 0, 32% 0.3px, 34% 0.1px, 36% 0, 40% 1px, 45% 0.4px, 50% 0.3px, 53% 0, 55% 0.4px, 58% 0, 60% 0.3px, 62% 0, 65% 1px, 67% 0.3px, 70% 0, 72% 0.9px, 74% 0, 78% 0.6px, 82% 0.9px, 86% 0.3px, 90% 0, calc(100% - 1.5px) 0, calc(100% - 0.8px) 1px, calc(100% - 0.4px) 2px, 100% 3px, calc(100% - 0.2px) 10%, calc(100% - 1px) 12%, 100% 13%, calc(100% - 0.2px) 14%, 100% 16%, calc(100% - 0.2px) 18%, 100% 20%, calc(100% - 0.2px) 22%, 100% 23%, calc(100% - 0.2px) 24%, 100% 25%, calc(100% - 0.3px) 26%, 100% 28%, calc(100% - 0.3px) 40%, calc(100% - 0.6px) 41%, calc(100% - 1px) 42%, 100% 43%, calc(100% - 0.2px) 44%, 100% 45%, calc(100% - 0.6px) 46%, 100% 48%, calc(100% - 0.4px) 49%, 100% 50%, calc(100% - 0.2px) 51%, 100% 55%, calc(100% - 0.8px) 56%, calc(100% - 0.4px) 57%, 100% 59%, calc(100% - 0.4px) 63%, calc(100% - 0.3px) 67%, calc(100% - 0.8px) 68%, calc(100% - 1.5px) 69%, 100% 100%, 97% calc(100% - 0.4px), 96% calc(100% - 0.8px), 94% 100%, 91% 100%, 89% calc(100% - 0.2px), 85% 100%, 81% 100%, 76% calc(100% - 0.2px), 72% 100%, 68% calc(100% - 0.2px), 63% 100%, 59% calc(100% - 0.2px), 55% 100%, 50% calc(100% - 0.3px), 45% calc(100% - 0.4px), 40% calc(100% - 0.3px), 35% calc(100% - 0.8px), 30% calc(100% - 0.2px), 20% 100%, 15% calc(100% - 2px), 10% calc(100% - 0.2px), 5% calc(100% - 0.4px), 1.5px calc(100% - 0.4px), 1px calc(100% - 0.6px), 0 calc(100% - 0.8px), 0 83%, 0.8px 78%, 0 75%, 0 70%, 0.4px 65%, 0 60%, 0.2px 50%, 0.8px 45%, 0 40%, 0.2px 35%, 0.4px 30%, 0.2px 25%, 0 20%, 0.4px 15%, 0.6px 10%, 0 5%, 0.8px 4px)}
:root:not(.minimal) .card{box-shadow:none}:root:not(.minimal) .card__body{border-radius:0 !important;clip-path:polygon(1.5px 1px, 3px 0.5px, 5px 0, 7% 0.5px, 8% 0, 9% 0.3px, 12% 0.4px, 14% 0, 18% 0.2px, 22% 1px, 25% 0.3px, 28% 0.6px, 30% 0, 32% 0.3px, 34% 0.1px, 36% 0, 40% 1px, 45% 0.4px, 50% 0.3px, 53% 0, 55% 0.4px, 58% 0, 60% 0.3px, 62% 0, 65% 1px, 67% 0.3px, 70% 0, 72% 0.9px, 74% 0, 78% 0.6px, 82% 0.9px, 86% 0.3px, 90% 0, calc(100% - 1.5px) 0, calc(100% - 0.8px) 1px, calc(100% - 0.4px) 2px, 100% 3px, calc(100% - 0.2px) 10%, calc(100% - 1px) 12%, 100% 13%, calc(100% - 0.2px) 14%, 100% 16%, calc(100% - 0.2px) 18%, 100% 20%, calc(100% - 0.2px) 22%, 100% 23%, calc(100% - 0.2px) 24%, 100% 25%, calc(100% - 0.3px) 26%, 100% 28%, calc(100% - 0.3px) 40%, calc(100% - 0.6px) 41%, calc(100% - 1px) 42%, 100% 43%, calc(100% - 0.2px) 44%, 100% 45%, calc(100% - 0.6px) 46%, 100% 48%, calc(100% - 0.4px) 49%, 100% 50%, calc(100% - 0.2px) 51%, 100% 55%, calc(100% - 0.8px) 56%, calc(100% - 0.4px) 57%, 100% 59%, calc(100% - 0.4px) 63%, calc(100% - 0.3px) 67%, calc(100% - 0.8px) 68%, calc(100% - 0.5px) 69%, 100% 100%, 97% calc(100% - 0.4px), 96% calc(100% - 0.8px), 94% 100%, 91% 100%, 89% calc(100% - 0.2px), 85% 100%, 81% 100%, 76% calc(100% - 0.2px), 72% 100%, 68% calc(100% - 0.2px), 63% 100%, 59% calc(100% - 0.2px), 55% 100%, 50% calc(100% - 0.3px), 45% calc(100% - 0.4px), 40% calc(100% - 0.3px), 35% calc(100% - 0.8px), 30% calc(100% - 0.2px), 20% 100%, 15% calc(100% - 1px), 10% calc(100% - 0.2px), 5% calc(100% - 0.4px), 1.5px calc(100% - 0.4px), 1px calc(100% - 0.6px), 0 calc(100% - 0.8px), 0 83%, 0.3px 78%, 0 75%, 0 70%, 0.4px 65%, 0 60%, 0.4px 50%, 0.6px 45%, 0 40%, 0.2px 35%, 0.4px 30%, 0.2px 25%, 0 20%, 0.4px 15%, 0.6px 10%, 0 5%, 0.8px 4px)}

2
src/scss/customize/card-frame-battered.scss
View File

@ -6,6 +6,6 @@
&__body {
border-radius: 0 !important;
clip-path: polygon(1.5px 1px, 3px 0.5px, 5px 0, 7% 0.5px, 8% 0, 9% 0.3px, 12% 0.4px, 14% 0, 18% 0.2px, 22% 1px, 25% 0.3px, 28% 0.6px, 30% 0, 32% 0.3px, 34% 0.1px, 36% 0, 40% 1px, 45% 0.4px, 50% 0.3px, 53% 0, 55% 0.4px, 58% 0, 60% 0.3px, 62% 0, 65% 1px, 67% 0.3px, 70% 0, 72% 0.9px, 74% 0, 78% 0.6px, 82% 0.9px, 86% 0.3px, 90% 0, calc(100% - 1.5px) 0, calc(100% - 0.8px) 1px, calc(100% - 0.4px) 2px, 100% 3px, calc(100% - 0.2px) 10%, calc(100% - 1px) 12%, 100% 13%, calc(100% - 0.2px) 14%, 100% 16%, calc(100% - 0.2px) 18%, 100% 20%, calc(100% - 0.2px) 22%, 100% 23%, calc(100% - 0.2px) 24%, 100% 25%, calc(100% - 0.3px) 26%, 100% 28%, calc(100% - 0.3px) 40%, calc(100% - 0.6px) 41%, calc(100% - 1px) 42%, 100% 43%, calc(100% - 0.2px) 44%, 100% 45%, calc(100% - 0.6px) 46%, 100% 48%, calc(100% - 0.4px) 49%, 100% 50%, calc(100% - 0.2px) 51%, 100% 55%, calc(100% - 0.8px) 56%, calc(100% - 0.4px) 57%, 100% 59%, calc(100% - 0.4px) 63%, calc(100% - 0.3px) 67%, calc(100% - 0.8px) 68%, calc(100% - 1.5px) 69%, 100% 100%, 97% calc(100% - 0.4px), 96% calc(100% - 0.8px), 94% 100%, 91% 100%, 89% calc(100% - 0.2px), 85% 100%, 81% 100%, 76% calc(100% - 0.2px), 72% 100%, 68% calc(100% - 0.2px), 63% 100%, 59% calc(100% - 0.2px), 55% 100%, 50% calc(100% - 0.3px), 45% calc(100% - 0.4px), 40% calc(100% - 0.3px), 35% calc(100% - 0.8px), 30% calc(100% - 0.2px), 20% 100%, 15% calc(100% - 2px), 10% calc(100% - 0.2px), 5% calc(100% - 0.4px), 1.5px calc(100% - 0.4px), 1px calc(100% - 0.6px), 0 calc(100% - 0.8px), 0 83%, 0.8px 78%, 0 75%, 0 70%, 0.4px 65%, 0 60%, 0.2px 50%, 0.8px 45%, 0 40%, 0.2px 35%, 0.4px 30%, 0.2px 25%, 0 20%, 0.4px 15%, 0.6px 10%, 0 5%, 0.8px 4px);
clip-path: polygon(1.5px 1px, 3px 0.5px, 5px 0, 7% 0.5px, 8% 0, 9% 0.3px, 12% 0.4px, 14% 0, 18% 0.2px, 22% 1px, 25% 0.3px, 28% 0.6px, 30% 0, 32% 0.3px, 34% 0.1px, 36% 0, 40% 1px, 45% 0.4px, 50% 0.3px, 53% 0, 55% 0.4px, 58% 0, 60% 0.3px, 62% 0, 65% 1px, 67% 0.3px, 70% 0, 72% 0.9px, 74% 0, 78% 0.6px, 82% 0.9px, 86% 0.3px, 90% 0, calc(100% - 1.5px) 0, calc(100% - 0.8px) 1px, calc(100% - 0.4px) 2px, 100% 3px, calc(100% - 0.2px) 10%, calc(100% - 1px) 12%, 100% 13%, calc(100% - 0.2px) 14%, 100% 16%, calc(100% - 0.2px) 18%, 100% 20%, calc(100% - 0.2px) 22%, 100% 23%, calc(100% - 0.2px) 24%, 100% 25%, calc(100% - 0.3px) 26%, 100% 28%, calc(100% - 0.3px) 40%, calc(100% - 0.6px) 41%, calc(100% - 1px) 42%, 100% 43%, calc(100% - 0.2px) 44%, 100% 45%, calc(100% - 0.6px) 46%, 100% 48%, calc(100% - 0.4px) 49%, 100% 50%, calc(100% - 0.2px) 51%, 100% 55%, calc(100% - 0.8px) 56%, calc(100% - 0.4px) 57%, 100% 59%, calc(100% - 0.4px) 63%, calc(100% - 0.3px) 67%, calc(100% - 0.8px) 68%, calc(100% - 0.5px) 69%, 100% 100%, 97% calc(100% - 0.4px), 96% calc(100% - 0.8px), 94% 100%, 91% 100%, 89% calc(100% - 0.2px), 85% 100%, 81% 100%, 76% calc(100% - 0.2px), 72% 100%, 68% calc(100% - 0.2px), 63% 100%, 59% calc(100% - 0.2px), 55% 100%, 50% calc(100% - 0.3px), 45% calc(100% - 0.4px), 40% calc(100% - 0.3px), 35% calc(100% - 0.8px), 30% calc(100% - 0.2px), 20% 100%, 15% calc(100% - 1px), 10% calc(100% - 0.2px), 5% calc(100% - 0.4px), 1.5px calc(100% - 0.4px), 1px calc(100% - 0.6px), 0 calc(100% - 0.8px), 0 83%, 0.3px 78%, 0 75%, 0 70%, 0.4px 65%, 0 60%, 0.4px 50%, 0.6px 45%, 0 40%, 0.2px 35%, 0.4px 30%, 0.2px 25%, 0 20%, 0.4px 15%, 0.6px 10%, 0 5%, 0.8px 4px);
}
}