color tweaks, fixed settings header cutting of action buttons isssue, updated monospace font list

This commit is contained in:
Ro 2020-09-21 19:41:49 -07:00
parent 2788e64e3b
commit 7df3d22a29
4 changed files with 15 additions and 13 deletions

View file

@ -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%)

View file

@ -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

View file

@ -92,6 +92,7 @@ svg.icons
width: 50%
display: inline-block
vertical-align: top
min-height: 60px
#the-logo
width: 40px

View file

@ -1,5 +1,5 @@
$baseType: Helvetica, Arial, sans-serif
$monoType: monospace, courier
$monoType: "Lucida Console", Monaco, monospace
h1, h2, h3
color: $white