Spade
Mini Shell
| Directory:~$ /proc/self/root/home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/ |
| [Home] [System Details] [Kill Me] |
#header-search {
position: absolute;
width: 100%;
z-index: 9999;
display: none;
overflow: hidden;
@include transition (height 0.3s, line-height 0.3s);
@include breakpoint(mobile-only) {
display: none !important;
}
.uk-close {
position: absolute;
right: 25px;
font-size: 25px;
opacity: 1;
@include transition (all 0.3s);
&:hover {
opacity: 0.6;
}
}
// Joomla
.search {
form {
margin-bottom: 0;
}
input {
font-family: inherit;
margin-bottom: 0;
padding: 0;
border: none;
box-shadow: none !important;
font-size: 2.5rem;
color: inherit;
width: 100%;
border-radius: 0;
background: none;
@include transition (height 0.3s, line-height 0.3s);
@include placeholder {
opacity: 1;
}
}
}
// Wordpress
.search-form {
.search-field {
font-family: inherit;
padding: 0;
border: none;
box-shadow: none !important;
font-size: 2.5rem;
color: inherit;
width: 100%;
border-radius: 0;
background: none;
@include transition (height 0.3s, line-height 0.3s);
@include placeholder {
opacity: 1;
}
}
label {
margin-bottom: 0;
}
.search-submit {
display: none;
}
}
.g-content {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
// Grav
.search-input {
font-family: inherit;
padding: 0;
border: none;
box-shadow: none !important;
font-size: 2.5rem;
color: inherit;
width: 100%;
border-radius: 0;
background: none;
@include transition (height 0.3s, line-height 0.3s);
@include placeholder {
opacity: 1;
}
}
// Joomla class for the Search
.element-invisible {
border: 0 none;
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}
#header-search-toggle {
> i {
opacity: 1;
}
}