diff --git a/src/css/about.css b/src/css/about.css index b602e7f..180c952 100644 --- a/src/css/about.css +++ b/src/css/about.css @@ -10,9 +10,12 @@ body { margin: 0 0 0 0; overflow: hidden; background-color: black; - --test: 13; --is-mobile: 0; - --is-mobile: 1; +} +@media (pointer: coarse) { + body { + --is-mobile: 1; + } } .overlay { @@ -34,7 +37,11 @@ body { height: 100vh; background-color: #091519; flex-direction: column; - width: 100%; +} +@media (pointer: coarse) { + .outerdiv { + width: 100%; + } } .contentholder { diff --git a/src/css/about.css.map b/src/css/about.css.map index fcaf852..3ccec57 100644 --- a/src/css/about.css.map +++ b/src/css/about.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/anim.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEE;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA9BE;EACA;EACA;EACA;EACA;EA4BA;EACA;EACA,kBAtCS;EAuCT;EAGE;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA7Dc;EA8Dd;EACA;EACA;EACA;;;AAEF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAGF;EACE,OA3EgB;EA4EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;ACvFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE","file":"about.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass","../sass/anim.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AEtFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE","file":"about.css"} \ No newline at end of file diff --git a/src/css/global.css b/src/css/global.css index 31b850d..df9b714 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -10,9 +10,12 @@ body { margin: 0 0 0 0; overflow: hidden; background-color: black; - --test: 13; --is-mobile: 0; - --is-mobile: 1; +} +@media (pointer: coarse) { + body { + --is-mobile: 1; + } } .overlay { @@ -34,7 +37,11 @@ body { height: 100vh; background-color: #091519; flex-direction: column; - width: 100%; +} +@media (pointer: coarse) { + .outerdiv { + width: 100%; + } } .contentholder { diff --git a/src/css/global.css.map b/src/css/global.css.map index 5cb1260..dbe17f4 100644 --- a/src/css/global.css.map +++ b/src/css/global.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/global.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEE;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA9BE;EACA;EACA;EACA;EACA;EA4BA;EACA;EACA,kBAtCS;EAuCT;EAGE;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA7Dc;EA8Dd;EACA;EACA;EACA;;;AAEF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAGF;EACE,OA3EgB;EA4EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE","file":"global.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE","file":"global.css"} \ No newline at end of file diff --git a/src/css/index.css b/src/css/index.css index 95afc46..53d0530 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -10,9 +10,12 @@ body { margin: 0 0 0 0; overflow: hidden; background-color: black; - --test: 13; --is-mobile: 0; - --is-mobile: 1; +} +@media (pointer: coarse) { + body { + --is-mobile: 1; + } } .overlay { @@ -34,7 +37,11 @@ body { height: 100vh; background-color: #091519; flex-direction: column; - width: 100%; +} +@media (pointer: coarse) { + .outerdiv { + width: 100%; + } } .contentholder { @@ -116,7 +123,11 @@ mark.internet { .name__subcontent { text-align: left; - text-align: center; +} +@media (pointer: coarse) { + .name__subcontent { + text-align: center; + } } .name__subcontent a { font-size: small; @@ -124,7 +135,11 @@ mark.internet { position: absolute; margin-left: 5px; margin-top: 5px; - position: relative; +} +@media (pointer: coarse) { + .name__subcontent a { + position: relative; + } } .links { @@ -136,7 +151,11 @@ mark.internet { display: flex; justify-content: center; align-items: center; - width: 80%; +} +@media (pointer: coarse) { + .links { + width: 80%; + } } .links .links__sub { height: 6vh; diff --git a/src/css/index.css.map b/src/css/index.css.map index 2ddb800..de20254 100644 --- a/src/css/index.css.map +++ b/src/css/index.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/anim.sass","../sass/index.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEE;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA9BE;EACA;EACA;EACA;EACA;EA4BA;EACA;EACA,kBAtCS;EAuCT;EAGE;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA7Dc;EA8Dd;EACA;EACA;EACA;;;AAEF;EACE,OAnEgB;EAoEhB;EACA;EACA;EACA;;;AAGF;EACE,OA3EgB;EA4EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;ACvFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE;;;ACtBF;EACE;EAEA;;;AAEF;EACE;EAGE;;AAEF;EACE;EACA;EACA;EACA;EACA;EAGA;;;AAGJ;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA","file":"index.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/global.sass","../sass/responsive.sass","../sass/anim.sass","../sass/index.sass"],"names":[],"mappings":"AAcA;EANE;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACnBA;EDUF;IAWI;;;;AAEJ;EACE;EACA;EAEA;EAEA;EACA;EACA;;;AAEF;EA7BE;EACA;EACA;EACA;EACA;EA2BA;EACA;EACA,kBArCS;EAsCT;;ACtCA;EDiCF;IAQI;;;;AAEJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAEJ;EACE;;;AAGF;EACE,OA5Dc;EA6Dd;EACA;EACA;EACA;;;AAEF;EACE,OAlEgB;EAmEhB;EACA;EACA;EACA;;;AAGF;EACE,OA1EgB;EA2EhB;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EAEE;;AACA;EACE;;;AEtFJ;EACE;IACE;;EACF;IACE;;;AAMJ;EACE,kBAdiB;EAejB;EACA;EACA;EACA;EARA;;;AAYF;EAEE;;;ACtBF;EACE;EAEA;;;AAEF;EACE;;AFLA;EEIF;IAII;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AFfF;EEUA;IAQI;;;;AAGN;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AF/BA;EEqBF;IAaI;;;AAEF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA","file":"index.css"} \ No newline at end of file diff --git a/src/sass/global.sass b/src/sass/global.sass index 450d287..550ae8d 100644 --- a/src/sass/global.sass +++ b/src/sass/global.sass @@ -21,7 +21,6 @@ body overflow: hidden background-color: black - --test: 13 --is-mobile: 0 @include mobile() --is-mobile: 1 diff --git a/src/sass/responsive.sass b/src/sass/responsive.sass index 575679b..6dac3e1 100644 --- a/src/sass/responsive.sass +++ b/src/sass/responsive.sass @@ -2,7 +2,5 @@ // Disable actual check for desktop testing @mixin mobile() - @content -// @media (pointer: coarse) @content