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
add animation
1 serving
webkit-keyframes openmenu {
1 serving
from
1 serving
to
1 serving
}
1 serving
add animation
1 serving
keyframes openmenu {
1 serving
from
1 serving
to
1 serving
}
1 serving
the mmm's background
1 serving
feastmobilemenu-background {
1 serving
display: none
1 serving
position: fixed
9999
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? top: 0; 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 {
? margin: 0; 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
float: left
1 serving
position: fixed
1 serving
overflow-x: hidden
1 serving
overflow-y: auto
? outline: 0; 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
1 serving
min-height: 500px
box-shadow: 0 4px 8px 0 rgba)
1 serving
add animation
1 serving
webkit-animation-name: openmenu; /* chrome
webkit-animation-duration: 8s; /* chrome
1 serving
animation-name: openmenu
animation-duration: 8s
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
? top: 0; 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
}
1 serving
closebtn:hover
1 serving
closebtn:focus {
1 serving
text-decoration: none
1 serving
cursor: pointer
1 serving
}
1 container
{
1 serving
padding: 2px 16px
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
}
1 serving
}
1 serving
feastmobilenavbar {
1 serving
position: fixed
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
998
1 serving
width
1 serving
height: 80px
? padding: 0; 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
}
1 serving
feastmenutoggle
1 serving
}
1 serving
feastsearchtoggle img
1 serving
width: 30px
1 serving
height: 30px
1 serving
padding: 20px 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
padding: 3px
1 serving
margin: 1px
1 serving
}
1 serving
feastmenulogo {
1 serving
overflow: hidden
1 serving
text-align: center
1 serving
margin: 5px auto
5
grid-column-end: span
1 serving
}
1 serving
feastmenulogo img {
1 serving
height: 70px
1 serving
width: 200px
1 serving
}
1 serving
media only screen and {
1 serving
feastmenulogo
1 serving
feastsubscribebutton
1 serving
}
1 serving
media only screen and {
1 serving
feastmobilenavbar
1 serving
}
1 serving
media only screen and {
1 serving
header.site-header
1 serving
site-container
1 serving
}