/* ==========================================================================
Bourbon
========================================================================== */
/* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Muli);
@import url(https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic);
/* line 4, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
html {
box-sizing: border-box;
}
/* line 9, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
box-sizing: inherit;
}
/* ==========================================================================
#Global variables
========================================================================== */
/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---
t-bg-black
t-bg-white
t-bg-primary
t-bg-secondary
t-bg-dusty-gray
t-bg-light-gray
t-bg-accent-green
t-bg-accent-yellow
t-bg-accent-blue
*/
/* line 91, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/settings/_colors.scss */
.c-color-swatch {
border: 1px solid #ccc;
display: inline-block;
width: 300px;
height: 200px;
margin: 1.5rem;
padding: 1.5rem;
}
/* ==========================================================================
#Mixins
========================================================================== */
/* Grid class generator
========================================================================== */
@media screen and (min-width: 0) {
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-1:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-2:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-3:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-4:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-5:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-6:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-7:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-8:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-9:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-10:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-11:last-child {
margin-right: 0;
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 768px) {
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-1:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-2:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-3:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-4:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-5:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-6:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-7:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-8:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-9:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-10:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-11:last-child {
margin-right: 0;
}
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1025px) {
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-1:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-2:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-3:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-4:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-5:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-6:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-7:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-8:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-9:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-10:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-11:last-child {
margin-right: 0;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 0) {
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-1 {
margin-left: 8.64536%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-2 {
margin-left: 17.29071%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-3 {
margin-left: 25.93607%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-4 {
margin-left: 34.58142%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-5 {
margin-left: 43.22678%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-6 {
margin-left: 51.87213%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-7 {
margin-left: 60.51749%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-8 {
margin-left: 69.16284%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-9 {
margin-left: 77.8082%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-10 {
margin-left: 86.45355%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-11 {
margin-left: 95.09891%;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.sm-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 768px) {
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-1 {
margin-left: 8.64536%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-2 {
margin-left: 17.29071%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-3 {
margin-left: 25.93607%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-4 {
margin-left: 34.58142%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-5 {
margin-left: 43.22678%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-6 {
margin-left: 51.87213%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-7 {
margin-left: 60.51749%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-8 {
margin-left: 69.16284%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-9 {
margin-left: 77.8082%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-10 {
margin-left: 86.45355%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-11 {
margin-left: 95.09891%;
}
/* line 50, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.md-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 1025px) {
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-1 {
margin-left: 8.64536%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-2 {
margin-left: 17.29071%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-3 {
margin-left: 25.93607%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-4 {
margin-left: 34.58142%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-5 {
margin-left: 43.22678%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-6 {
margin-left: 51.87213%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-7 {
margin-left: 60.51749%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-8 {
margin-left: 69.16284%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-9 {
margin-left: 77.8082%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-10 {
margin-left: 86.45355%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-11 {
margin-left: 95.09891%;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.lg-shift-12 {
margin-left: 103.74426%;
}
}
/* Palette mixin
========================================================================== */
/* Font size mixin
========================================================================== */
/* Other mixins
========================================================================== */
@-webkit-keyframes backgroundZoom {
0% {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes backgroundZoom {
0% {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fadeInText {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInText {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOutText {
0% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutText {
0% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInTextEven {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInTextEven {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes increaseHeight {
0% {
max-height: 0;
}
100% {
max-height: 6000px;
}
}
@keyframes increaseHeight {
0% {
max-height: 0;
}
100% {
max-height: 6000px;
}
}
@-webkit-keyframes decreaseHeight {
0% {
max-height: 500px;
}
100% {
max-height: 0;
}
}
@keyframes decreaseHeight {
0% {
max-height: 500px;
}
100% {
max-height: 0;
}
}
@-webkit-keyframes fadeInDown--short {
from {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown--short {
from {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInUp--short {
from {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp--short {
from {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideUp--short {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideUp--short {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
@keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
/* ==========================================================================
#Admin bar overrides
========================================================================== */
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.toolbar-bar {
display: none;
}
@media screen and (min-width: 1025px) {
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.toolbar-bar {
display: block;
}
}
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 0 !important;
}
@media screen and (min-width: 1025px) {
/* line 13, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 39px !important;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 24, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
@media screen and (min-width: 1025px) {
/* line 30, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.toolbar-tray-open {
padding-top: 79px !important;
}
}
/* Drupal tabs
========================================================================== */
/* line 43, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.g-drupal-tabs {
margin: 1.5rem 0;
}
/* line 45, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.g-drupal-tabs a {
margin-bottom: 0;
border-radius: 0;
font-size: 0.66667rem;
}
/**
* DRUPAL: Begin system.base.css.
*/
/**
* @file
* Generic theme-independent base styles.
*/
/* line 60, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .form-autocomplete {
background-image: url("/misc/throbber.gif");
background-position: 100% 2px;
/* LTR */
background-repeat: no-repeat;
}
/* line 66, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .throbbing {
background-position: 100% -18px;
/* LTR */
}
/* line 70, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
/* line 76, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .collapsed .fieldset-wrapper {
display: none;
}
/* line 81, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.collapsible {
position: relative;
}
/* line 84, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.collapsible .fieldset-legend {
display: block;
}
/* line 89, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.container-inline div,
.container-inline label {
display: inline;
}
/* line 94, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.container-inline .fieldset-wrapper {
display: block;
}
/* line 98, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.nowrap {
white-space: nowrap;
}
/* line 102, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .js-hide {
display: none;
}
/* line 106, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.element-hidden {
display: none;
}
/* line 110, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.element-invisible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
margin-bottom: 0;
}
/* line 118, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/* line 127, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.clearfix::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
/* line 135, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
* html .clearfix {
height: 1%;
}
/* IE7 */
/* line 139, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
*:first-child + html .clearfix {
min-height: 1%;
}
/* Throbber */
/* line 144, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.ajax-progress {
display: inline-block;
}
/* line 147, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.ajax-progress .throbber {
background: transparent url("../../img/throbber-active.gif") no-repeat 0 center;
float: left;
/* LTR */
height: 15px;
margin: 2px;
width: 15px;
}
/* line 155, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.ajax-progress .message {
padding-left: 20px;
}
/* line 160, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
tr .ajax-progress .throbber {
margin: 0 2px;
}
/* line 164, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.ajax-progress-bar {
width: 16em;
}
/**
* DRUPAL: End system.base.css.
*/
/**
* DRUPAL: contextual.css
*/
/**
* Contextual links regions.
*/
/* line 179, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-region {
outline: none;
position: relative;
}
/* line 184, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
/* line 191, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
/* LTR */
top: 2px;
z-index: 999;
}
/* line 199, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-wrapper a {
text-decoration: none;
}
/* line 202, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.js .contextual-links-wrapper {
display: block;
}
/* line 206, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-trigger {
background: transparent url("../../img/gear-select.png") no-repeat 2px 0;
border: 1px solid transparent;
display: none;
height: 18px;
margin: 0;
padding: 0 2px;
outline: none;
text-indent: 34px;
/* LTR */
width: 28px;
overflow: hidden;
border-radius: 4px;
}
/* line 219, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-trigger .contextual-links {
background-color: #fff;
border: 1px solid #ccc;
display: none;
margin: 0;
padding: .25em 0;
position: absolute;
right: 0;
text-align: left;
top: 18px;
white-space: nowrap;
border-radius: 4px 0 4px 4px;
/* LTR */
}
/* line 234, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
background-position: 2px -18px;
}
/* line 239, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-active .contextual-links-trigger {
background-color: #fff;
border-color: #ccc;
border-bottom: 0;
position: relative;
z-index: 1;
border-radius: 4px 4px 0 0;
}
/* line 248, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links-region:hover .contextual-links-trigger,
.contextual-links-active .contextual-links-trigger,
.contextual-links-active .contextual-links {
display: block;
}
/* line 254, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* line 261, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links li a {
color: #333 !important;
display: block;
margin: .25em 0;
padding: .25em 1em .25em .5em;
}
/* line 267, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.contextual-links li a:hover {
background-color: #bfdcee;
}
/**
* DRUPAL: End contextual.css
*/
/* DRUPAL: Fixes */
/* line 278, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.boxes-box-controls,
.context-block-region {
display: none;
}
/* Fix padding error message issue with certain form types. */
/* line 282, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.form-type-checkbox.error small,
.form-type-checkboxes.error small,
.form-item-radio.error small {
margin-top: 0;
}
/* Make FB Comments Responsive */
/* line 288, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_admin.scss */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
width: 100% !important;
}
/* ==========================================================================
#Reset
========================================================================== */
/* line 6, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_reset.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
/* line 39, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_reset.scss */
abbr[title],
dfn[title] {
cursor: help;
}
/* line 49, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_reset.scss */
u,
ins {
text-decoration: none;
}
/* line 59, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_reset.scss */
ins {
border-bottom: 1px solid;
}
/* ==========================================================================
#Shared styles - Mainly for setting bottom margin
========================================================================== */
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/generic/_shared.scss */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
input,
button,
.c-btn,
textarea {
margin: 0 0 1.7rem;
padding: 0;
}
/* ==========================================================================
#Page
- High level page styling, HTML tag only.
========================================================================== */
/*doc
---
title: Page
name: page
category: Base - Page
---
This file contains settings for the entire site with font-family, line-height,
and font size values. These should only be adjusted at the very beginning
of a project.
Variables can be found in `settings/_global.scss`.
```
html {
font-family: $f-sans;
line-height: $base-line-height; // usually 24px
font-size: $base-font-size-px; // usually 16px
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
```
*/
/* line 34, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_page.scss */
html {
background-color: #fff;
font-family: "Playfair Display", serif;
font-size: 0.95238rem;
line-height: 1.5;
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 768px) {
/* line 34, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_page.scss */
html {
line-height: 1.7;
font-size: 21px;
}
}
/* ==========================================================================
Form elements
========================================================================== */
/*doc
---
title: Forms
name: a_forms
category: Base - Forms
---
Default styling for form elements. All of the elements should be used within
a `
```
*/
/* line 43, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
border: 1px solid #ddd;
padding: .35rem;
}
/* line 47, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
box-shadow: none;
outline: 0;
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
textarea {
min-height: 3.57143rem;
overflow: auto;
resize: vertical;
width: 100%;
}
/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---
```html_example
```
*/
/* line 80, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.85rem;
padding: 1.7rem;
}
/* line 86, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*doc
---
title: Checkbox/Radios
name: c-checkbox
category: Base - Forms
---
```html_example
Checkboxes:
Radio Buttons:
```
*/
/* line 128, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.425rem;
}
/* line 133, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
}
/* line 138, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
[type="file"] {
margin-bottom: 0.85rem;
width: 100%;
}
/*doc
---
title: Select list
name: b-select-list
category: Base - Forms
---
```html_example
Select Element:
Option 1
Option 2
Option 3
Option 1
Option 2
Option 3
```
*/
/* line 171, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_forms.scss */
select {
margin-bottom: 1.7rem;
max-width: 100%;
width: auto;
}
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h1,
.alpha {
font-size: 1.71429rem;
line-height: 1.5;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h2,
.beta {
font-size: 1.42857rem;
line-height: 1.8;
}
/* line 34, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h3,
.gamma {
font-size: 1.14286rem;
line-height: 1.125;
}
/* line 39, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h4,
.delta {
font-size: 0.95238rem;
line-height: 1.35;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h5,
.epsilon {
font-size: 0.7619rem;
line-height: 1.6875;
}
/* line 49, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_headings.scss */
h6,
.zeta {
font-size: 0.66667rem;
line-height: 1.92857;
}
/* ==========================================================================
#Images
========================================================================== */
/*doc
---
title: Images
name: images
category: Base - Images
---
Default styling for the image tag. This sets a `max-width` of 100%
to make all images responsive
```html_example
This is a special quote for sure By someone special
```
*/
/* line 21, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_quotes.scss */
blockquote {
color: #32857F;
font-size: 1.71429rem;
line-height: 1.4;
}
/* line 28, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_quotes.scss */
blockquote p {
margin-bottom: 1rem;
text-indent: -.5em;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 28, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_quotes.scss */
blockquote p {
text-indent: 0;
}
}
/* line 39, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_quotes.scss */
blockquote cite {
color: #444;
display: block;
font-style: normal;
text-align: right;
font-size: 0.85714rem;
width: 40%;
float: right;
}
/* line 48, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_quotes.scss */
blockquote cite span {
color: #428f89;
display: block;
font-size: 1rem;
font-weight: 700;
}
/* ==========================================================================
#Links
========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---
Default styling for links.
```html_example
Content
```
*/
/* line 19, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_links.scss */
a {
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: rgba(36, 38, 40, 0.7);
text-decoration: none;
}
/* line 25, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_links.scss */
a:link,
a:visited {
color: rgba(36, 38, 40, 0.7);
}
/* line 28, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_links.scss */
a:hover {
color: #000;
}
/* line 32, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_links.scss */
a:active {
-webkit-transition: color 0.3s;
transition: color 0.3s;
color: rgba(12, 13, 13, 0.7);
}
/* line 37, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_links.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger) {
display: inline-block;
position: relative;
}
/* line 207, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger)::after {
-webkit-transition: width 0.25s ease-in-out;
transition: width 0.25s ease-in-out;
content: '';
width: 0;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-color: #666;
}
/* line 218, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/tools/_mixins.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger):hover::after {
width: 100%;
}
/* ==========================================================================
#Lists
========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
Default styling for lists.
*/
/* line 15, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_lists.scss */
ul,
ol {
list-style-type: none;
padding: 0;
}
/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---
Unordered list default
```html_example
```
*/
/* line 41, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_lists.scss */
ul {
list-style-type: disc;
padding-left: 1.7rem;
}
/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---
```html_example
List item 1
List item 2
```
*/
/* line 64, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_lists.scss */
ol {
list-style-type: decimal;
padding-left: 1.7rem;
}
/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---
```html_example
Term
Description
Term
Description
```
*/
/* line 91, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_lists.scss */
dl dt {
font-weight: bold;
}
/* line 95, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_lists.scss */
dl dd {
margin: 0;
}
/* ==========================================================================
#Tables
========================================================================== */
/*doc
---
title: Tables
name: tables
category: Base - Tables
---
Default styling for tables.
```html_example
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
```
*/
/* line 45, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_tables.scss */
table {
border-collapse: collapse;
-webkit-font-feature-settings: 'kern', 'liga', 'tnum';
font-feature-settings: 'kern', 'liga', 'tnum';
margin: 0.85rem 0;
table-layout: fixed;
width: 100%;
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_tables.scss */
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.85rem 0;
text-align: left;
}
/* line 60, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_tables.scss */
td {
border-bottom: 1px solid #ddd;
padding: 0.85rem 0;
}
/* line 65, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_tables.scss */
tr,
td,
th {
vertical-align: middle;
}
/* ==========================================================================
#Type
========================================================================== */
/* line 7, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_type.scss */
body {
font-size: 1rem;
line-height: 1.7;
}
/* line 14, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/base/_type.scss */
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.7rem 0;
}
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
Example
```
*/
/* line 20, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/objects/_video.scss */
.o-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
/* line 26, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/objects/_video.scss */
.o-video embed,
.o-video object,
.o-video iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/* ==========================================================================
Section css
========================================================================== */
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section {
position: relative;
overflow: hidden;
}
/* line 12, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__marker {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
font-family: "Muli", sans-serif;
font-size: 0.85714rem;
text-transform: uppercase;
letter-spacing: 0.14286rem;
line-height: 1.4;
margin-top: 0.2381rem;
margin-bottom: 1.5rem;
opacity: 0;
position: relative;
}
@media screen and (min-width: 768px) {
/* line 12, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__marker {
min-height: 150px;
}
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__marker::after {
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
content: "";
width: 3px;
position: absolute;
right: 0;
top: 0;
background: #333;
height: 0;
display: block;
}
/* line 44, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__content {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
/* line 52, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__animate .c-section__marker {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
/* line 55, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__animate .c-section__marker img {
display: block;
margin: 1.19048rem 0;
}
/* line 56, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__animate .c-section__marker::after {
height: 100%;
}
/* line 61, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_section.scss */
.c-section__animate .c-section__content {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
/* ==========================================================================
Buttons
========================================================================== */
/*doc
---
title: Button sizes
name: button-sizes
category: Components - Button
---
Here are the following button sizes and their modifier classes.
Button | Modifier Class
--------|-----------------------------------------
Small button | `btn btn--small`
Default button | `btn btn--default`
Medium button | `btn btn--medium`
Large button | `btn btn--large`
*/
/* Dynamic button mixin
========================================================================== */
/* Static button styles
========================================================================== */
/* line 65, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: rgba(36, 38, 40, 0.7);
border: 0;
color: #fff;
display: inline-block;
font-family: "Muli", sans-serif;
font-size: 1rem;
line-height: 1;
padding: .75rem 1rem;
-webkit-font-smoothing: antialiased;
}
/* line 77, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn:link, .c-btn:visited {
color: #fff;
}
/* line 81, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn:hover {
background-color: rgba(48, 51, 53, 0.7);
cursor: pointer;
}
/* line 84, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn:focus {
background-color: rgba(24, 25, 27, 0.7);
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--small {
font-size: 0.8rem;
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--default {
font-size: 1rem;
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--medium {
font-size: 1.3rem;
}
/* line 53, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--large {
font-size: 1.8rem;
}
/* line 27, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--primary {
background-color: rgba(36, 38, 40, 0.7);
color: #fff;
}
/* line 40, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--primary:hover {
background-color: rgba(48, 51, 53, 0.7);
}
/* line 46, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
color: #fff;
}
/* line 49, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_buttons.scss */
.c-btn--primary:focus {
background-color: rgba(24, 25, 27, 0.7);
}
/* ==========================================================================
Featured Pane
========================================================================== */
/*doc
---
title: Default
name: featured-pane
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
/* Full size featured pane
========================================================================== */
/* line 25, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__list {
margin-top: 2rem;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane {
position: relative;
text-align: center;
margin-bottom: 1rem;
}
/* line 35, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane:hover {
cursor: pointer;
}
/* line 37, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane img {
display: block;
width: 100%;
}
/* line 39, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane::after {
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
content: '';
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
position: absolute;
z-index: 5;
}
/* line 52, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
top: 0;
left: 0;
z-index: 6;
width: 100%;
height: 100%;
}
/* line 64, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__align {
max-width: 100%;
padding: 1rem;
}
/* line 70, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__type {
color: #fff;
font-family: "Muli", sans-serif;
letter-spacing: 3px;
font-size: 0.66667rem;
margin: 0;
padding-top: .5rem;
text-transform: uppercase;
}
/* line 80, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__title {
-webkit-animation: fadeIn 0.65s ease-in-out;
animation: fadeIn 0.65s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
color: #fff;
font-size: 1.09524rem;
font-weight: 400;
margin: 0;
opacity: 1;
max-height: 600px;
}
/* line 94, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__text {
-webkit-animation: fadeOut 0.35s ease-in-out;
animation: fadeOut 0.35s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
color: #fff;
font-size: 0.85714rem;
line-height: 1.4;
opacity: 0;
margin: 0;
max-height: 0;
}
/* line 108, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__swap {
position: relative;
padding: .5rem 0 .6rem;
overflow: hidden;
}
/* line 113, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__swap::before, .c-featured-pane__swap::after {
content: '';
width: 60%;
height: 0;
margin-left: -30%;
position: absolute;
left: 50%;
border-top: 1px solid #fff;
display: block;
opacity: 1;
}
/* line 126, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__swap::before {
top: 0;
}
/* line 127, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__swap::after {
bottom: 1px;
}
/* line 130, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane__link {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10;
display: block !important;
}
/* line 147, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover .c-featured-pane__title {
-webkit-animation: fadeOut 0.35s ease-in-out;
animation: fadeOut 0.35s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
/* line 156, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover .c-featured-pane__text {
-webkit-animation: fadeIn 0.5s ease-in-out;
animation: fadeIn 0.5s ease-in-out;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
/* line 165, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover::after {
background: rgba(0, 0, 0, 0.66);
}
/* line 171, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane--video .c-featured-pane__type {
margin-top: -1px;
}
/* line 173, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane--video .c-featured-pane__type::before {
background-image: url(../sprites/sprite.png);
background-position: -83px 0px;
width: 21px;
height: 21px;
content: '';
display: inline-block;
position: relative;
margin-right: 8px;
top: 5px;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
max-height: 600px;
}
to {
opacity: 0;
max-height: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
max-height: 600px;
}
to {
opacity: 0;
max-height: 0;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 600px;
}
}
@keyframes fadeIn {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 600px;
}
}
/*doc
---
title: Small
name: featured-pane-small
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
/* line 228, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane--small {
background: #666;
border: 1px solid #fff;
}
/* line 235, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__source {
font-size: 1rem;
}
/* line 240, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__title {
font-size: 1.2rem;
}
/* ==========================================================================
Intro css
========================================================================== */
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro {
-webkit-animation: backgroundZoom 2.2s ease-in-out;
animation: backgroundZoom 2.2s ease-in-out;
background-image: url("../../img/cover-img-1.jpg");
background-position: bottom center;
background-size: cover;
height: 550px;
text-align: center;
padding: 5.5rem 0;
position: relative;
opacity: 1;
}
@media screen and (min-width: 768px) {
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro {
height: 100vh;
background-size: cover;
}
}
/* line 25, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline {
font-size: 2.28571rem;
font-weight: 400;
line-height: 1.2;
position: relative;
padding: .5rem 0;
margin-top: 1rem;
}
/* line 33, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline .step1 {
-webkit-animation: fadeInText 1s ease-in-out;
animation: fadeInText 1s ease-in-out;
}
/* line 37, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline .step2 {
-webkit-animation: fadeInText 2s ease-in-out;
animation: fadeInText 2s ease-in-out;
}
/* line 41, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline::before, .c-intro__headline::after {
content: '';
height: 1px;
background: rgba(0, 0, 0, 0.2);
position: absolute;
width: 100%;
left: 0;
}
@media screen and (min-width: 768px) {
/* line 41, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline::before, .c-intro__headline::after {
width: 430px;
left: 50%;
margin-left: -215px;
}
}
/* line 57, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline::before {
-webkit-animation: fadeInDown--short 0.33s ease-in-out;
animation: fadeInDown--short 0.33s ease-in-out;
top: 0;
}
/* line 62, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__headline::after {
-webkit-animation: fadeInUp--short 0.33s ease-in-out;
animation: fadeInUp--short 0.33s ease-in-out;
bottom: -10px;
}
/* line 68, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__subheadline {
-webkit-animation: slideUp--short 3.2s ease-in-out, fadeInText 2.75s ease-in-out;
animation: slideUp--short 3.2s ease-in-out, fadeInText 2.75s ease-in-out;
font-family: "Muli", sans-serif;
font-size: 0.90476rem;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 3px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 68, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__subheadline {
color: #efe2a6;
opacity: .9;
font-weight: 700;
text-shadow: 0 0 10px #000000;
}
}
/* line 86, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar {
-webkit-animation: fadeInText 3.2s ease-in-out;
animation: fadeInText 3.2s ease-in-out;
background: rgba(0, 0, 0, 0.8);
padding: .35rem 1rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media screen and (min-width: 768px) {
/* line 86, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar {
padding: .15rem 1rem;
}
}
/* line 100, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar__link:link, .c-intro__bar__link:visited {
-webkit-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
color: rgba(255, 255, 255, 0.6);
font-family: "Muli", sans-serif;
font-size: 0.71429rem;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
float: left;
}
/* line 112, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar__link:link:hover, .c-intro__bar__link:visited:hover {
color: rgba(255, 255, 255, 0.4);
}
/* line 115, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar .c-social-list {
margin-top: -5px;
float: right;
}
@media screen and (min-width: 768px) {
/* line 115, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__bar .c-social-list {
margin-top: -3px;
}
}
/* line 125, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-caption {
font-size: 0.61905rem;
padding: 0.52381rem 1.09524rem;
font-family: 'Muli', sans-serif;
color: #5C5C5C;
/*
background-color: rgba(0, 0, 0, .7);
position: absolute;
left: rem(19);
bottom: rem(19);
max-width: rem(428);
color: $white;
font-size: rem(14);
text-align: left;
border-radius: rem(100);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
line-height: 0;
padding: rem(3);
cursor: pointer;
img {
height: rem(27);
}
p {
display: none;
margin-bottom: 0;
opacity: 0;
}
&:hover {
border-radius: rem(10);
padding: rem(13);
background-color: rgba(0, 0, 0, .7);
img {
display: none;
}
p {
display: block;
line-height: rem(20);
opacity: 1;
}
}*/
}
/* line 176, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-caption__section {
font-size: 0.61905rem;
padding: 0;
font-family: 'Muli', sans-serif;
color: #5C5C5C;
text-transform: none;
}
/* line 184, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_intro.scss */
.c-intro__video {
width: 100%;
margin-bottom: 1.7rem;
}
/* ==========================================================================
List UI
========================================================================== */
/*doc
---
title: Default
name: list-ui
category: Components - List UI
---
Provides default styling for a list with a bottom border. This extends `.o-nav` and `.o-nav--stacked` in order to create stacked list.
```html_example
```
*/
/* line 28, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_list-ui.scss */
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: .75rem 0;
}
/* line 35, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_list-ui.scss */
.c-list-ui__link:hover {
color: #333;
}
/*doc
---
title: Blocky
name: list-ui-blocky
category: Components - List UI
---
This creates a large hit-area for the link and also applies hover styling.
```html_example
```
*/
/* line 68, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
padding: 0;
}
/* line 72, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link {
padding: .75rem 0;
}
/* line 76, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link:hover {
color: #fff;
background: #666;
}
/*doc
---
title: Extra text
name: list-ui-text
category: Components - List UI
---
Shows default `list-ui` with extra text.
```html_example
```
*/
/* ==========================================================================
Logo component
========================================================================== */
/*doc
---
title: Logo
name: logo
category: Components - Logo
---
Contains all variations of client logos for a given project.
```html_example
1 Can Emotional Intelligence Be Taught? The New York Times
```
*/
/* line 18, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_citation.scss */
.c-citation {
font-size: 0.66667rem;
margin-bottom: 0.09524rem;
font-family: 'Muli', sans-serif;
color: #5e5e5e;
}
/* line 25, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_citation.scss */
.c-citation a {
color: #5e5e5e;
}
/* line 29, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_citation.scss */
.c-citation sup {
margin-right: 0.2381rem;
}
/* line 34, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/components/_citation.scss */
.c-citation__list {
margin-bottom: 4.38095rem;
}
/* ==========================================================================
#Trumps
========================================================================== */
/* Visibility classes
========================================================================== */
/*doc
---
title: Visibility Classes
name: vis_class
category: Trumps - Visibility Classes
---
Classes you can use in the HTML to affect the visibility of an element.
Two vartions are available: `.t-show` and `.t-hide`.
Class | Description
----------------|---------------
`.t-hide`| Hides element
`.t-show`| Shows element
```html_example
[This element is visible!]
```
*/
/* line 31, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-hide {
display: none !important;
}
/* line 32, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-show {
display: block !important;
}
/* Float classes
========================================================================== */
/*doc
---
title: Float Classes
name: flo_class
category: Trumps - Float Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use `.t-left` to float an element
to the left, and use `.t-right` to float to the right.
Class | Description
----------------|---------------
`.t-left`| Aligns element to the left
`.t-right`| Aligns element to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
```
*/
/* line 70, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-left {
float: left !important;
}
/* line 71, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-right {
float: right !important;
}
/* Text align classes
========================================================================== */
/*doc
---
title: Text Align Classes
name: tex_class
category: Trumps - Text Align Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use the following classes
to adjust text alignment:
Class | Description
----------------|---------------
`.t-text-left`| Aligns text to the left
`.t-text-center`| Aligns text to the center
`.t-text-right`| Aligns text to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
```
*/
/* line 106, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-text-left {
text-align: left !important;
}
/* line 107, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-text-right {
text-align: right !important;
}
/* line 108, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-text-center {
text-align: center !important;
}
/* Font family trumps
========================================================================== */
/*doc
---
title: Font family
name: name
category: Trumps - Font Family
---
```html_example
This is a heading which is normally serif.
This is a paragraph which is normally sans-serif.
```
*/
/* line 129, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-sans {
font-family: "Muli", sans-serif;
}
/* line 130, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-serif {
font-family: "Playfair Display", serif;
}
/* BG Colors
========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---
```html_example
Example
```
*/
/* line 151, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-bg-white {
background-color: #fff;
}
/* Margin trumps
========================================================================== */
/*doc
---
title: Margin
name: margin-classes
category: Trumps - Margin classes
---
```html_example
Margin base right
Margin small right
Margin base left
Margin small left
Margin base bottom
Margin small bottom
Margin base top
Margin small top
```
*/
/* line 179, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-mbr {
margin-right: 1.7rem;
}
/* line 180, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-msr {
margin-right: 0.85rem;
}
/* line 181, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-mbl {
margin-left: 1.7rem;
}
/* line 182, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-msl {
margin-left: 0.85rem;
}
/* line 183, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-mbb {
margin-bottom: 1.7rem;
}
/* line 184, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-msb {
margin-bottom: 0.85rem;
}
/* line 185, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-mbt {
margin-top: 1.7rem;
}
/* line 186, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-mst {
margin-top: 0.85rem;
}
/* line 188, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-nom {
margin: 0;
}
/* Padding trumps
========================================================================== */
/*doc
---
title: Padding
name: padding-classes
category: Trumps - Padding classes
---
```html_example
Padding base right
Padding small right
Padding base left
Padding small left
```
*/
/* line 211, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-pbr {
padding-right: 1.7rem;
}
/* line 212, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-psr {
padding-right: 0.85rem;
}
/* line 213, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-pbl {
padding-left: 1.7rem;
}
/* line 214, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-psl {
padding-left: 0.85rem;
}
/* line 215, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-nop {
padding: 0;
}
/* line 216, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.t-nopb {
padding-bottom: 0;
}
/* Style-guide trumps
========================================================================== */
/* line 228, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_trumps.scss */
.wf {
background: #ccc;
}
/* ==========================================================================
#States - Classes added with the .is- naming convention
========================================================================== */
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(70%);
transform: translateX(70%);
}
@media screen and (min-width: 1025px) {
/* line 5, /Users/theodoretaylor/Documents/work/brickfactory/iyf-annual-report-2015/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}