Skip to content

Instantly share code, notes, and snippets.

@FriendlyWP
FriendlyWP / _sidebar.scss
Created June 2, 2018 16:18
Automatically resize footer widgets based on number of widgets present. Uses css flexbox.
.footer-widgets {
@include breakpoint(tablet) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-right: -3rem;
}
@FriendlyWP
FriendlyWP / _gutenberg-columns.scss
Last active December 13, 2018 17:53
Responsive SCSS styles for .wp-block-columns with nice spacing. Columns are full-width to the container.
@import "breakpoints"; // for bp mixin see https://snippets.cacher.io/snippet/fc10ef4581746c8e4b96
$margin-right: 4.7619%; /* this is % equiv of 40px/2.5rem, but it could be anything. */
.wp-block-columns {
$wrap: &;
display:flex;
flex-direction: row;
flex-wrap:wrap;
margin:0 -#{$margin-right} 0 0;
/*********************
Breakpoints
*********************/
/* usage: @include bp(tablet) { // your styles here } */
@mixin bp($point) {
@if $point == widescreen { // 1440px
@media (min-width: 90em) { @content ; }
}
@elseif $point == tv { // 1300px
@media (min-width: 81.25em) { @content ; }
@FriendlyWP
FriendlyWP / functions.php
Last active February 10, 2021 21:26
Accessible pager facet for FacetWP
add_filter( 'facetwp_facet_html', 'local_per_page', 10, 2);
function local_per_page ( $output, $params ) {
if ( 'pager' == $params['facet']['type'] ) {
$output = str_replace( 'class="facetwp-per-page-select"', 'class="facetwp-per-page-select" aria-label="Per Page Options"', $output );
}
return $output;
}
@FriendlyWP
FriendlyWP / page-alt-header.php
Created March 30, 2022 16:49
WordPress page template for GeneratePress
<?php
/**
* Template Name: No-Image Header
* Template Post Type: post, page
*
*
* @package GeneratePress
*/
if ( ! defined( 'ABSPATH' ) ) {