mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-10 23:07:47 +00:00
70 lines
1.7 KiB
Sass
70 lines
1.7 KiB
Sass
@import branding
|
|
@import mixins
|
|
|
|
dialog, .reveal-modal
|
|
border: none
|
|
outline: none
|
|
padding: 1rem
|
|
overflow-y: scroll
|
|
|
|
// Sets up max heights based on device height
|
|
@media all and (min-height: 1025px)
|
|
max-height: 80%
|
|
|
|
@media all and (min-height: 700px) and (max-height: 1024px)
|
|
max-height: 70%
|
|
|
|
@media all and (min-height: 600px) and (max-height: 699px)
|
|
max-height: 60%
|
|
|
|
@media all and (min-height: 481px) and (max-height: 599px)
|
|
max-height: 60%
|
|
|
|
@media only screen and (max-height: 480px) and (min-width: 641px)
|
|
max-height: 60%
|
|
|
|
@media all and (max-height: 480px)
|
|
overflow-y: scroll
|
|
|
|
|
|
.reveal-modal-bg
|
|
background-color: rgba(0,0,0,0.65)
|
|
|
|
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal
|
|
right: 0.4rem
|
|
background-color: rgba(235,235,235,0.85)
|
|
text-shadow: none
|
|
padding: 0.3rem
|
|
@include border-radius(999999rem)
|
|
&:hover, &:active, &:focus
|
|
background-color: rgba(235,235,235,1)
|
|
color: #333
|
|
|
|
// dialog .close-reveal-modal.outside, .reveal-modal .close-reveal-modal.outside
|
|
// top: -2.5rem
|
|
// right: -2.5rem
|
|
// font-size: 2rem
|
|
// color: white
|
|
// text-shadow: none
|
|
// padding: 0.25rem
|
|
// @include border-radius(999999)
|
|
// border: 1px solid transparent
|
|
// &:hover, &:active, &:focus
|
|
// text-shadow: 0 1px 3px #333
|
|
// border: 1px solid white
|
|
|
|
// @media all and (max-width: 640px)
|
|
// top: 0.5rem
|
|
// right: 0.5rem
|
|
// font-size: 2rem
|
|
// color: white
|
|
// text-shadow: none
|
|
// padding: 0.25rem
|
|
// background-color: rgba(150,150,150,0.85)
|
|
// @include border-radius(999999)
|
|
// border: 1px solid transparent
|
|
// &:hover, &:active, &:focus
|
|
// text-shadow: 0 1px 3px #333
|
|
// border: 1px solid white
|
|
|