aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMarcin Zelent <marcin@zelent.net>2021-01-08 19:47:37 +0100
committerMarcin Zelent <marcin@zelent.net>2021-01-08 19:47:37 +0100
commit628632ff5092f1e3cf6c968d9bdfbd9a24f59541 (patch)
treefeddb4e82267bba700a15a6a7091f922f48cae40 /styles/Home.module.css
Initial commit
Diffstat (limited to 'styles/Home.module.css')
-rw-r--r--styles/Home.module.css49
1 files changed, 49 insertions, 0 deletions
diff --git a/styles/Home.module.css b/styles/Home.module.css
new file mode 100644
index 0000000..adc1e86
--- /dev/null
+++ b/styles/Home.module.css
@@ -0,0 +1,49 @@
+.container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ overflow: hidden;
+}
+
+.main {
+ height: 100%;
+ flex: 1 1 auto;
+}
+
+.asideToggle {
+ display: none;
+}
+
+@media only screen and (max-width: 500px) {
+ .asideToggle {
+ width: 36px;
+ height: 36px;
+ padding-bottom: 3px;
+ padding-left: 2px;
+ border: 2px solid rgba(0, 0, 0, 0.2);
+ border-radius: 4px;
+ display: block;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ z-index: 999;
+ transform: rotate(90deg);
+ font-family: 'Lucida Console', Monaco, monospace;
+ font-size: 18px;
+ font-weight: 700;
+ letter-spacing: -5px;
+ background-color: #fff;
+ background-clip: padding-box;
+ cursor: pointer;
+ user-select: none;
+ outline: currentcolor none medium;
+ }
+
+ .asideToggle:hover {
+ background-color: #f4f4f4;
+ }
+
+ .asideOpen {
+ left: 0;
+ }
+}