Globals
Colors
Fonts
$font-sans: "Open Sans", sans-serif
$font-serif: Roboto, Georgia, Times, "Times New Roman", serif
$font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
$font-pre: "Courier 10 Pitch", Courier, monospace
Typografie
H1
Omschrijving:
Display an H1
Gebruik:
<h1>This is a headline</h1> or <div class="h1">This is a headline</div>
HTML Output:
<h1>This is a headline one</h1>
This is a headline one
H2
Omschrijving:
Display an H2
Gebruik:
<h2>This is a headline</h2> or <div class="h2">This is a headline</div>
HTML Output:
<h2>This is a headline two</h2>
This is a headline two
H3
Omschrijving:
Display an H3
Gebruik:
<h3>This is a headline</h3> or <div class="h3">This is a headline</div>
HTML Output:
<h3>This is a headline three</h3>
This is a headline three
H4
Omschrijving:
Display an H4
Gebruik:
<h4>This is a headline</h4> or <div class="h4">This is a headline</div>
HTML Output:
<h4>This is a headline four</h4>
This is a headline four
H5
Omschrijving:
Display an H5
Gebruik:
<h5>This is a headline</h5> or <div class="h5">This is a headline</div>
HTML Output:
<h5>This is a headline five</h5>
This is a headline five
H6
Omschrijving:
Display an H6
Gebruik:
<h6>This is a headline</h6> or <div class="h6">This is a headline</div>
HTML Output:
<h6>This is a headline six</h6>
This is a headline six
Iconen
SVG
Omschrijving:
Display inline SVGs.
Parameters:
$args (required) Configuration arguments.
Arguments:
icon (required) The SVG icon file name. Default none
title (optional) The title of the icon. Default: none
desc (optional) The description of the icon. Default: none
fill (optional) The fill color of the icon. Default: none
height (optional) The height of the icon. Default: none
width (optional) The width of the icon. Default: none
Gebruik:
<?php neitraco_display_svg( array( 'icon' => 'facebook-square' ) ); ?>
Knoppen
Formulieren
Search Form
Omschrijving:
Display the search form.
Gebruik:
<?php get_search_form(); ?>
HTML Output:
<form method="get" class="search-form" action="https://amstel.neitraco.com/"> <label for="search-field"><span class="screen-reader-text">Voer een zoekterm in</span></label> <input class="search-field" id="search-field" type="text" name="s" value="" aria-required="false" autocomplete="off" placeholder="Zoeken" /> <button type="button" class="button button-search">Zoeken</button> </form>