techie-jim-wordpress-theme/style.css at master · jimbo2150/techie-jim-wordpress-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
/**
 * Theme Name:			Techie-Jim 2024
 * Template:			twentytwentyfour
 * Description:			Techie-Jim.net theme.
 * Version:				1.0
 * Author:				Jim Robinson
 * Author URI:			https://www.techie-jim.net/
 * Tags:				block-patterns, full-site-editing, child
 * Text Domain:			tj_net
 * Tested up to:		6.4
 * Requires at least:	6.2
 * Requires PHP:		8.1
 * License:				GNU General Public License v2.0 or later
 * License URI:			https://www.gnu.org/licenses/gpl-2.0.html
 */

 .post-cards, html {

	&.grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, max(320px, calc(100%/2 - var(--wp--preset--spacing--10)))), 1fr));
		gap: var(--wp--preset--spacing--10);
		align-items: start;
		grid-template-rows: masonry;
	}

	&.is-layout-flow {

		& > * {
			margin-block-start: 0;
			margin-block-end: var(--wp--style--block-gap);
		}

	}

	& > .post, & > body.single {

		&.post, &:is(body) .actual-post {
			background-color: var(--wp--preset--color--base-3);
			color: var(--wp--preset--color--contrast-3);

			& h1, & h2, & h3, & h4, & h5, & h6, & .wp-block-post-title {
				color: var(--wp--preset--color--contrast-3);
			}

			a:where(:not(.wp-element-button)) {
				color: var(--wp--preset--color--contrast-3);
				font-weight: bold;
			}

			& .wp-block-post-featured-image {
				& img {
					border-radius: 0;
				}
			}

			& .wp-block-post-terms:not(.taxonomy-category) {
				& > a {
					color: var(--wp--preset--color--base-3);
					background-color: var(--wp--preset--color--contrast-3);
				}
			}

			& .footer {
				font-size: 0.7em;
				margin-top: calc(-0.7 * var(--wp--style--block-gap));
			}

		}

		&.post.format-quote, &:is(body.single-format-quote) .actual-post {

			& .wp-block-post-featured-image {
				display: none;
			}

			& .wp-block-post-title {
				font-family: var(--wp--preset--font-family--heading) !important;
				background-color: var(--wp--preset--color--accent-3);
				margin-left: calc(-1 * var(--wp--preset--spacing--30));
				margin-right: calc(-1 * var(--wp--preset--spacing--30));
				padding: var(--wp--preset--spacing--30);

				& > a::before {
					content: "“";
				}

				& > a::after {
					content: "”";
				}

				&.wp-block-post-title, & a:where(:not(.wp-element-button)) {
					color: var(--wp--preset--color--contrast);
				}
			}

			&:is(.post) .wp-block-post-title {
				margin-top: calc(-1 * var(--wp--preset--spacing--30));
			}

			&:is(.actual-post) .wp-block-post-title {
				margin-left: calc(-1 * var(--wp--preset--spacing--60));
				margin-right: calc(-1 * var(--wp--preset--spacing--60));
			}
		}
	}

 }