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;
} }
// .search-form {
// .btn {
// padding: .25rem .75rem; label {
// &.btn-outline-light { @extend .form-label;
// color: $gray-300; }
// border-color: $spaceblue-500; input,
// &:hover { .wp-block-search .wp-block-search__input,
// color: $primary; form input {
// background-color: inherit; @extend .form-control;
// border-color: $secondary; &:focus {
// } border-color: $input-focus-border-color;
// } }
// // .icon { &::-ms-clear
// // font-size: 1.375rem; &::-ms-reveal { display: none; }
// // margin-top: 1px; &::-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;
}