1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-05 05:17:24 +02:00

Updated header logo to avoid Chrome's jumping

This commit is contained in:
Angelos Chalaris
2017-02-07 16:44:37 +02:00
parent 1edfced720
commit d7f459a70d
4 changed files with 7 additions and 2 deletions

View File

@@ -638,7 +638,9 @@ header {
font-size: 1.75em; font-size: 1.75em;
line-height: 1.2; line-height: 1.2;
margin: 1px 6px 1px 1px; margin: 1px 6px 1px 1px;
padding: 3px 0 0; } padding: 3px 0 0;
-webkit-transition: 0s opacity;
transition: 0s opacity; }
header button, header [type="button"], header button, header [type="button"],
header a.button, header label.button, header .button, header a.button, header label.button, header .button,
header a[role="button"], header label[role="button"], header [role="button"] { header a[role="button"], header label[role="button"], header [role="button"] {

File diff suppressed because one or more lines are too long

View File

@@ -839,3 +839,4 @@
- Updated `LICENSE`. - Updated `LICENSE`.
- Updated `package.json` and `bower.json`. - Updated `package.json` and `bower.json`.
- Updated `#header-logo` styling in order to make the framework's logo display properly in Chrome. - Updated `#header-logo` styling in order to make the framework's logo display properly in Chrome.
- Updated `header`s `logo` element styling to make sure that it does not *jump* in Chrome.

View File

@@ -47,6 +47,8 @@ header {
@if $header-logo-padding != 0 { @if $header-logo-padding != 0 {
padding: $header-logo-padding; padding: $header-logo-padding;
} }
-webkit-transition: 0s opacity;
transition: 0s opacity;
} }
// Link styling. // Link styling.
button, [type="button"], button, [type="button"],