created forms styles and added search-field

This commit is contained in:
jorge 2021-06-23 15:23:36 +02:00
parent ed5502dc12
commit 6e873a7299
3 changed files with 30 additions and 2 deletions

View File

@ -86,6 +86,7 @@
// Componentes // Componentes
@import "components/links"; @import "components/links";
@import "components/featured-image"; @import "components/featured-image";
@import "components/forms";
@import "components/dividers"; @import "components/dividers";
@import "components/cards"; @import "components/cards";
@import "components/buttons"; @import "components/buttons";

View File

@ -0,0 +1,20 @@
.search {
.button{
border-color: $primary-color;
}
.hollow {
border-color: $primary-color;
color: $primary-color;
&::after {
}
&::placeholder {
color: scale-color($primary-color, $lightness: -20%);
}
&:hover {
background-color: scale-color($primary-color, $lightness: 95%);
}
&:active {
background-color: scale-color($primary-color, $lightness: 85%);
}
}
}

View File

@ -0,0 +1,7 @@
<form class="search">
<label>Search</label>
<div class="input-group">
<input type="text" placeholder="search" class="input-group-field" />
<button type="submit">Go</button>
</div>
</form>