taille logo header et debubar

This commit is contained in:
2021-05-19 12:08:35 +02:00
parent ffb5dbdaae
commit a186d29cd9
4 changed files with 20 additions and 15 deletions
+1 -1
View File
@@ -150,7 +150,7 @@ log:
syslog: syslog:
facility: local6 facility: local6
debugger: debugger:
enabled: true enabled: false
provider: debugbar provider: debugbar
censored: false censored: false
shutdown: shutdown:
@@ -52,10 +52,10 @@ b, strong, label, th {
.right { .right {
float: right; } float: right; }
.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, .modular .showcase .button { .default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, #header.scrolled img, .modular .showcase .button {
-webkit-transition: all 0.5s ease; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease; -moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease; } transition: all 0.5s ease-in-out; }
.padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer { .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
padding-left: 7rem; padding-left: 7rem;
@@ -815,6 +815,12 @@ ul.pagination {
#header.scrolled { #header.scrolled {
padding-left: 2rem; padding-left: 2rem;
padding-right: 2rem; } padding-right: 2rem; }
#header.scrolled img {
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75); }
#header #navbar ul.navigation li a { #header #navbar ul.navigation li a {
font-family: "Sarabun", sans-serif; font-family: "Sarabun", sans-serif;
@@ -840,15 +846,10 @@ ul.pagination {
#logo { #logo {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row; }
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75); }
#logo img { #logo img {
padding: 0.5rem; padding: 0.5rem;
height: 3rem; height: 3.5rem;
margin: auto; } margin: auto; }
#logo img #gouv { #logo img #gouv {
padding-right: 2rem; padding-right: 2rem;
@@ -36,6 +36,10 @@
#header.scrolled { #header.scrolled {
padding-left: 2rem; padding-left: 2rem;
padding-right: 2rem; padding-right: 2rem;
img {
@include transform(scale(0.75));
@extend .default-animation;
}
} }
#header #navbar ul.navigation li a { #header #navbar ul.navigation li a {
@@ -69,7 +73,7 @@
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@include transform(scale(0.75)); // @include transform(scale(0.75));
// &.active { // &.active {
// a:after { // a:after {
// top: 0; // top: 0;
@@ -80,7 +84,7 @@
img { img {
padding: 0.5rem; padding: 0.5rem;
height: 3rem; height: 3.5rem;
margin:auto; margin:auto;
#gouv { #gouv {
padding-right: 2rem; padding-right: 2rem;
@@ -1,5 +1,5 @@
.default-animation { .default-animation {
@include transition(all 0.5s ease); @include transition(all 0.5s ease-in-out);
} }
.padding-horiz { .padding-horiz {