mirror of
https://github.com/oceanprotocol/docs.git
synced 2024-11-26 19:49:26 +01:00
ec4167c67f
* Issue-#763: Add search icon * Issue-#763: Remove material-ui icon library * Issue-#763: Remove @material-ui/lab library * Issue-#763: Add custom search box * Issue-#763: Remove Mui list * Issue-#763: Remove Mui usage from SearchClient * Issue-#763: Remove Mui components from SearchResultElement * Issue-#763: Remove material-ui dependency from package.json * Issue-#763: Remove double scroll bar * Issue-#763: Refactor css * Issue-#763: Rename file * Issue-#763: Refactor searchButton style in HeaderHome * Issue-#763: Use simplified search logo * Issue-#763: Refactor search result element * Issue-#763: Refactor box style * Issue-#763: Refactor SerachClient * Issue-#763: Refactor SerachClient and SearchComponent styles * Issue-#763: Refactor SearchComponent.module.scss * Trigger rebuild
53 lines
954 B
SCSS
53 lines
954 B
SCSS
@import 'variables';
|
|
@import 'animations';
|
|
|
|
.header {
|
|
background: $brand-grey-dimmed url('@oceanprotocol/art/waves/waves.svg')
|
|
no-repeat center 10rem;
|
|
background-size: cover;
|
|
width: 100%;
|
|
padding: $spacer * 2 0;
|
|
min-height: 30rem;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.headerLogo,
|
|
.headerTitle,
|
|
.headerDescription {
|
|
animation: fadeInUp 0.6s ease-out backwards;
|
|
}
|
|
|
|
.headerLogo {
|
|
width: 5rem;
|
|
height: 5rem;
|
|
}
|
|
|
|
.headerTitle {
|
|
margin-bottom: $spacer;
|
|
font-size: $font-size-h2;
|
|
animation-delay: 0.2s;
|
|
|
|
@media (min-width: $break-point--small) {
|
|
font-size: $font-size-h1;
|
|
}
|
|
}
|
|
|
|
.headerDescription {
|
|
margin-bottom: $spacer * 4;
|
|
max-width: $break-point--small;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
animation-delay: 0.4s;
|
|
|
|
@media (min-width: $break-point--small) {
|
|
font-size: $font-size-large;
|
|
}
|
|
}
|
|
|
|
.searchButtonContainer {
|
|
margin-top: $spacer * 0.5 ;
|
|
}
|