(fix) logo dimensions

pull/1758/head
Gabriel Rodriguez Alsina 6 years ago
parent d9b4cb6102
commit d4cf83ad60
  1. 17
      apps/block_scout_web/assets/css/components/_footer.scss
  2. 6
      apps/block_scout_web/assets/css/components/_navbar.scss
  3. 6
      apps/block_scout_web/assets/css/theme/_posdao_variables.scss

@ -1,7 +1,11 @@
$footer-background-color: $secondary !default; $footer-background-color: $secondary !default;
$footer-title-color: #fff !default; $footer-title-color: #fff !default;
$footer-text-color: rgba(#fff, 0.7) !default; $footer-text-color: rgba(#fff, 0.7) !default;
$footer-link-color: $footer-text-color !default;
$footer-item-disc-color: $primary !default; $footer-item-disc-color: $primary !default;
$footer-social-icon-color: $footer-text-color !default;
$footer-logo-height: 2rem !default;
$footer-logo-width: auto !default;
.footer { .footer {
background: $footer-background-color; background: $footer-background-color;
@ -22,7 +26,8 @@ $footer-item-disc-color: $primary !default;
} }
.footer-logo { .footer-logo {
height: 2rem; height: $footer-logo-height;
width: $footer-logo-width;
} }
.footer-info-text { .footer-info-text {
@ -37,11 +42,15 @@ $footer-item-disc-color: $primary !default;
} }
.footer-social-icon { .footer-social-icon {
color: $footer-text-color; color: $footer-social-icon-color;
font-size: 22px; font-size: 22px;
margin-right: 15px; margin-right: 15px;
text-decoration: none; text-decoration: none;
&:hover {
color: $footer-social-icon-color;
}
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
@ -52,10 +61,10 @@ $footer-item-disc-color: $primary !default;
} }
.footer-link { .footer-link {
color: $footer-text-color; color: $footer-link-color;
&:hover { &:hover {
color: $footer-text-color; color: $footer-link-color;
text-decoration: underline; text-decoration: underline;
} }
} }

@ -8,8 +8,9 @@ $header-toggler-icon: "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30
$header-textfield-text-color: $header-links-color !default; $header-textfield-text-color: $header-links-color !default;
$header-textfield-background-color: #f5f6fa !default; $header-textfield-background-color: #f5f6fa !default;
$header-textfield-magnifier-color: $header-links-color !default; $header-textfield-magnifier-color: $header-links-color !default;
$header-link-horizontal-padding: 0.71rem; $header-link-horizontal-padding: 0.71rem;
$navbar-logo-height: 1.5em !default;
$navbar-logo-width: auto !default;
.navbar.navbar-primary { .navbar.navbar-primary {
background-color: $header-background-color; background-color: $header-background-color;
@ -181,7 +182,8 @@ $header-link-horizontal-padding: 0.71rem;
} }
.navbar-logo { .navbar-logo {
height: 1.5em; height: $navbar-logo-height;
width: $navbar-logo-width;
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {

@ -13,3 +13,9 @@ $tile-type-block-border-color: $secondary;
$footer-background-color: #173250; $footer-background-color: #173250;
$footer-text-color: #909dac; $footer-text-color: #909dac;
$navbar-logo-height: auto;
$navbar-logo-width: 100px;
$footer-logo-height: auto;
$footer-logo-width: 100px;
Loading…
Cancel
Save