p5.js-web-editor/client/styles/layout/_ide.scss
2016-07-12 15:58:11 -04:00

24 lines
261 B
SCSS

.ide {
display: flex;
flex-direction: row;
height: 100%;
flex-wrap: wrap;
}
.editor-holder {
flex: 1 0 0;
max-width: 45%;
height: 100%;
}
.preview-frame {
flex: 1 0 0;
}
.toolbar {
width: 100%;
}
.sidebar {
width: #{140 / $base-font-size}rem;
}