INGREDIENTS
background-color: rgb
2/5
background-color: rgba
1 serving
display: table
1 serving
display: table-cell
1 serving
vertical-align: top
1 serving
font-size: 20px
1 serving
background-color: #fefefe
777
border-right: 1px # solid
777
border-bottom: 1px # solid
1 serving
list-style: none
1 serving
list-style: none
1 serving
color: inherit
1 serving
the button used to close the mmm
1 serving
font-size: 50px
333
color
555
color
1 serving
font-size: 25px
1 serving
color: #fff
1 serving
margin-bottom: 17px
1 serving
margin-top: 17px
1 serving
feast-social .simple-social-icons {
1 serving
list-style: none
1 serving
border-top: 1px solid #ccc
1 serving
border-bottom: 1px solid #ccc
1 serving
admin-bar .feastmobilenavbar {
1 serving
top: 32px
1 serving
admin-bar .feastmobilenavbar {
1 serving
position: sticky
1 container
admin-bar .site .admin-bar .body-template-content {
1 serving
margin-bottom: inherit !important
1 serving
color
color
4
modern-menu-desktop-social .simple-social-icons li:nth-child
1 serving
margin-top: 80px; /* prevents menu overlapping content
1 serving
add animation
1 serving
webkit-keyframes openmenu {
1 serving
from
1 serving
to
1 serving
}
1 serving
webkit-keyframes closebutton {
1 serving
}
1 serving
add animation
1 serving
keyframes openmenu {
1 serving
from
1 serving
to
1 serving
}
1 serving
keyframes closebutton {
1 serving
}
1 serving
the mmm's background
1 serving
feastmobilemenu-background {
1 serving
display: none
1 serving
position: fixed
9999
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
height
1 serving
overflow: auto
1 serving
}
1 serving
display the mmm when targeted
1 serving
feastmobilemenu-background:target {
1 serving
position: fixed
1 serving
}
1 serving
the mmm box
1 serving
mmm-dialog {
1 serving
}
1 serving
the mmm's content
1 serving
mmm-dialog .mmm-content {
-1 ? SOLID margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding: 10px 10px 10px 20px
1 serving
position: fixed
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
contain: strict
1 serving
overflow-x: hidden
1 serving
overflow-y: auto
-1 ? SOLID outline: 0; outline 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: justify
1 serving
width: 320px
1 serving
height
box-shadow: 0 4px 8px 0 rgba)
1 serving
add animation
1 serving
webkit-animation-name: openmenu; /* chrome
webkit-animation-duration: 6s; /* chrome
1 serving
animation-name: openmenu
animation-duration: 6s
1 serving
}
1 serving
mmm-content li {
1 serving
}
1 serving
menu-feast-modern-mobile-menu li {
1 serving
min-height: 50px
1 serving
margin-left: 5px
1 serving
}
1 serving
menu-feast-modern-mobile-menu li a {
1 serving
text-decoration: inherit
1 serving
}
1 serving
closebtn {
1 serving
text-decoration: none
1 serving
float: right
1 serving
margin-right: 10px
1 serving
font-weight: bold
1001
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: fixed
1 serving
left: 270px
1 serving
webkit-animation-name: closebutton; /* chrome
1
webkit-animation-duration: 5s; /* chrome
1 serving
animation-name: closebutton
1
animation-duration: 5s
1 serving
}
1 serving
closebtn:hover
1 serving
closebtn:focus {
1 serving
cursor: pointer
1 serving
}
1 serving
mmmheader {
1 serving
height: 80px
1 serving
display: flex
1 serving
justify-content: space-between
1 serving
}
1 ml
mm ogo {
1 serving
max-width: 200px
1 serving
max-height: 70px
1 serving
}
1 serving
feast-mobile-search {
1 serving
min-height: 50px
1 serving
overflow: auto
1 serving
}
1 serving
feast-mobile-search input[type=submit] {
1 serving
display: none
1 serving
}
1 serving
feast-mobile-search input[type=search] {
1 serving
width
1 serving
}
1 serving
feast-mobile-menu-social-icons {
1 serving
}
margin: !important
1 serving
}
1 serving
feastmobilenavbar {
1 serving
position: fixed
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
998
1 serving
width
1 serving
height: 80px
-1 ? SOLID padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
margin: auto
1 serving
box-sizing: border-box
1 serving
background: #fff
1 serving
display: grid
1 serving
grid-template-columns: repeat))
1 serving
text-align: center
1 serving
contain: strict
1 serving
overflow: hidden
1 serving
}
1 serving
feastmobilenavbar > div
1 serving
}
1 serving
media screen and {
-1 ? SOLID top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
-1 ? SOLID margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
feastmobilenavbar a img {
1 serving
}
1 serving
feastmenutoggle
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-items: center
1 serving
justify-content: center
1 serving
}
1 serving
feastsearchtoggle svg
1 serving
width: 30px
1 serving
height: 30px
1 serving
padding: 10px
1 serving
box-sizing: content-box
1 serving
}
1 serving
feastsubscribebutton {
1 serving
overflow: hidden
1 serving
}
1 serving
feastsubscribebutton img {
1 serving
max-width: 90px
1 serving
padding: 15px
1 serving
margin: 1px
1 serving
}
1 serving
feastsubscribebutton svg {
1 serving
}
1 serving
feastmenulogo {
1 serving
overflow: hidden
1 serving
display: flex
1 serving
align-items: center
1 serving
justify-content: center
5
grid-column-end: span
1 serving
}
1 serving
desktop-inline-modern-menu .sub-menu
1 serving
desktop-inline-modern-menu
1 serving
media only screen and {
1 serving
desktop-inline-modern-menu
1 serving
feastmobilenavbar .feastmenutoggle /* hide menu toggle
1 serving
feastmobilenavbar /* rearrange grid
1 serving
feastmenulogo
1 serving
desktop-inline-modern-menu ul {
1 serving
display: grid
1 serving
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
1 serving
height: 70px
1 serving
overflow: hidden
servings
margin: 17px
1 serving
}
1 serving
desktop-inline-modern-menu ul li {
1 serving
display: flex
1 serving
justify-content: center
1 serving
align-items: center
1 serving
min-height: 70px
1 serving
}
6
desktop-inline-modern-menu ul li:nth-child
1 serving
modern-menu-desktop-social
1 serving
feastmobilenavbar a
1 serving
} /* end desktop query
1 serving
end testing
1 serving
media only screen and {
1 serving
feastmenulogo
1 serving
feastsubscribebutton
1 serving
}
1 serving
media only screen and { /* 320px fix
1 serving
feastmobilenavbar {
1 serving
grid-template-columns: repeat))
1 serving
}
1 serving
feastmenulogo }
1 serving
header.site-header
1 serving
display: none !important
1 serving
visibility: hidden
1 serving
}
1 container
site .body-template-content {
1 serving
}
1 serving
media only screen and {
1 serving
feastmobilenavbar {
1 serving
width
-1 ? SOLID left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
padding-left: calc)
1 serving
padding-right: calc)
1 serving
}
1 serving
}
1 serving
media print {
1 serving
feastmobilenavbar
1 serving
}