Files
yeuchaybo/assets/scss/defaults/_forms.scss
T
Thuan Bui fd25f13a4f Initial
2018-06-26 11:09:22 +07:00

77 lines
1.3 KiB
SCSS

/* ## Forms
--------------------------------------------- */
input,
select,
textarea {
width: 100%;
padding: 15px;
border: $border-width $border-style $light-grey;
color: $form--font-color;
background-color: $forms__background-color;
font-size: $form--font-size;
font-weight: $font-weight--regular;
&:focus,
&:focus {
border: $border-width $border-style $medium-grey;
outline: none;
}
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
::-moz-placeholder {
opacity: 1;
color: $dark-grey;
}
::-webkit-input-placeholder {
color: $dark-grey;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
display: inline-block;
width: auto;
padding: 15px 30px;
border: 0;
color: $button--font-color;
background-color: $button--background-color;
font-size: $button--font-size;
font-weight: $font-weight--semibold;
white-space: normal;
text-decoration: none;
cursor: pointer;
&:focus,
&:hover {
color: $button--font-color-hover;
background-color: $button--background-color-hover;
}
&.small {
padding: 8px 16px;
}
.entry-content {
&:focus,
&:hover {
color: $button--font-color-hover;
}
}
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}