arcHIVE-tech/arc-hive-HTML-template
arcHIVE-tech
/
arc-hive-HTML-template
4
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/scss/app.scss
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";

20
src/assets/scss/components/_forms.scss Normal file
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%);
}
}
}

7
src/partials/search-field.html Normal file
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>