lucasmazza · August 28, 2018 00:19
diff --git a/dabblet.css b/dabblet.css
 /**
 * Slide up menu
 */

 .thing {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: calc(50% - 200px);
  height: 50px;
  width: 400px;
  border: 1px solid #000;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 20px;
  transition: height .5s ease-in-out;
 }

 .thing.is-expanded {
  height: 90vh;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="thing">
 	<button onClick="this.parentElement.classList.toggle('is-expanded');">ohai</button>
 <div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Slide up menu
	*/

	.thing {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: calc(50% - 200px);
	height: 50px;
	width: 400px;
	border: 1px solid #000;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	padding: 20px;
	transition: height .5s ease-in-out;
	}

	.thing.is-expanded {
	height: 90vh;
	}
	<div class="thing">
	<button onClick="this.parentElement.classList.toggle('is-expanded');">ohai</button>
	<div>