p5.js-web-editor/client/styles/layout/_ide.scss

45 lines
594 B
SCSS
Raw Normal View History

2016-05-18 17:37:59 +00:00
.ide {
2016-05-11 02:22:32 +00:00
display: flex;
2016-07-21 04:05:47 +00:00
flex-direction: column;
2016-05-11 02:22:32 +00:00
height: 100%;
2016-05-11 17:19:37 +00:00
flex-wrap: wrap;
2016-05-11 02:22:32 +00:00
}
2016-07-21 04:05:47 +00:00
.editor-preview-container {
width: 100%;
2016-07-22 21:19:15 +00:00
flex: 1 0 0px;
2016-07-21 04:05:47 +00:00
display: flex;
}
.editor-console-container {
2016-07-22 21:19:15 +00:00
flex: 1 0 0px;
2016-07-12 19:58:11 +00:00
max-width: 45%;
2016-07-21 04:05:47 +00:00
height: 100%;
position: relative;
// temporary fix for safari
min-height: 75vh;
2016-07-21 04:05:47 +00:00
}
.editor-holder {
2016-05-11 02:22:32 +00:00
height: 100%;
width: 100%;
position: absolute;
2016-05-11 02:22:32 +00:00
}
.preview-frame {
2016-07-22 21:19:15 +00:00
flex: 1 0 0px;
2016-07-26 01:36:32 +00:00
min-height: 100%;
2016-05-11 17:19:37 +00:00
}
.toolbar {
width: 100%;
2016-06-17 18:31:33 +00:00
}
.sidebar {
2016-07-14 16:47:54 +00:00
width: #{180 / $base-font-size}rem;
&.sidebar--contracted {
width: #{20 / $base-font-size}rem;
}
}