INGREDIENTS
1 serving
display: block
1 serving
also use object-fit:contain in worst case scenario when we can't figure out dimensions
1 serving
font-size: inherit
1 serving
display: inline-block
1 serving
font-style: italic
8000
border: solid 1px
90
background-color: #ee
color
border: solid 1px #f
1
background-color: #ffb6c
color
1 pty
prevent showing empty success message in the case of an amp-redirect-to response header
1/2
background-color: rgba
1 serving
color: #fff
1 serving
wp-block-gallery[data-amp-carousel="true"] {
1 serving
display: block
1 serving
flex-wrap: unset
1 serving
amp-wp-title-bar div {
353535
color
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
clear: both
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
2
border-color: #ccc
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
text-align: center
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
amp-wp-enforced-sizes {
1 lb
our sizes fallback is 100vw
1 serving
max-width
margin: auto
1 serving
}
1 serving
prevent cases of amp-img converted from img to appear
1 serving
see
1 serving
additionally
1 serving
so that the following rules wouldn't be needed
1 serving
amp-img.amp-wp-enforced-sizes[layout="intrinsic"] > img
1 serving
amp-anim.amp-wp-enforced-sizes[layout="intrinsic"] > img {
1 serving
object-fit: contain
1 serving
}
1 serving
amp-fit-text blockquote
1
amp-fit-text h
2
amp-fit-text h
3
amp-fit-text h
4
amp-fit-text h
5
amp-fit-text h
6
amp-fit-text h {
1 serving
}
1 serving
override rule in twenty sixteen and twenty seventeen
1 serving
it set display:none
1 serving
this selector is the same
1 serving
body amp-audio:not) {
1 serving
height: auto
1 serving
}
1 serving
the default template messages
1 T
by the form sanitizer when a post form lacks the action-xhr attribute
1 serving
amp-wp-default-form-message > p {
margin: 1em
padding: 5em
1 serving
}
1 serving
amp-wp-default-form-message[submitting] > p
1 serving
amp-wp-default-form-message[submit-success] > p.amp-wp-form-redirecting {
1 serving
}
amp-wp-default-form-message[submit-success] > p:not {
1 serving
}
1 serving
amp-wp-default-form-message[submit-error] > p {
1 serving
}
1 pty
amp-wp-default-form-message[submit-success] > p:empty {
1 serving
display: none
1 serving
}
1 serving
amp-carousel .amp-wp-gallery-caption {
1 serving
position: absolute
? 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"=>""}}
? right: 0; right: 0; right: ; 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
padding: 1rem
1 serving
}
1 serving
}
1 serving
template styles
1 serving
amp-wp-content
margin: auto
1 serving
max-width: 750px
1 serving
}
1 ml
html {
background: #a89c
1 serving
}
1 serving
body {
1 serving
background: #fff
1 serving
font-family: georgia
300
1
line-height: 75em
1 serving
}
1 serving
p
1 serving
ol
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 link
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
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: 0 18px
1 serving
}
1 serving
article content
1 serving
amp-wp-article-content {
servings
margin: 0 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 .wp-caption {
1 serving
max-width
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
alignwide
1 serving
alignfull {
1 serving
}
1 serving
amp-carousel {
2
background: #ccc
margin: -16px 1.5em
1 serving
}
1 serving
amp-iframe
1 tube
amp-youtube
2
background: #ccc
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-link {
1
line-height: 5em
1 serving
text-align: center
margin: 25em 0 1.5em
1 serving
}
1 link
amp-wp-comments-link 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
}