adam/wp-rdnyc
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

progress on styling news/blog listing & content

Browse source
This commit is contained in:
Adam Piontek 2021-07-27 19:30:40 -04:00
parent 64598f4aad
commit da0fd03678
1 changed files with 52 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
assets/css/app.scss
View file

@ -311,12 +311,12 @@ figure.wp-block-pullquote {
// } // }
/* search form */ /* search form */
.search-form .form-control { .form-control {
color: $gray-100 !important; color: $gray-100 !important;
background-color: $spaceblue-900 !important; background-color: $spaceblue-900 !important;
border-color: $spaceblue-600; border-color: $spaceblue-600;
} }
.search-form .form-control:focus { .form-control:focus {
border-color: $input-focus-border-color; border-color: $input-focus-border-color;
} }
.form-control::-ms-clear, .form-control::-ms-clear,
@ -324,40 +324,66 @@ input.form-control::-ms-clear,
.form-control::-ms-reveal, .form-control::-ms-reveal,
input.form-control::-ms-reveal { display: none; } input.form-control::-ms-reveal { display: none; }
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: $spaceblue-700 !important; color: $gray-750 !important;
} }
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: $spaceblue-700 !important; color: $gray-750 !important;
opacity: 1; opacity: 1;
} }
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: $spaceblue-700 !important; color: $gray-750 !important;
opacity: 1; opacity: 1;
} }
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: $spaceblue-700 !important; color: $gray-750 !important;
} }
.form-control::-ms-input-placeholder { /* Microsoft Edge */ .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: $spaceblue-700 !important; color: $gray-750 !important;
} }
.form-control::placeholder { /* Most modern browsers support this now. */ .form-control::placeholder { /* Most modern browsers support this now. */
color: $spaceblue-700 !important; color: $gray-750 !important;
}
label {
@extend .form-label;
}
input,
.wp-block-search .wp-block-search__input,
form input {
@extend .form-control;
&:focus {
border-color: $input-focus-border-color;
}
&::-ms-clear
&::-ms-reveal { display: none; }
&::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: $gray-750 !important;
}
&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: $gray-750 !important;
opacity: 1;
}
&::-moz-placeholder { /* Mozilla Firefox 19+ */
color: $gray-750 !important;
opacity: 1;
}
&:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: $gray-750 !important;
}
&::-ms-input-placeholder { /* Microsoft Edge */
color: $gray-750 !important;
}
&::placeholder { /* Most modern browsers support this now. */
color: $gray-750 !important;
}
}
button,
.wp-block-search .wp-block-search__button,
form button {
@extend .btn;
@extend .btn-primary;
}
select {
@extend .form-select;
} }
// .search-form {
// .btn {
// padding: .25rem .75rem;
// &.btn-outline-light {
// color: $gray-300;
// border-color: $spaceblue-500;
// &:hover {
// color: $primary;
// background-color: inherit;
// border-color: $secondary;
// }
// }
// // .icon {
// // font-size: 1.375rem;
// // margin-top: 1px;
// // }
// }
// }