some color modifications, reorganized main style; increment version
This commit is contained in:
parent
18586e3bc2
commit
f3bda24a8c
7 changed files with 399 additions and 398 deletions
357
assets/css/_73k-styles.scss
Normal file
357
assets/css/_73k-styles.scss
Normal file
|
|
@ -0,0 +1,357 @@
|
||||||
|
@use "sass:color";
|
||||||
|
|
||||||
|
/* main */
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* links */
|
||||||
|
a {
|
||||||
|
text-decoration-color: $primary;
|
||||||
|
&.navbar-brand,
|
||||||
|
&.nav-link {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
&:visited {
|
||||||
|
color: $purple;
|
||||||
|
.post-title & {
|
||||||
|
color: $link-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
text-decoration-color: $secondary;
|
||||||
|
&.navbar-brand {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wp-block-separator {
|
||||||
|
border-top: none !important;
|
||||||
|
border-bottom: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* other custom classes */
|
||||||
|
.tek-subtitle {
|
||||||
|
@extend .fs-5;
|
||||||
|
@extend .font-monospace;
|
||||||
|
@extend .text-muted;
|
||||||
|
@extend .mb-0;
|
||||||
|
}
|
||||||
|
.tek-border-bottom-gray-dashed {
|
||||||
|
border-bottom: 1px $gray-500 dashed;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* front page styles */
|
||||||
|
body.front-page img.wp-post-image {
|
||||||
|
@extend .img-fluid;
|
||||||
|
@extend .border;
|
||||||
|
@extend .border-gray-900;
|
||||||
|
@extend .rounded-2;
|
||||||
|
border-width: 18px !important;
|
||||||
|
max-width: 350px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
body.front-page h2, header h2 {
|
||||||
|
@extend .fs-2;
|
||||||
|
@extend .fw-600;
|
||||||
|
@extend .mb-0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* resume styles */
|
||||||
|
.tek-separator {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
color: $gray-400;
|
||||||
|
font-family: $font-family-monospace;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
line-height: 1.2;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: .75rem;
|
||||||
|
&::before,
|
||||||
|
&::after {
|
||||||
|
content: "";
|
||||||
|
flex: 1;
|
||||||
|
border-bottom: 1px solid $secondary;
|
||||||
|
}
|
||||||
|
&:not(:empty)::before {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
&:not(:empty)::after {
|
||||||
|
margin-left: 0.33em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#tek-page-resume {
|
||||||
|
.tek-qualifications {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.tek-employer {
|
||||||
|
@extend .tek-border-bottom-gray-dashed;
|
||||||
|
color: $text-muted;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* social icons */
|
||||||
|
#social-icons .link-light {
|
||||||
|
border-bottom: none;
|
||||||
|
color: $gray-100;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* sticky posts */
|
||||||
|
article.post.sticky {
|
||||||
|
border-radius: .25rem !important;
|
||||||
|
background-color: rgba($cyan, .12);
|
||||||
|
border-bottom: inherit !important;
|
||||||
|
margin-bottom: inherit !important;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
padding: 0.75rem 1rem 0.1rem 1rem !important;
|
||||||
|
header.post-header {
|
||||||
|
flex: 1 1 auto !important;
|
||||||
|
padding: 1rem 1rem 0 1rem !important;
|
||||||
|
}
|
||||||
|
div.post-body {
|
||||||
|
flex: 1 1 auto !important;
|
||||||
|
padding: 0 1rem 1rem 1rem !important;
|
||||||
|
&:last-child {
|
||||||
|
padding-bottom: 0 !important;
|
||||||
|
margin-bottom: .1rem !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* blockquote handling */
|
||||||
|
blockquote,
|
||||||
|
blockquote.wp-block-quote {
|
||||||
|
border-left: 5px solid $gray;
|
||||||
|
margin-left: 1.5rem 0;
|
||||||
|
padding: .5rem 1rem;
|
||||||
|
background-color: $gray-750;
|
||||||
|
&.tek-bq-lg {
|
||||||
|
p {
|
||||||
|
font-size: 1.375rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
@extend .blockquote;
|
||||||
|
font-size: 1em;
|
||||||
|
&:last-of-type {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
cite {
|
||||||
|
@extend .blockquote-footer;
|
||||||
|
color: $text-muted;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
font-size: 0.85em;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
:last-child {
|
||||||
|
padding-top: .25rem;
|
||||||
|
padding-bottom: .25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
figure.wp-block-pullquote {
|
||||||
|
margin: 2em;
|
||||||
|
padding: 3rem;
|
||||||
|
&:not(.is-style-solid-color) {
|
||||||
|
background-color: $gray-750;
|
||||||
|
border-top: 5px solid $gray !important;
|
||||||
|
border-bottom: 5px solid $gray !important;
|
||||||
|
& blockquote {
|
||||||
|
background-color: none !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& blockquote {
|
||||||
|
margin: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
background-color: inherit !important;
|
||||||
|
border: inherit !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* blog */
|
||||||
|
.post-title a {
|
||||||
|
color: $link-color;
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-color: $secondary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.post-lede,
|
||||||
|
.post-body {
|
||||||
|
h2, h3, h4, h5, h6 {
|
||||||
|
color: $gray-200;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.post li {
|
||||||
|
line-height: 1.75rem;
|
||||||
|
}
|
||||||
|
.more-link {
|
||||||
|
@extend .fs-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* widget styling */
|
||||||
|
#footer-widgets {
|
||||||
|
background-color: shade-color($body-bg, 15%);
|
||||||
|
border-radius: .5em;
|
||||||
|
.widgettitle {
|
||||||
|
@extend .fs-4;
|
||||||
|
}
|
||||||
|
.wp-block-group {
|
||||||
|
@extend .px-3;
|
||||||
|
@extend .py-3;
|
||||||
|
max-width: 25rem;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
padding-inline-start: 2rem;
|
||||||
|
}
|
||||||
|
.wp-block-loginout {
|
||||||
|
display: list-item;
|
||||||
|
margin-left: 2rem;
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wp-block-tag-cloud {
|
||||||
|
@extend .mb-0;
|
||||||
|
}
|
||||||
|
.search-form {
|
||||||
|
.btn {
|
||||||
|
padding: .25rem .75rem;
|
||||||
|
&.btn-outline-light {
|
||||||
|
color: $gray-300;
|
||||||
|
border-color: $gray-500;
|
||||||
|
&:hover {
|
||||||
|
color: $primary;
|
||||||
|
background-color: inherit;
|
||||||
|
border-color: $secondary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
font-size: 1.375rem;
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* other wp styling */
|
||||||
|
img,
|
||||||
|
figure.wp-caption {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
font-family: $font-family-sans-serif;
|
||||||
|
}
|
||||||
|
.btn-outline-secondary {
|
||||||
|
color: $secondary !important;
|
||||||
|
&:hover {
|
||||||
|
color: $black !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wp-block-button {
|
||||||
|
margin-bottom: .5rem !important;
|
||||||
|
}
|
||||||
|
.wp-block-button__link,
|
||||||
|
.wp-block-search .wp-block-search__button {
|
||||||
|
@extend .btn;
|
||||||
|
@extend .btn-secondary;
|
||||||
|
}
|
||||||
|
.is-style-outline > .wp-block-button__link {
|
||||||
|
@extend .btn;
|
||||||
|
@extend .btn-outline-secondary;
|
||||||
|
}
|
||||||
|
.has-drop-cap:not(:focus)::first-letter {
|
||||||
|
font-size: 5em;
|
||||||
|
margin: 0.05em 0.05em 0 0;
|
||||||
|
}
|
||||||
|
.wp-caption-text {
|
||||||
|
color: $text-muted !important;
|
||||||
|
}
|
||||||
|
.alignleft {
|
||||||
|
text-align: left !important;
|
||||||
|
}
|
||||||
|
.aligncenter {
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
.alignright {
|
||||||
|
text-align: right !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tables */
|
||||||
|
.wp-block-table table,
|
||||||
|
.wp-block-calendar {
|
||||||
|
@extend .table;
|
||||||
|
@extend .table-dark;
|
||||||
|
caption {
|
||||||
|
color: $text-muted !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wp-block-table.is-style-stripes {
|
||||||
|
border-bottom: none;
|
||||||
|
table {
|
||||||
|
@extend .table-striped;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.wp-block-calendar table tbody { color: $text-muted !important; }
|
||||||
|
.wp-block-calendar table th { background-color: tint-color($dark, 5%) !important; }
|
||||||
|
.wp-block-calendar th, .wp-block-calendar tbody td {
|
||||||
|
border: 1px solid $gray-600 !important;
|
||||||
|
}
|
||||||
|
.wp-block-calendar > .wp-calendar-nav > span > a {
|
||||||
|
background-color: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* post page pagination */
|
||||||
|
.post-page-numbers {
|
||||||
|
text-decoration: none !important;
|
||||||
|
@extend .page-item;
|
||||||
|
&.current {
|
||||||
|
@extend .page-item, .active;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* forms */
|
||||||
|
label {
|
||||||
|
@extend .form-label;
|
||||||
|
}
|
||||||
|
input, textarea {
|
||||||
|
@extend .form-control;
|
||||||
|
}
|
||||||
|
.wp-block-search .wp-block-search__input {
|
||||||
|
border-color: $input-border-color !important;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
@extend .form-select;
|
||||||
|
}
|
||||||
|
.wp-block-calendar,
|
||||||
|
.wp-block-categories-dropdown {
|
||||||
|
margin-top: 0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
@ -1,21 +1,22 @@
|
||||||
// Colors
|
// Colors
|
||||||
// scss-docs-start color-variables
|
// scss-docs-start color-variables
|
||||||
$blue: #0d6efd;
|
$blue: #5296fd; // 'cornflower blue' [bs5 default] https://coolors.co/5296fd
|
||||||
$indigo: #6610f2;
|
$indigo: #7d82b8; // 'middle blue purple' https://coolors.co/7d82b8
|
||||||
$purple: #b489c7;
|
$purple: #c2bbf0; // 'lavender web' https://coolors.co/c2bbf0
|
||||||
$pink: #d63384;
|
$maroon: #a53860; // 'persian rose' https://coolors.co/a53860
|
||||||
$red: #cf4a50;
|
$pink: #f32b99; // 'persian rose' https://coolors.co/f32b99
|
||||||
$orange: #e48663;
|
$red: #cf4a50; // 'english vermillion' https://coolors.co/cf4a50
|
||||||
$yellow: #f4d35e;
|
$orange: #e48663; // 'copper crayola' https://coolors.co/e48663
|
||||||
$green: #99c24d;
|
$yellow: #f4d35e; // 'orange yellow crayola' https://coolors.co/f4d35e
|
||||||
$teal: #20c997;
|
$green: #60992d; // 'olive drab' https://coolors.co/60992d
|
||||||
$cyan: #0dcaf0;
|
$teal: #00b0b0; // 'tiffany blue' for primary https://coolors.co/00b0b0
|
||||||
|
$cyan: #0bafd0; // 'pacific blue' https://coolors.co/0bafd0
|
||||||
// scss-docs-end color-variables
|
// scss-docs-end color-variables
|
||||||
|
|
||||||
// define black, white, gray
|
// define black, white, gray
|
||||||
$white:#fff;
|
$white:#fff;
|
||||||
$black:#000;
|
$black:#000;
|
||||||
$gray: #828282; // 6c757d 7d756c
|
$gray: #828282; // 'gray web' https://coolors.co/828282
|
||||||
|
|
||||||
// define gray scale
|
// define gray scale
|
||||||
$gray-100: tint-color($gray, 80%);
|
$gray-100: tint-color($gray, 80%);
|
||||||
|
|
@ -29,10 +30,9 @@ $gray-750: shade-color($gray, 50%);
|
||||||
$gray-800: shade-color($gray, 60%);
|
$gray-800: shade-color($gray, 60%);
|
||||||
$gray-900: shade-color($gray, 80%);
|
$gray-900: shade-color($gray, 80%);
|
||||||
|
|
||||||
|
|
||||||
// scss-docs-start theme-color-variables
|
// scss-docs-start theme-color-variables
|
||||||
$primary: $orange;
|
$primary: $orange;
|
||||||
$secondary: #00b0b0;
|
$secondary: $teal;
|
||||||
$success: $green;
|
$success: $green;
|
||||||
$info: $purple;
|
$info: $purple;
|
||||||
$warning: $yellow;
|
$warning: $yellow;
|
||||||
|
|
|
||||||
|
|
@ -19,362 +19,6 @@
|
||||||
/* Code block & inline syntax highlighting */
|
/* Code block & inline syntax highlighting */
|
||||||
@import "code-highlight";
|
@import "code-highlight";
|
||||||
|
|
||||||
/* main */
|
/* Remaining misc 73k.us styles */
|
||||||
html,
|
@import "73k-styles";
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* links */
|
|
||||||
a {
|
|
||||||
text-decoration-color: $gray-600;
|
|
||||||
&.navbar-brand,
|
|
||||||
&.nav-link {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
&:visited {
|
|
||||||
color: $info;
|
|
||||||
.post-title & {
|
|
||||||
color: $link-color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
text-decoration-color: $secondary;
|
|
||||||
&.navbar-brand {
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wp-block-separator {
|
|
||||||
border-top: none !important;
|
|
||||||
border-bottom: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* other custom classes */
|
|
||||||
.tek-subtitle {
|
|
||||||
@extend .fs-5;
|
|
||||||
@extend .font-monospace;
|
|
||||||
@extend .text-muted;
|
|
||||||
@extend .mb-0;
|
|
||||||
}
|
|
||||||
.tek-border-bottom-gray-dashed {
|
|
||||||
border-bottom: 1px $gray-500 dashed;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* front page styles */
|
|
||||||
body.front-page img.wp-post-image {
|
|
||||||
@extend .img-fluid;
|
|
||||||
@extend .border;
|
|
||||||
@extend .border-gray-900;
|
|
||||||
@extend .rounded-2;
|
|
||||||
border-width: 18px !important;
|
|
||||||
max-width: 350px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
body.front-page h2, header h2 {
|
|
||||||
@extend .fs-2;
|
|
||||||
@extend .fw-600;
|
|
||||||
@extend .mb-0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* resume styles */
|
|
||||||
.tek-separator {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
color: $gray-400;
|
|
||||||
font-family: $font-family-monospace;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
line-height: 1.2;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-top: 2rem;
|
|
||||||
margin-bottom: .75rem;
|
|
||||||
&::before,
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
flex: 1;
|
|
||||||
border-bottom: 1px solid $secondary;
|
|
||||||
}
|
|
||||||
&:not(:empty)::before {
|
|
||||||
margin-right: 0.5em;
|
|
||||||
}
|
|
||||||
&:not(:empty)::after {
|
|
||||||
margin-left: 0.33em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#tek-page-resume {
|
|
||||||
.tek-qualifications {
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
.tek-employer {
|
|
||||||
@extend .tek-border-bottom-gray-dashed;
|
|
||||||
color: $text-muted;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* social icons */
|
|
||||||
#social-icons .link-light {
|
|
||||||
border-bottom: none;
|
|
||||||
color: $gray-100;
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* sticky posts */
|
|
||||||
article.post.sticky {
|
|
||||||
border-radius: .25rem !important;
|
|
||||||
background-color: rgba(228,134,99,.25);
|
|
||||||
border-bottom: inherit !important;
|
|
||||||
margin-bottom: inherit !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
padding: 1rem 1rem 0.5rem 1rem !important;
|
|
||||||
header.post-header {
|
|
||||||
flex: 1 1 auto !important;
|
|
||||||
padding: 1rem 1rem 0 1rem !important;
|
|
||||||
}
|
|
||||||
div.post-body {
|
|
||||||
flex: 1 1 auto !important;
|
|
||||||
padding: 0 1rem 1rem 1rem !important;
|
|
||||||
&:last-child {
|
|
||||||
padding-bottom: 0 !important;
|
|
||||||
margin-bottom: .25rem !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* blockquote handling */
|
|
||||||
blockquote,
|
|
||||||
blockquote.wp-block-quote {
|
|
||||||
border-left: 5px solid $gray;
|
|
||||||
margin-left: 1.5rem 0;
|
|
||||||
padding: .5rem 1rem;
|
|
||||||
background-color: $gray-750;
|
|
||||||
&.tek-bq-lg {
|
|
||||||
p {
|
|
||||||
font-size: 1.375rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
@extend .blockquote;
|
|
||||||
font-size: 1em;
|
|
||||||
&:last-of-type {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
cite {
|
|
||||||
@extend .blockquote-footer;
|
|
||||||
color: $text-muted;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
font-size: 0.85em;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
:last-child {
|
|
||||||
padding-top: .25rem;
|
|
||||||
padding-bottom: .25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
figure.wp-block-pullquote {
|
|
||||||
margin: 2em;
|
|
||||||
padding: 3rem;
|
|
||||||
&:not(.is-style-solid-color) {
|
|
||||||
background-color: $gray-750;
|
|
||||||
border-top: 5px solid $gray !important;
|
|
||||||
border-bottom: 5px solid $gray !important;
|
|
||||||
& blockquote {
|
|
||||||
background-color: none !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
& blockquote {
|
|
||||||
margin: 0 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
background-color: inherit !important;
|
|
||||||
border: inherit !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* blog */
|
|
||||||
.post-title a {
|
|
||||||
color: $link-color;
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: none;
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
// border-bottom: $secondary 3px solid;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-color: $secondary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.post-lede,
|
|
||||||
.post-body {
|
|
||||||
h2, h3, h4, h5, h6 {
|
|
||||||
color: $gray-200;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.post li {
|
|
||||||
line-height: 1.75rem;
|
|
||||||
}
|
|
||||||
.more-link {
|
|
||||||
@extend .fs-6;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* widget styling */
|
|
||||||
#footer-widgets {
|
|
||||||
background-color: shade-color($body-bg, 15%);
|
|
||||||
border-radius: .5em;
|
|
||||||
.widgettitle {
|
|
||||||
@extend .fs-4;
|
|
||||||
}
|
|
||||||
.wp-block-group {
|
|
||||||
@extend .px-3;
|
|
||||||
@extend .py-3;
|
|
||||||
max-width: 25rem;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
padding-inline-start: 2rem;
|
|
||||||
}
|
|
||||||
.wp-block-loginout {
|
|
||||||
display: list-item;
|
|
||||||
margin-left: 2rem;
|
|
||||||
list-style-type: disc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wp-block-tag-cloud {
|
|
||||||
@extend .mb-0;
|
|
||||||
}
|
|
||||||
.search-form {
|
|
||||||
.btn {
|
|
||||||
padding: .25rem .75rem;
|
|
||||||
&.btn-outline-light {
|
|
||||||
color: $gray-300;
|
|
||||||
border-color: $gray-500;
|
|
||||||
&:hover {
|
|
||||||
color: $primary;
|
|
||||||
background-color: inherit;
|
|
||||||
border-color: $secondary;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.icon {
|
|
||||||
font-size: 1.375rem;
|
|
||||||
margin-top: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* other wp styling */
|
|
||||||
img,
|
|
||||||
figure.wp-caption {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
font-family: $font-family-sans-serif;
|
|
||||||
}
|
|
||||||
.btn-outline-secondary {
|
|
||||||
color: $secondary !important;
|
|
||||||
&:hover {
|
|
||||||
color: $black !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wp-block-button {
|
|
||||||
margin-bottom: .5rem !important;
|
|
||||||
}
|
|
||||||
.wp-block-button__link,
|
|
||||||
.wp-block-search .wp-block-search__button {
|
|
||||||
@extend .btn;
|
|
||||||
@extend .btn-secondary;
|
|
||||||
}
|
|
||||||
.is-style-outline > .wp-block-button__link {
|
|
||||||
@extend .btn;
|
|
||||||
@extend .btn-outline-secondary;
|
|
||||||
}
|
|
||||||
.has-drop-cap:not(:focus)::first-letter {
|
|
||||||
font-size: 5em;
|
|
||||||
margin: 0.05em 0.05em 0 0;
|
|
||||||
}
|
|
||||||
.wp-caption-text {
|
|
||||||
color: $text-muted !important;
|
|
||||||
}
|
|
||||||
.alignleft {
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
.aligncenter {
|
|
||||||
text-align: center !important;
|
|
||||||
}
|
|
||||||
.alignright {
|
|
||||||
text-align: right !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tables */
|
|
||||||
.wp-block-table table,
|
|
||||||
.wp-block-calendar {
|
|
||||||
@extend .table;
|
|
||||||
@extend .table-dark;
|
|
||||||
caption {
|
|
||||||
color: $text-muted !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wp-block-table.is-style-stripes {
|
|
||||||
border-bottom: none;
|
|
||||||
table {
|
|
||||||
@extend .table-striped;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.wp-block-calendar table tbody { color: $text-muted !important; }
|
|
||||||
.wp-block-calendar table th { background-color: tint-color($dark, 5%) !important; }
|
|
||||||
.wp-block-calendar th, .wp-block-calendar tbody td {
|
|
||||||
border: 1px solid $gray-600 !important;
|
|
||||||
}
|
|
||||||
.wp-block-calendar > .wp-calendar-nav > span > a {
|
|
||||||
background-color: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* post page pagination */
|
|
||||||
.post-page-numbers {
|
|
||||||
text-decoration: none !important;
|
|
||||||
@extend .page-item;
|
|
||||||
&.current {
|
|
||||||
@extend .page-item, .active;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* forms */
|
|
||||||
label {
|
|
||||||
@extend .form-label;
|
|
||||||
}
|
|
||||||
input, textarea {
|
|
||||||
@extend .form-control;
|
|
||||||
}
|
|
||||||
.wp-block-search .wp-block-search__input {
|
|
||||||
border-color: $input-border-color !important;
|
|
||||||
}
|
|
||||||
select {
|
|
||||||
@extend .form-select;
|
|
||||||
}
|
|
||||||
.wp-block-calendar,
|
|
||||||
.wp-block-categories-dropdown {
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
4
dist/main.min.css
vendored
4
dist/main.min.css
vendored
File diff suppressed because one or more lines are too long
28
package-lock.json
generated
28
package-lock.json
generated
|
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "wp-73k-theme",
|
"name": "wp-73k-theme",
|
||||||
"version": "1.0.4",
|
"version": "1.0.6",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "wp-73k-theme",
|
"name": "wp-73k-theme",
|
||||||
"version": "1.0.4",
|
"version": "1.0.6",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource/jetbrains-mono": "^4.x",
|
"@fontsource/jetbrains-mono": "^4.x",
|
||||||
|
|
@ -2407,9 +2407,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/caniuse-lite": {
|
"node_modules/caniuse-lite": {
|
||||||
"version": "1.0.30001248",
|
"version": "1.0.30001249",
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001248.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001249.tgz",
|
||||||
"integrity": "sha512-NwlQbJkxUFJ8nMErnGtT0QTM2TJ33xgz4KXJSMIrjXIbDVdaYueGyjOrLKRtJC+rTiWfi6j5cnZN1NBiSBJGNw==",
|
"integrity": "sha512-vcX4U8lwVXPdqzPWi6cAJ3FnQaqXbBqy/GZseKNQzRj37J7qZdGcBtxq/QLFNLLlfsoXLUdHw8Iwenri86Tagw==",
|
||||||
"funding": {
|
"funding": {
|
||||||
"type": "opencollective",
|
"type": "opencollective",
|
||||||
"url": "https://opencollective.com/browserslist"
|
"url": "https://opencollective.com/browserslist"
|
||||||
|
|
@ -3458,9 +3458,9 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"node_modules/electron-to-chromium": {
|
"node_modules/electron-to-chromium": {
|
||||||
"version": "1.3.795",
|
"version": "1.3.796",
|
||||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.795.tgz",
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.796.tgz",
|
||||||
"integrity": "sha512-4TPxrLf9Fzsi4rVgTlDm+ubxoXm3/TN67/LGHx/a4UkVubKILa6L26O6eTnHewixG/knzU9L3lLmfL39eElwlQ=="
|
"integrity": "sha512-agwJFgM0FUC1UPPbQ4aII3HamaaJ09fqWGAWYHmzxDWqdmTleCHyyA0kt3fJlTd5M440IaeuBfzXzXzCotnZcQ=="
|
||||||
},
|
},
|
||||||
"node_modules/emoji-regex": {
|
"node_modules/emoji-regex": {
|
||||||
"version": "8.0.0",
|
"version": "8.0.0",
|
||||||
|
|
@ -9578,9 +9578,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"caniuse-lite": {
|
"caniuse-lite": {
|
||||||
"version": "1.0.30001248",
|
"version": "1.0.30001249",
|
||||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001248.tgz",
|
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001249.tgz",
|
||||||
"integrity": "sha512-NwlQbJkxUFJ8nMErnGtT0QTM2TJ33xgz4KXJSMIrjXIbDVdaYueGyjOrLKRtJC+rTiWfi6j5cnZN1NBiSBJGNw=="
|
"integrity": "sha512-vcX4U8lwVXPdqzPWi6cAJ3FnQaqXbBqy/GZseKNQzRj37J7qZdGcBtxq/QLFNLLlfsoXLUdHw8Iwenri86Tagw=="
|
||||||
},
|
},
|
||||||
"chalk": {
|
"chalk": {
|
||||||
"version": "2.4.2",
|
"version": "2.4.2",
|
||||||
|
|
@ -10347,9 +10347,9 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"electron-to-chromium": {
|
"electron-to-chromium": {
|
||||||
"version": "1.3.795",
|
"version": "1.3.796",
|
||||||
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.795.tgz",
|
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.796.tgz",
|
||||||
"integrity": "sha512-4TPxrLf9Fzsi4rVgTlDm+ubxoXm3/TN67/LGHx/a4UkVubKILa6L26O6eTnHewixG/knzU9L3lLmfL39eElwlQ=="
|
"integrity": "sha512-agwJFgM0FUC1UPPbQ4aII3HamaaJ09fqWGAWYHmzxDWqdmTleCHyyA0kt3fJlTd5M440IaeuBfzXzXzCotnZcQ=="
|
||||||
},
|
},
|
||||||
"emoji-regex": {
|
"emoji-regex": {
|
||||||
"version": "8.0.0",
|
"version": "8.0.0",
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "wp-73k-theme",
|
"name": "wp-73k-theme",
|
||||||
"version": "1.0.4",
|
"version": "1.0.6",
|
||||||
"description": "WP 73k",
|
"description": "WP 73k",
|
||||||
"main": "./assets/js/main.js",
|
"main": "./assets/js/main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
* Theme URI: https://github.com/apiontek/wp-73k
|
* Theme URI: https://github.com/apiontek/wp-73k
|
||||||
* Author: Adam Piontek
|
* Author: Adam Piontek
|
||||||
* Author URI: https://73k.us
|
* Author URI: https://73k.us
|
||||||
* Version: 1.0.4
|
* Version: 1.0.6
|
||||||
* License: GNU General Public License v3 or later
|
* License: GNU General Public License v3 or later
|
||||||
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
||||||
* Text Domain: wp-73k
|
* Text Domain: wp-73k
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue