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

working: footer widgets, searchform, search results

Browse source
This commit is contained in:
Adam Piontek 2021-07-10 17:13:24 -04:00
parent 630e153253
commit 0c9de62831
17 changed files with 234 additions and 121 deletions

16
assets/css/_bs-colors.scss
View file

@ -1,9 +1,10 @@
// Colors
$primary: #e48663;
$secondary: #00b0b0;
$success: #99c24d;
$info: #b489c7;
$warning: #f4d35e;
// -- now defined in bs-custom --
// $primary: #e48663;
// $secondary: #00b0b0;
// $success: #99c24d;
// $info: #b489c7;
// $warning: #f4d35e;
$white: #fff;
$gray-100: #e8e8e8;
@ -35,10 +36,6 @@ $custom-colors: (
"gray-dark": $gray-800,
);
// $custom-colors: (
// "custom-color": #900
// );
// Merge the maps
$theme-colors: map-merge($theme-colors, $custom-colors);
@ -48,3 +45,4 @@ $navbar-dark-hover-color: rgba($white, 0.9);
$navbar-dark-active-color: $white;
$navbar-dark-disabled-color: rgba($white, 0.45);
$navbar-dark-toggler-border-color: rgba($white, 0.3);
$component-active-bg: $primary;

10
assets/css/_bs-custom.scss
View file

@ -1,7 +1,7 @@
/* Bootstrap custom variable overrides */
// Typography
$font-size-base: 1.1rem;
$font-size-base: 1.125rem;
$font-family-serif: "Source Serif Pro", "Iowan Old Style", "Apple Garamond",
Baskerville, "Times New Roman", "Droid Serif", Times, serif,
@ -19,3 +19,11 @@ $font-family-base: $font-family-serif;
// Features
$enable-shadows: true;
$enable-negative-margins: true;
// init colors for some vars
$primary: #e48663;
$secondary: #00b0b0;
$success: #99c24d;
$info: #b489c7;
$warning: #f4d35e;
$component-active-bg: $secondary;

64
assets/css/app.scss
View file

@ -88,8 +88,11 @@ a {
.fs-smaller {
font-size: smaller;
}
.footer73k {
position: fixed !important;
.tek-fixed-footer {
@extend .bg-dark;
@extend .bottom-0;
@extend .end-0;
@extend .position-fixed;
font-size: 14px !important;
border-top-left-radius: 0.3rem !important;
padding-top: 2px;
@ -100,7 +103,7 @@ a {
@extend .font-monospace;
@extend .text-gray-300;
@extend .mb-0;
margin-top: -0.5rem;
// margin-top: -0.5rem;
}
.tek-border-bottom-gray-dashed {
@extend .border-bottom;
@ -234,4 +237,59 @@ blockquote {
}
.more-link {
@extend .fs-6;
}
/* widget styling */
#footer-widgets {
background-color: $gray-750;
border-radius: .5em;
.widgettitle {
@extend .fs-4;
}
.wp-block-group {
@extend .px-3;
@extend .py-3;
max-width: 25rem;
}
.wp-block-loginout {
display: list-item;
margin-left: 2rem;
list-style-type: disc;
}
}
.wp-block-tag-cloud {
@extend .mb-0;
}
.search-form .form-control {
color: $gray-100 !important;
background-color: $gray-800 !important;
border-color: $gray-500;
}
.search-form .form-control:focus {
border-color: $input-focus-border-color;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: $gray-500 !important;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: $gray-500 !important;
opacity: 1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: $gray-500 !important;
opacity: 1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: $gray-500 !important;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
color: $gray-500 !important;
}
.form-control::placeholder { /* Most modern browsers support this now. */
color: $gray-500 !important;
}
.search-form .btn-outline-light:hover {
color: $primary;
background-color: inherit;
border-color: $secondary;
}

3
assets/js/main.js
View file

@ -14,8 +14,7 @@ import "../../node_modules/@mdi/svg/svg/typewriter.svg";
import "../../node_modules/@mdi/svg/svg/calendar-clock.svg";
import "../../node_modules/@mdi/svg/svg/tag-multiple.svg";
import "../../node_modules/@mdi/svg/svg/rss.svg";
import "../../node_modules/@mdi/svg/svg/account-hard-hat.svg";
import "../../node_modules/@mdi/svg/svg/open-in-new.svg";
import "../../node_modules/@mdi/svg/svg/magnify.svg";
// social
import "../../node_modules/@mdi/svg/svg/linkedin.svg";
import "../../node_modules/@mdi/svg/svg/github.svg";