p5.js-web-editor/styles/layout/_ide.scss
2016-06-17 14:31:33 -04:00

27 lines
324 B
SCSS

.app {
display: flex;
flex-direction: row;
height: 100%;
flex-wrap: wrap;
}
.editor-holder {
width: 50%;
height: 100%;
}
.preview-frame {
width: 50%;
}
.toolbar {
width: 100%;
}
.preferences {
width: 30%;
height: 50%;
position: absolute;
top: #{20 / $base-font-size}rem;
right:#{60 / $base-font-size}rem;
}