diff --git a/src/styles/_common.scss b/src/styles/_common.scss index 286f3f3..90e1d63 100644 --- a/src/styles/_common.scss +++ b/src/styles/_common.scss @@ -87,6 +87,7 @@ body, textarea, input, button, a.button { @include font(); font-size: 14px; margin: 0; + color: color.$default; } textarea { diff --git a/src/styles/_mobile.scss b/src/styles/_mobile.scss index e1f34a1..25cf639 100644 --- a/src/styles/_mobile.scss +++ b/src/styles/_mobile.scss @@ -2,7 +2,8 @@ @media only screen and (max-width: 800px) { - $panel-width: "100vw - #{var.$button-width} - 2 * #{var.$block-spacing}"; + $button-width: 51px; + $panel-width: "100vw - #{$button-width} - 2 * #{var.$block-spacing}"; $panel-width-max: $panel-width; $panel-actual-width: $panel-width; @@ -11,20 +12,30 @@ } .projects { + .panel-control { + font-size: 2em; + } + .panel { width: calc(#{$panel-width}); max-width: calc(#{$panel-width}); } - #title { + #settings #title { + left: calc(100% + $button-width + 2rem); + max-width: calc(100vw - 1rem - ($button-width + 2rem) * 2); text-align: center; width: 100%; transition: none; + + span { + font-size: 0.8em; + } } &.with-right-panel, &.with-left-panel { #title { - max-width: calc(100vw - var.$block-spacing - (var.$button-width + 2 * var.$block-spacing) * 2); + max-width: calc(100vw - var.$block-spacing - ($button-width + 2 * var.$block-spacing) * 2); } #submap { @@ -38,7 +49,7 @@ } .panel.panel-right { - transform: translateX(calc(var.$button-width + var.$block-spacing * 2)); + transform: translateX(calc($button-width + var.$block-spacing * 2)); } }