2016-07-28 05:50:35 +08:00
|
|
|
@import "../../stylesheets/variables/_all";
|
2016-05-21 00:35:15 +08:00
|
|
|
|
2016-05-31 02:12:02 +08:00
|
|
|
.enter {
|
|
|
|
opacity: 0.01;
|
|
|
|
}
|
|
|
|
|
|
|
|
.enterActive {
|
|
|
|
opacity: 1;
|
|
|
|
transition: opacity 400ms ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appear {
|
|
|
|
opacity: 0.01;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appearActive {
|
|
|
|
opacity: 1;
|
|
|
|
transition: opacity 400ms ease-in;
|
|
|
|
}
|
2016-06-02 05:57:19 +08:00
|
|
|
|
|
|
|
.whiteboardPaper {
|
2016-06-03 06:09:28 +08:00
|
|
|
position: absolute;
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.svgStyles {
|
|
|
|
object-fit: contain;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 100%;
|
2016-06-02 05:57:19 +08:00
|
|
|
}
|
2016-06-30 06:00:06 +08:00
|
|
|
|
|
|
|
.whiteboardContainer {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
2016-07-01 06:21:46 +08:00
|
|
|
|
|
|
|
.whiteboardWrapper {
|
|
|
|
order: 1;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
display: block;
|
|
|
|
position: relative;
|
|
|
|
}
|