jrtechs-sugarizer-lite/activities/TurtleBlocksJS.activity/css/_popdown.sass

// Copyright (C) 2015 Sam Parkinson
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program.  If not, see <http://www.gnu.org/licenses/>.

#popdown-palette
    display: none
    position: absolute
    z-index: 9999

    top: 0
    left: 0
    width: 100%
    max-height: 100%
    overflow-y: scroll

    background: rgba(255, 255, 255, 0.85)

    &:last-child
        margin-bottom: 2.5em

    &.show
        display: block

    &.show ~ .canvasHolder
        filter: blur(10px)
        -webkit-filter: blur(10px)

    ul
        display: none
    .palette.show ul
        display: block

    li
        list-style: none

    h2
        border-bottom: 1px solid #444
        width: 80%
        padding: 0 10%

        span
            vertical-align: 60%

        img
            display: block
            float: right

    .palette.show .show-button
        display: none

    .palette:not(.show)
        .hide-button, .popout-button
            display: none

div.back
    display: block
    position: fixed

    height: 2.5em
    width: 100%
    top: calc(100% - 2.5em)

    background-color: #999

    h2
        margin-top: 0.25em
        border-bottom: none !important
        color: white

    &:active
        background-color: black