A fork of the popular open-source contract for web designers and developers by Stuff & Nonsense, reworded for developers
- Originally published: 05/02/2014
- Original post
Between us [company name] and you [customer name]
/* CSS Custom Properties */ | |
:root { | |
--font-family-default: 'Merriweather', serif; | |
--font-family-alt: 'Merriweather Sans', sans-serif; | |
--font-color-default: #b1a18; | |
--font-color-alt: #f5f5f3; | |
--font-link-default: #a62339; |
<?php | |
return [ | |
// default values for optimage tag if no values are set | |
'optimagetag' => [ | |
'width' => '1200', | |
'height' => null, | |
'quality' => '55' | |
] |
/* THIS IS THE CLASS THAT IS APPLIED TO THE UNORDERED LIST AND ACTS AS THE FLEX CONTAINER */ | |
.grid-wrap { | |
display: flex; /* THIS MAKES IT A FLEX CONTAINER */ | |
flex-flow: row wrap; /* THIS MAKES EACH BLOG POST LINE UP HORIZONTALLY AND WRAP TO THE NEXT LINE */ | |
align-items: center; /* YOU CAN CHOOSE DIFFERENT VALUES HERE */ | |
justify-content: center; /* YOU CAN CHOOSE DIFFERENT VALUES HERE */ | |
list-style: none; /* THIS REMOVES THE BULLET POINT FOR EACH LIST ITEM */ | |
} |
<figure class="quote"> | |
<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote> | |
</figure> |
<?php | |
kirbytext::$tags['codepen'] = array( | |
'attr' => array( | |
'height', 'type', 'class' | |
), | |
'html' => function($tag) { | |
$source = $tag->attr('codepen'); |
Between us [company name] and you [customer name]