TRI-283: edit logo
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -1,135 +1 @@
|
||||
.header {
|
||||
margin-top: 0;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100vw;
|
||||
padding: 40px 5px;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
|
||||
@media (max-width: 1304.98px) {
|
||||
.header {
|
||||
padding-top: 37px;
|
||||
padding-bottom: 41px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.header {
|
||||
padding-top: 19px;
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
.header.scrolled {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
box-shadow: var(--box-shadow-primary);
|
||||
border-bottom: 1px solid var(--color-grey);
|
||||
}
|
||||
|
||||
.header__grid, .header__list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.header__logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: relative;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
@media (max-width: 1304.98px) {
|
||||
.header__logo {
|
||||
left: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.header__logo {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.header__logo {
|
||||
left: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.header__nav {
|
||||
flex-grow: 1;
|
||||
max-width: 41%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 1720px) {
|
||||
.header__nav {
|
||||
max-width: 34%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1304.98px) {
|
||||
.header__nav {
|
||||
max-width: 46.5%;
|
||||
}
|
||||
}
|
||||
|
||||
.header__link {
|
||||
color: var(--color-black2);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header__btn {
|
||||
padding: 8px 0 6px;
|
||||
font-size: 16px;
|
||||
margin-left: 61px;
|
||||
margin-right: -3px;
|
||||
}
|
||||
|
||||
@media (min-width: 1720px) {
|
||||
.header__btn {
|
||||
margin-left: 81px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1304.98px) {
|
||||
.header__btn {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.header__btn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.header .dropdown {
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.header .dropdown {
|
||||
left: -8px;
|
||||
}
|
||||
}
|
||||
|
||||
.header .dropdown-content {
|
||||
right: 0;
|
||||
height: initial;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.header .dropdown-content {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.header img {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
.header{margin-top:0;position:fixed;left:0;top:0;width:100vw;padding:40px 5px;transition:all 0.1s ease-in-out}@media (max-width: 1304.98px){.header{padding-top:37px;padding-bottom:41px}}@media (max-width: 991.98px){.header{padding-top:19px;padding-bottom:19px}}.header.scrolled{padding-top:20px;padding-bottom:20px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0}}
|
||||
|
||||
@@ -31,9 +31,6 @@
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&__grid {
|
||||
}
|
||||
|
||||
&__logo {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
@@ -107,9 +104,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user