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:
facility: local6
debugger:
enabled: true
enabled: false
provider: debugbar
censored: false
shutdown:
@@ -52,10 +52,10 @@ b, strong, label, th {
.right {
float: right; }
.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, .modular .showcase .button {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease; }
.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, #header.scrolled img, .modular .showcase .button {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
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-left: 7rem;
@@ -815,6 +815,12 @@ ul.pagination {
#header.scrolled {
padding-left: 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 {
font-family: "Sarabun", sans-serif;
@@ -840,15 +846,10 @@ ul.pagination {
#logo {
position: relative;
display: flex;
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); }
flex-direction: row; }
#logo img {
padding: 0.5rem;
height: 3rem;
height: 3.5rem;
margin: auto; }
#logo img #gouv {
padding-right: 2rem;
@@ -36,6 +36,10 @@
#header.scrolled {
padding-left: 2rem;
padding-right: 2rem;
img {
@include transform(scale(0.75));
@extend .default-animation;
}
}
#header #navbar ul.navigation li a {
@@ -69,7 +73,7 @@
position: relative;
display: flex;
flex-direction: row;
@include transform(scale(0.75));
// @include transform(scale(0.75));
// &.active {
// a:after {
// top: 0;
@@ -80,7 +84,7 @@
img {
padding: 0.5rem;
height: 3rem;
height: 3.5rem;
margin:auto;
#gouv {
padding-right: 2rem;
@@ -1,5 +1,5 @@
.default-animation {
@include transition(all 0.5s ease);
@include transition(all 0.5s ease-in-out);
}
.padding-horiz {