INGREDIENTS
1 serving
font-size: 10px
background-color
1 serving
single-page {
1 serving
background-color: #eeeeee
background-color
4
tile-text-wrapper h1
color
1 serving
color: #aaaaaa
1 serving
tile-text-wrapper.text
color
1 serving
tile-text-wrapper.photo
1 serving
color: #ffffff
1 serving
profile-text-wrapper
1 serving
color: #ffffff
1 serving
profile-text-wrapper {
1 serving
border-left: 2px solid #ffffff
1 serving
pagi-bar a {
color
1 serving
pagi-bar a:hover {
1 serving
color: #ffffff
1 serving
perma-pagi-bar
color
4
tile-text-wrapper h1
4
tile-text-wrapper h1
1 serving
button.menu-button {
1 serving
background-color: transparent
1 serving
color: #ffffff
1 serving
border: 1px solid #ffffff
1 serving
background-color: #ffffff
color
border-bottom: 1px solid
1 serving
background-color: #000!important
3
font-size: 2rem
1
font-size: 6rem
background-color
1 serving
tile-wrapper
1 serving
background-color: #ffffff
1 serving
social links
1 serving
single-page-bg {
1 serving
webkit-background-size: cover
1 oz
m -background-size: cover
1 serving
background-size: cover
1 serving
single-wrapper {
1 serving
background-color: #ffffff
1 serving
bottom-footer {
background-color
1 serving
bottom-footer
1 serving
color: #ffffff
1 serving
pagi-bar {
1 serving
border: 2px solid #ffffff
1 serving
background-color: #ffffff
1 serving
pagi-bar:hover {
1 serving
background-color: transparent
1 serving
padding-bottom
1 serving
tile-text-wrapper.text {
1 serving
tile-background .full-width-photoset {
1 serving
tile-video-wrapper iframe {
1 serving
pagi-bar-wrapper {
1 serving
margin-top
1 serving
profile-text-wrapper {
1 serving
pagi-bar:hover {
1 serving
border: 2px solid #ffffff
1 serving
background-color: #ffffff
1 serving
pagi-bar a:hover {
color
1 serving
tile-text-wrapper.text {
4
tile-text-wrapper h1
1 serving
start css
1 ml
ht {
1 serving
}
1 serving
body {
1 serving
font-family: 'source sans pro'
1 serving
}
1 serving
}
1 serving
header-underlay {
1 serving
}
1 ml
ht
1 serving
height
1 serving
}
1 serving
fonts
6
h1
200
1 serving
}
200
1 serving
}
1 serving
p
200
1 serving
}
1 serving
body {
1 serving
}
1 serving
body a {
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1
1 serving
}
1 serving
}
1 serving
letter-spacing: 1rem
1 serving
}
1 serving
text-transform: uppercase
1 serving
}
1 serving
prof-title {
1 serving
letter-spacing: 1rem
1 serving
}
1 serving
off-canvas menu
1 serving
left-off-canvas-toggle {
1 serving
position: absolute
1 serving
width: 60px
1 serving
height: 60px
1 serving
}
1 serving
border: none
1 serving
position: absolute
1 serving
width: auto
1 serving
height: auto
1 serving
outline: none
1 serving
}
1 serving
left-off-canvas-toggle i {
1 serving
}
1 serving
left-off-canvas-menu {
1 serving
}
1 serving
menu-items li a
1 serving
}
1 serving
search-input {
1 serving
font-family: 'source sans pro'
1 serving
}
1 serving
menu-divider {
1 serving
}
1 serving
prof-avatar img {
1 serving
overflow: hidden
1 serving
}
1 serving
index page
1 serving
header-pos {
1 serving
background-image: url
1 serving
background-attachment: fixed!important
1 serving
background-position: center middle
1 serving
}
1 serving
header-underlay {
1 serving
}
1 serving
prof-title {
1785
font-family: 'source sans pro'
300
1 serving
}
1 serving
prof-description {
200
1 serving
}
1 serving
tile-grid {
1 serving
}
1 serving
font-family: 'source sans pro'
1 serving
}
1 serving
tile-background.text
1 serving
}
1 serving
social-networks i {
1 serving
background-image: url
1 serving
}
1 link
perma pages
1 serving
background-image: url
1 serving
background-repeat: no-repeat
1 serving
background-position: center
1 serving
position: fixed
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
search and tag page
1 serving
footer
1 serving
}
1 serving
}
1 serving
pagination
1 serving
}
1 serving
}
1 serving
gutter and boxed styles
margin
1 serving
}
1 serving
width
1 serving
margin
1 serving
}
1 serving
}
1 serving
tile-grid {
1 serving
width
1 serving
padding
1 serving
}
1 serving
tile-grid {
1 serving
width
1 serving
margin-right: auto
1 serving
margin-left: auto
1 serving
}
1 serving
padding: 125px 125px
1 serving
}
1 serving
width
1 serving
}
1 serving
height: 44vw
1 serving
}
1 serving
height: 52vw
1 serving
}
1 serving
height: 40vw
1 serving
}
1 serving
width
1 serving
}
1 serving
width
1 serving
height
1 serving
}
1 serving
media queries
2
column grid 10px max viewport width
1 serving
media only screen and {
1 serving
width
1 serving
height
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
height: 50vw
1 serving
}
1 serving
tile-grid {
1 serving
width
1 serving
}
1 serving
}
1
column grid 768px max viewport width
1 serving
media only screen and {
1 serving
tile-grid {
1 serving
width
1 serving
}
1 serving
height: 40vw
1 serving
}
1 serving
tile-grid {
1 serving
width
1 serving
}
1 serving
height: auto
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
}
1 serving
}
1 serving
mobile/cell devices 320px - 736px
1 serving
media only screen and and {
1 serving
padding: 125px
1 serving
}
letter-spacing: 2rem
1 serving
}
1 serving
}