10 years later #1
2 changed files with 37 additions and 6 deletions
|
|
@ -39,7 +39,14 @@ tags:
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="screen-space"></div>
|
<div id="screen-space"></div>
|
||||||
<div id="placeholder"></div>
|
<div id="placeholder">
|
||||||
|
<div class="box"></div>
|
||||||
|
<div class="box_brd"></div>
|
||||||
|
<div>
|
||||||
|
<div>task bar</div>
|
||||||
|
<div class="box_brd"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{%- block script %}
|
{%- block script %}
|
||||||
|
|
|
||||||
|
|
@ -114,11 +114,35 @@ $padding_half: calc(#{hippie.$space_half} - 3px) hippie.$space_half;
|
||||||
}
|
}
|
||||||
|
|
||||||
#placeholder {
|
#placeholder {
|
||||||
|
@extend %flex-bar;
|
||||||
display: none;
|
display: none;
|
||||||
z-index: map.get(hippie.$z-indexes, "content-top");
|
z-index: map.get(hippie.$z-indexes, "toast");
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100px;
|
border: 2px dashed black;
|
||||||
height: 100px;
|
background-color: rgba(0, 0, 0, .4);
|
||||||
border: 2px dashed deeppink;
|
padding: 16px;
|
||||||
background-color: hotpink;
|
|
||||||
|
* {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > div {
|
||||||
|
@extend %flex-bar;
|
||||||
|
flex-direction: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box,
|
||||||
|
.box_brd {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box_brd {
|
||||||
|
border: 2px solid black;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue