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

Add battered card frame option

Browse Source
This commit is contained in:
Tetrakern 2024-06-11 13:36:19 +02:00
parent e725106262
commit 28e001a066
5 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
config.codekit3
View File

@ -3273,6 +3273,21 @@
"pg" : 0,
"sct" : 0
},
"\/src\/scss\/customize\/card-frame-battered.scss" : {
"aP" : 0,
"bl" : 0,
"co" : 0,
"dP" : 10,
"ec" : 1,
"ft" : 4,
"ma" : 0,
"oA" : 0,
"oAP" : "\/css\/customize\/card-frame-battered.css",
"oF" : 2,
"oS" : 3,
"pg" : 0,
"sct" : 0
},
"\/src\/scss\/customize\/card-frame-chamfered.scss" : {
"aP" : 0,
"bl" : 0,

1
css/customize/card-frame-battered.css Normal file
View File

@ -0,0 +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)}

3
includes/functions/_customizer-settings.php
View File

@ -2011,7 +2011,8 @@ function fictioneer_add_card_customizer_settings( $manager ) {
'stacked_random' => _x( 'Stacked (Random)', 'Customizer card frame option.', 'fictioneer' ),
'border_2px' => _x( 'Border (2px)', 'Customizer card frame option.', 'fictioneer' ),
'border_3px' => _x( 'Border (3px)', 'Customizer card frame option.', 'fictioneer' ),
'chamfered' => _x( 'Chamfered', 'Customizer card frame option.', 'fictioneer' )
'chamfered' => _x( 'Chamfered', 'Customizer card frame option.', 'fictioneer' ),
'battered' => _x( 'Battered', 'Customizer card frame option.', 'fictioneer' )
);
$manager->add_control(

4
includes/functions/_customizer.php
View File

@ -1035,6 +1035,10 @@ function fictioneer_build_customize_css( $context = null ) {
$css .= fictioneer_get_customizer_css_snippet( 'card-frame-chamfered' );
}
if ( $card_frame === 'battered' ) {
$css .= fictioneer_get_customizer_css_snippet( 'card-frame-battered' );
}
// --- Content list style ----------------------------------------------------
if ( $content_list_style === 'full' ) {

11
src/scss/customize/card-frame-battered.scss Normal file
View File

@ -0,0 +1,11 @@
@import '../common/_functions';
@import '../common/_mixins';
:root:not(.minimal) .card {
box-shadow: none;
&__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);
}
}