aboutsummaryrefslogtreecommitdiffstats
path: root/styles/_window.scss
diff options
context:
space:
mode:
Diffstat (limited to 'styles/_window.scss')
-rw-r--r--styles/_window.scss22
1 files changed, 17 insertions, 5 deletions
diff --git a/styles/_window.scss b/styles/_window.scss
index 81fb055..a365c2e 100644
--- a/styles/_window.scss
+++ b/styles/_window.scss
@@ -23,12 +23,24 @@
}
&:not(.window--popup) {
- top: 10vh;
- left: 10vw;
height: 80vh;
width: 80vw;
+ top: 10vh;
+ left: 10vw;
+
+
+ @media (min-width: 80em) {
+ width: 64em;
+ left: calc((100vw - 64em) / 2)
+ }
+
+ @media (min-height: 80em) {
+ width: 64em;
+ left: calc((100vh - 64em) / 2)
+ }
}
+
&__title {
position: absolute;
background-color: rgb(151, 215, 200, .9);
@@ -58,7 +70,7 @@
position: absolute;
top: .5em;
right: .5em;
- cursor: pointer;
+ // cursor: pointer;
z-index: 1;
& > span {
@@ -99,7 +111,7 @@
background: #eee;
& > div {
- cursor: pointer;
+ // cursor: pointer;
display: inline-block;
padding: .5em;
transition: .3s background;
@@ -132,7 +144,7 @@
border-top: 1px solid rgb(151, 215, 200, .1);
border-bottom: 1px solid rgb(151, 215, 200, .5);
border-radius: .5em;
- cursor: pointer;
+ // cursor: pointer;
transition: .3s background-color;
&:hover {