raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Working on refining scroll on modals

Browse Source
This commit is contained in:
summerscope
2014-09-19 14:41:17 +10:00
parent f9cbdcee0a
commit e5fc3c19e3
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/darkswarm/mixins.sass
View File

@@ -16,6 +16,20 @@
-webkit-box-shadow: $box-shadow
box-shadow: $box-shadow
@mixin elipse-shadow($elipse-shadow)
content: ""
position: absolute
z-index: -1
-webkit-box-shadow: $elipse-shadow
box-shadow: $elipse-shadow
bottom: -12%
left: 10%
right: 10%
width: 80%
height: 10%
-moz-border-radius: 100%
border-radius: 100%
@mixin border-radius($border-radius)
-webkit-border-radius: $border-radius
border-radius: $border-radius

11
app/assets/stylesheets/darkswarm/modals.css.sass
View File

@@ -4,8 +4,15 @@
dialog, .reveal-modal
border: none
outline: none
padding: 1rem
overflow-y: scroll
padding: 1.25rem
padding-bottom: 0 !important
border-bottom: 20px solid white
overflow-y: auto
overflow-x: hidden
// Not working yet - want a nice gradient shadow when there is overflow - needs JS too
// &:after
// @include elipse-shadow(0 0 40px rgba(0, 0, 0, 0.8))
// Reveal.js break point:
// @media only screen and (max-width: 40.063em)