mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-28 23:48:31 +02:00
Replaced logo with the new one (#51)
* replaced logo with the new one * fix * fix * fix * preload logo
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
.logo {
|
||||
&__link {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&_with-text {
|
||||
width: 192px;
|
||||
height: 55px;
|
||||
}
|
||||
|
||||
|
||||
&_home {
|
||||
.logo__link {
|
||||
background: url("/images/logo_with_text.svg") no-repeat;
|
||||
background-size: contain;
|
||||
|
||||
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-header .logo_with-text .logo__link {
|
||||
background: url("/images/logo_with_text.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.fixed-header .logo_with-text.logo_home .logo__link {
|
||||
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
// preload images
|
||||
body::after{
|
||||
position:absolute; width:0; height:0; overflow:hidden; z-index:-1; // hide images
|
||||
content:url("/images/logo_with_text.svg") url("/images/logo_with_text_dark_bg.svg");
|
||||
}
|
||||
@@ -10099,6 +10099,48 @@ article:first-of-type figure {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo__link {
|
||||
display: block;
|
||||
height: 100%;
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.logo_with-text {
|
||||
width: 192px;
|
||||
height: 55px;
|
||||
}
|
||||
.logo_home .logo__link {
|
||||
background: url("/images/logo_with_text.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
|
||||
.logo_home .logo__link {
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-header .logo_with-text .logo__link {
|
||||
background: url("/images/logo_with_text.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) and (max-width: 1140px) {
|
||||
.fixed-header .logo_with-text.logo_home .logo__link {
|
||||
background: url("/images/logo_with_text_dark_bg.svg") no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
body::after {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
content: url("/images/logo_with_text.svg") url("/images/logo_with_text_dark_bg.svg");
|
||||
}
|
||||
|
||||
.btn_in-header {
|
||||
padding: 0.1rem 0.5rem;
|
||||
line-height: 1;
|
||||
@@ -11335,16 +11377,14 @@ img {
|
||||
padding: 30px 0px;
|
||||
}
|
||||
|
||||
.main-header .main-box .logo-box .logo img {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
/* -webkit-transition:all 300ms ease; */
|
||||
/* -ms-transition:all 300ms ease; */
|
||||
/* -o-transition:all 300ms ease; */
|
||||
/* -moz-transition:all 300ms ease; */
|
||||
/* transition:all 300ms ease; */
|
||||
}
|
||||
|
||||
/* .main-header .main-box .logo-box .logo img{
|
||||
display:inline-block;
|
||||
max-width:100%; */
|
||||
/* -webkit-transition:all 300ms ease; */
|
||||
/* -ms-transition:all 300ms ease; */
|
||||
/* -o-transition:all 300ms ease; */
|
||||
/* -moz-transition:all 300ms ease; */
|
||||
/* transition:all 300ms ease; */
|
||||
.main-header .header-upper {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
@import url('colors.css');
|
||||
|
||||
@import "article";
|
||||
|
||||
@import "blocks/logo";
|
||||
@import "blocks/button";
|
||||
@import "blocks/copy-btn";
|
||||
@import "blocks/hero-code";
|
||||
@@ -867,15 +867,15 @@ img{
|
||||
padding:30px 0px;
|
||||
}
|
||||
|
||||
.main-header .main-box .logo-box .logo img{
|
||||
/* .main-header .main-box .logo-box .logo img{
|
||||
display:inline-block;
|
||||
max-width:100%;
|
||||
max-width:100%; */
|
||||
/* -webkit-transition:all 300ms ease; */
|
||||
/* -ms-transition:all 300ms ease; */
|
||||
/* -o-transition:all 300ms ease; */
|
||||
/* -moz-transition:all 300ms ease; */
|
||||
/* transition:all 300ms ease; */
|
||||
}
|
||||
// }
|
||||
|
||||
.main-header .header-upper{
|
||||
position:relative;
|
||||
|
||||
Reference in New Issue
Block a user