diff --git a/src/styles/main/_forms.sass b/src/styles/main/_forms.sass index 690e242..8bdf6de 100644 --- a/src/styles/main/_forms.sass +++ b/src/styles/main/_forms.sass @@ -6,20 +6,21 @@ input[type=email], input[type=password], input[type=text] border-radius: 5px padding: 5px margin: 10px 5px 0 0 - font: 15px monospace + font: 15px $monoType display: inline-block - background: color.adjust($primary, $lightness: -50%) + background: color.adjust($primary, $lightness: -20%) color: $white textarea border: 0 border-radius: 3px color: $white - font: 15px monospace + font: 15px $monoType + ackground: color.adjust($primary, $lightness: -20%) button, input[type=submit] background: $highlight - color: color.adjust($primary, $lightness: -30%) + color: color.adjust($primary, $lightness: -20%) font: 14px $baseType border-radius: 5px position: relative @@ -27,10 +28,10 @@ button, input[type=submit] border: 0 padding: 5px 5px 0 5px @include object_transitions(.3s) - font: 15px monospace + font: 15px $monoType select - font: 14px monospace + font: 14px $monoType border: 1px solid $secondary -webkit-appearance: none -moz-appearance: none @@ -38,21 +39,21 @@ select color: $primary ::-webkit-input-placeholder - font: 14px monospace + font: 14px $monoType color: color.adjust($primary, $lightness: 50%) :-moz-placeholder /* Firefox 18- */ - font: 14px monospace + font: 14px $monoType color: color.adjust($primary, $lightness: 50%) ::-moz-placeholder /* Firefox 19+ */ - font: 14px monospace + font: 14px $monoType color: color.adjust($primary, $lightness: 50%) :-ms-input-placeholder - font: 14px monospace + font: 14px $monoType color: color.adjust($primary, $lightness: 50%) diff --git a/src/styles/main/_settings.sass b/src/styles/main/_settings.sass index 4d53d12..7a87add 100644 --- a/src/styles/main/_settings.sass +++ b/src/styles/main/_settings.sass @@ -78,7 +78,7 @@ visibility: hidden display: none .backup-meta - background: color.adjust($primary, $lightness: -60%) + background: color.adjust($primary, $lightness: -20%) color: $white padding: 8px border-radius: 3px @@ -118,7 +118,7 @@ margin: 0 5px 10px 0 textarea - background: color.adjust($primary, $lightness: -60%) + background: color.adjust($primary, $lightness: -20%) width: 95% height: 155px color: $secondary diff --git a/src/styles/main/_structure.sass b/src/styles/main/_structure.sass index 33d5ebd..46ddc0a 100644 --- a/src/styles/main/_structure.sass +++ b/src/styles/main/_structure.sass @@ -92,6 +92,7 @@ svg.icons width: 50% display: inline-block vertical-align: top + min-height: 60px #the-logo width: 40px diff --git a/src/styles/main/_typography.sass b/src/styles/main/_typography.sass index f570246..00a834a 100644 --- a/src/styles/main/_typography.sass +++ b/src/styles/main/_typography.sass @@ -1,5 +1,5 @@ $baseType: Helvetica, Arial, sans-serif -$monoType: monospace, courier +$monoType: "Lucida Console", Monaco, monospace h1, h2, h3 color: $white