mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-19 03:52:31 -05:00
39 lines
919 B
Sass
39 lines
919 B
Sass
|
@import "../../../bootstrap/mixins"
|
||
|
|
|
||
|
|
#spell-palette-view
|
||
|
|
position: absolute
|
||
|
|
bottom: 10px
|
||
|
|
left: 10px
|
||
|
|
right: 10px
|
||
|
|
height: 90px
|
||
|
|
padding-top: 50px
|
||
|
|
// Height and padding-top relate to .tab-content height
|
||
|
|
padding-left: 35px
|
||
|
|
padding-right: 60px
|
||
|
|
// Docs' popovers flicker when too far right, so we have big padding-right
|
||
|
|
// twilight: color: #E2E2E2
|
||
|
|
color: #333
|
||
|
|
// Get crazy with the backgrounds so that we can lower the opacity on the editor background above it, making a gradient of the disabled background color on the top around where it's usually covered
|
||
|
|
background-color: transparent
|
||
|
|
background-size: 100% 100%
|
||
|
|
z-index: 0
|
||
|
|
overflow-y: auto
|
||
|
|
|
||
|
|
img
|
||
|
|
position: absolute
|
||
|
|
left: 0
|
||
|
|
top: 0
|
||
|
|
width: 100%
|
||
|
|
height: 100%
|
||
|
|
z-index: -1
|
||
|
|
|
||
|
|
&.disabled
|
||
|
|
@include opacity(80)
|
||
|
|
|
||
|
|
h4
|
||
|
|
color: #333
|
||
|
|
font-size: 16px
|
||
|
|
line-height: 16px
|
||
|
|
margin: 0 4px
|
||
|
|
font-weight: normal
|