Skip to content

Instantly share code, notes, and snippets.

@dn7734
dn7734 / flexible-type.css
Created May 2, 2016 21:11 — forked from AllThingsSmitty/flexible-type.css
Use :root for flexible type
/* This has been added to CSS Protips https://github.com/AllThingsSmitty/css-protip */
/* The type font size in a responsive layout should be able to adjust with each viewport.
You can calculate the font size based on the viewport height and width using :root */
:root {
font-size: calc(1vw + 1vh + .5vmin);
}
/* Now you can utilize the root em unit based on the value calculated by :root */
body {
@dn7734
dn7734 / header.php
Last active November 6, 2015 10:23 — forked from retlehs/header.php
wordpress sage navwalker header.php
<?php
// This file assumes that you have included the nav walker from https://github.com/twittem/wp-bootstrap-navwalker
// somewhere in your theme.
?>
<!-- navwalker include to functions.php
// Register Custom Navigation Walker
require_once('wp_bootstrap_navwalker.php');
-->
<header class="banner navbar navbar-default navbar-static-top" role="banner">
<div class="container">