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

Add chamfered card frame

Browse Source
This commit is contained in:
Tetrakern 2024-03-05 01:32:46 +01:00
parent 301c2a4a1a
commit e7c81cb207
3 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1 @@
:root:not(.minimal) .card{box-shadow:none}:root:not(.minimal) .card__body{--m: 8px;border-radius:0 !important;clip-path:polygon(0% var(--m), var(--m) 0%, calc(100% - var(--m)) 0%, 100% var(--m), 100% calc(100% - var(--m)), calc(100% - var(--m)) 100%, var(--m) 100%, 0% calc(100% - var(--m)))}

4
includes/functions/_customizer.php
View File

@ -996,6 +996,10 @@ function fictioneer_build_customize_css( $context = null ) {
$css .= ':root:not(.minimal) .card{--card-style-border-width: 3px;box-shadow: 0 0 0 var(--card-frame-border-thickness, 3px) var(--card-frame-border-color);}';
}
if ( $card_frame === 'chamfered' ) {
$css .= fictioneer_get_customizer_css_snippet( 'card-frame-chamfered' );
}
// --- Content list style ----------------------------------------------------
if ( $content_list_style === 'full' ) {

21
src/scss/customize/card-frame-chamfered.scss Normal file
View File

@ -0,0 +1,21 @@
@import '../common/_functions';
@import '../common/_mixins';
:root:not(.minimal) .card {
box-shadow: none;
&__body {
--m: 8px;
border-radius: 0 !important;
clip-path: polygon(
0% var(--m),
var(--m) 0%,
calc(100% - var(--m)) 0%,
100% var(--m),
100% calc(100% - var(--m)),
calc(100% - var(--m)) 100%,
var(--m) 100%,
0% calc(100% - var(--m))
);
}
}