INGREDIENTS
1 serving
display: block
1 serving
amp-wp-unknown-size img {
1 serving
worst case scenario when we can't figure out dimensions
1 serving
amp-wp-title-bar div {
353535
color
1 serving
ol
color: #a89c
1 serving
a:active
353535
color
353535
color
border-left: 2px solid #a89c
1 serving
back-to-top {
1 serving
font-family: -apple-system
background-color: #a89c
1 serving
color: #fff
1 serving
font-size: 1em
1 serving
color: #fff
1 serving
background-color: #fff
1 serving
border: 1px solid #fff
1 serving
top: 10px
353535
color
1 serving
overflow-wrap: break-word
1 serving
word-wrap: break-word
1 serving
flex-wrap: wrap
353535
color
1 serving
display: block
696969
color
1 serving
display: inline-block
font-size: 875em
1 serving
display: inline-block
border: 1px solid #a89c
2
border-bottom: 1px solid #ccc
696969
color
font-size: 875em
1 serving
amp-vine {
1 serving
background-size: 48px 48px
1 serving
display: block
696969
color
font-size: 875em
696969
color
font-size: 875em
1 serving
border-style: solid
1 serving
border-color: #c2c2c2
1 serving
background-color: transparent
color: #a89c
1 serving
display: block
1 serving
font-size: 14px
webkit-transition: background-color 2s ease
transition: background-color 2s ease
2
border-top: 1px solid #ccc
1 serving
font-size: 1em
696969
color
font-size: 8em
1 serving
back-to-top {
1
bottom: 275em
font-size: 8em
1 serving
generic wp styling
1 serving
alignright {
1 serving
float: right
1 serving
}
1 serving
alignleft {
1 serving
float: left
1 serving
}
1 serving
aligncenter {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
amp-wp-enforced-sizes {
1 lb
our sizes fal ack is 100vw
1 serving
max-width
margin: auto
1 serving
}
1 box
force the image into a of fixed dimensions and use object-fit to scale
1 serving
object-fit: contain
1 serving
}
1 serving
template styles
1 serving
amp-wp-content
margin: auto
1 serving
max-width: 600px
1 serving
}
1 ml
ht {
background: #a89c
1 serving
}
1 serving
body {
1 serving
background: #fff
1 serving
font-family: 'merriweather'
300
1
line-height: 75em
1 serving
}
1 serving
p
1 serving
ul
1 serving
figure {
margin: 1em
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
a
1 serving
a:visited {
1 serving
}
1 serving
a:hover
1 serving
a:focus {
1 serving
}
1 serving
quotes
1 serving
blockquote {
125
background: rgba
margin: 8px 24px
1 serving
padding: 16px
1 serving
}
1 serving
blockquote p:last-child {
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
ui fonts
1 serving
amp-wp-meta
1 serving
amp-wp-header div
1 serving
amp-wp-title
1 serving
wp-caption-text
1 serving
amp-wp-tax-category
1 serving
amp-wp-tax-tag
1 serving
amp-wp-comments-link
1 serving
amp-wp-footer p
1 serving
}
1 serving
header
1 serving
amp-wp-header {
1 serving
}
1 serving
amp-wp-header div {
400
margin: auto
1 serving
max-width: calc)
padding: 875em 16px
1 serving
position: relative
1 serving
}
1 serving
amp-wp-header a {
1 serving
text-decoration: none
1 serving
}
1 serving
site icon
1 serving
amp-wp-header .amp-wp-site-icon {
1 serving
site icon is 32px
1 serving
border-radius
1 serving
position: absolute
1 serving
right: 18px
1 serving
}
1 serving
article
1 serving
amp-wp-article {
400
1
margin: 5em auto
1 serving
max-width: 840px
1 serving
}
1 serving
article header
1 serving
amp-wp-article-header {
1 serving
align-items: center
1 serving
align-content: stretch
1 serving
display: flex
1 serving
justify-content: space-between
margin: 1.5em 16px
1 serving
}
1 serving
amp-wp-title {
10
900
margin: 0 625em
1 serving
width
1 serving
}
1 serving
article meta
1 serving
amp-wp-meta {
21
1
line-height: 5em
margin: 0 5em
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
amp-wp-article-header .amp-wp-meta:last-of-type {
1 serving
text-align: right
1 serving
}
1 serving
amp-wp-article-header .amp-wp-meta:first-of-type {
1 serving
text-align: left
1 serving
}
1 serving
amp-wp-byline amp-img
1 serving
amp-wp-byline .amp-wp-author {
1 serving
vertical-align: middle
1 serving
}
1 serving
amp-wp-byline amp-img {
1 serving
border-radius
1 serving
position: relative
1 serving
margin-right: 6px
1 serving
}
1 serving
amp-wp-posted-on {
1 serving
text-align: right
1 serving
}
1 serving
featured image
1 serving
amp-wp-article-featured-image {
margin: 1em
1 serving
}
1 serving
amp-wp-article-featured-image amp-img {
margin: auto
1 serving
}
1 serving
amp-wp-article-featured-image.wp-caption .wp-caption-text {
servings
margin: 18px
1 serving
}
1 serving
article content
1 serving
amp-wp-article-content {
servings
margin: 16px
1 serving
}
1 serving
amp-wp-article-content ul
1 serving
amp-wp-article-content ol {
1 serving
margin-left: 1em
1 serving
}
1 serving
amp-wp-article-content amp-img {
margin: auto
1 serving
}
1 serving
amp-wp-article-content amp-img.alignright {
margin: 1em 16px
1 serving
}
1 serving
amp-wp-article-content amp-img.alignleft {
margin: 16px 1em
1 serving
}
1 serving
captions
1 serving
wp-caption {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
wp-caption.alignleft {
1 serving
margin-right: 16px
1 serving
}
1 serving
wp-caption.alignright {
1 serving
margin-left: 16px
1 serving
}
1 serving
wp-caption .wp-caption-text {
1
line-height: 5em
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
padding: 66em 10px 75em
1 serving
}
1 serving
amp media
1 serving
amp-carousel {
1 serving
background: #c2c2c2
margin: -16px 1.5em
1 serving
}
1 serving
amp-iframe
1 serving
amp-youtube
1 serving
background: #c2c2c2
margin: -16px 1.5em
1 serving
}
1 serving
amp-wp-article-content amp-carousel amp-img {
1 serving
border: none
1 serving
}
1 serving
amp-carousel > amp-img > img {
1 serving
object-fit: contain
1 serving
}
1 serving
amp-wp-iframe-placeholder {
2
background: #ccc url) no-repeat center
1 serving
min-height: 48px
1 serving
}
1 serving
article footer meta
1 serving
amp-wp-article-footer .amp-wp-meta {
1 serving
}
1 serving
amp-wp-tax-category
1 serving
amp-wp-tax-tag {
1
line-height: 5em
1
margin: 5em 16px
1 serving
}
1 link
amp-wp-comments {
1
line-height: 5em
1 serving
text-align: center
margin: 25em 0 1.5em
1 serving
}
1 link
amp-wp-comments a {
1 serving
border-width: 1px 1px 2px
1 serving
border-radius: 4px
1 serving
cursor: pointer
600
1 serving
line-height: 18px
margin: auto
1 serving
max-width: 200px
1 serving
padding: 11px 16px
1 serving
text-decoration: none
1 serving
width
1 serving
}
1 serving
amp footer
1 serving
amp-wp-footer {
margin: calc)
1 serving
}
1 serving
amp-wp-footer div {
margin: auto
1 serving
max-width: calc)
1
padding: 25em 16px 25em
1 serving
position: relative
1 serving
}
2
amp-wp-footer h {
1
line-height: 375em
margin: 0 5em
1 serving
}
1 serving
amp-wp-footer p {
1
line-height: 5em
margin: 0 85px
1 serving
}
1 serving
amp-wp-footer a {
1 serving
text-decoration: none
1 serving
}
600
1 serving
line-height: 2em
1 serving
position: absolute
1 serving
right: 16px
1 serving
}