p5.js-web-editor/client/styles/layout/_ide.scss
Mathura MG 82207a50d3 Accessibility (#361)
* add p5 interceptor submodule

* update package

* remoce interceptor

* update interceptor;

* merge scripts

* change postinstall script

* refactor interceptor files

* remove merge conflicts

* change source files

* add registry class

* provide seperate outputs for text and grid

* switch textOutput to boolean

* make both modules usable together

* update interceptor for safari

* fix grid label

* add sound output as well

* change file strucure

* change constants

* change input lables

* switch submodule branch

* change variable name

* change grid to table

* remove role from table elements

* switch submodule branch
2017-05-31 15:23:30 -04:00

45 lines
683 B
SCSS

.ide {
display: flex;
flex-direction: column;
height: 100%;
flex-wrap: wrap;
@include themify() {
color: getThemifyVariable('primary-text-color');
background-color: getThemifyVariable('background-color');
}
}
.editor-preview-container {
width: 100%;
flex: 1 0 0px;
display: flex;
position: relative;
}
.editor-console-container {
// flex: 1 0 0px;
// max-width: 45%;
width: 100%;
height: 100%;
position: relative;
// temporary fix for safari
min-height: 75vh;
}
.editor-accessibility {
@extend %hidden-element;
}
.accessible-output {
@extend %hidden-element;
}
.toolbar {
width: 100%;
}
.sidebar {
width: 100%;
height: 100%;
}