ian-pvd

/**
 * Notion Export
 *
 * Export WP block markup from a Notion data source.
 *
 * Usage:
 *   - Set environment variables:
 *     NOTION_TOKEN=your_notion_integration_token
 *     DATA_SOURCE_ID=your_notion_data_source_id
 *

ian-pvd

<?php
	function pvdind_bloginfo() {
		return [
			'name'                 => get_bloginfo( 'name' ),
			'description'          => get_bloginfo( 'description' ),
			'wpurl'                => get_bloginfo( 'wpurl' ),
			'url'                  => get_bloginfo( 'url' ),
			'admin_email'          => get_bloginfo( 'admin_email' ),
			'charset'              => get_bloginfo( 'charset' ),
			'version'              => get_bloginfo( 'version' ),

ian-pvd

/* TODO: Media query */
.home .scrolling-bg-image {
    margin-bottom: 2em;
}

.home #header .sidemenu {
    position: absolute;
    width: 100%;
    bottom: 1em;
}

ian-pvd

.elegantwp-fp16-posts {
    display: flex;
    flex-wrap: wrap;
}

.elegantwp-fp16-post,
.elegantwp-fp16-post-thumbnail {
    height: 100%;
}

ian-pvd

/* Breakpoint Mixin Examples
 *
 * SCSS example syntax for using the breakpoints mixin
 */

// Load Breakpoints Mixin
@import 'breakpoints';

.responsive {
  /* 0px and up */

ian-pvd

@import 'utilities';

/* Example Dev Boxes */

// Basic Example
.dev-box {
  @include dev-box;
}

// Change Box Colors

ian-pvd

body {
  max-width: 80%;
  margin: 1em auto;
  font: 16px/1.333 sans-serif;
  box-sizing: border-box;
}

*,*::before,*::after {
  box-sizing: inherit;
}

ian-pvd

/* Generated CSS */

	.replace-image {
		text-indent: 101%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		width: 12.5em;
		height: 3.125em;
		background-image: url('../images/image-name.png');

ian-pvd

{
    // User settings

    // Options include:
    // - Sniffer
    // - Fixer
    // - Mess Detector
    //
    // This will prepend the application with the path to php
    // Needed for windows, or anyone who doesn't/can't make phars

ian-pvd

Fluid Header Image

A header image that goes 100% width of its container and vertically aligns to the top, bottom or middle.

A Pen by Ian Edward on CodePen.

License.