-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
108 lines (96 loc) · 3.24 KB
/
style.css
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: mini-press
Theme URI: https://github.com/mgks/mini-press
Author: Ghazi Khan
Author URI: https://mgks.dev
Description: A minimal open source wordpress theme great for tech bloggers with little to no clutter. Plug and plug features and make it yours; use it to make something cool, have fun, and share what you've learned with others.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 7.2+
License: MIT License
License URI: https://github.com/mgks/mini-press/blob/main/LICENSE
Text Domain: mini-press
*/
@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";
:root {
--font-sans: "DM Sans", sans-serif;
--font-title: "DM Serif Display", sans-serif;
--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
--theme-color: #1876d2;
--theme-lcolor: #6397c8;
--theme-dark: #0a5eb0;
--theme-red: #d51313;
--theme-lred: #ff6c6c;
--theme-background: #f1f1f1;
--theme-lgrey: #a1cdf7;
--theme-exgrey: rgba(168, 168, 168, 0.27);
--theme-ligrey: #757980;
--theme-grey: #606060;
--theme-black: #2a2a2a;
--theme-white: #fff;
--theme-light: #1876d269;
--theme-backdrop: #a8d0ff21;
--theme-progdrop: #9500ff17;
--theme-progdrop-dark: #7702cb17;
--theme-dark-backdrop: #1a5eb0a1;
--dark-background:#001830
}
body{
margin:0;
font-family: var(--font-mono);
-webkit-font-smoothing: antialiased;
max-height:100vh;
color:var(--theme-black);
}
a{
text-decoration: none;
color: var(--theme-dark);
}
.container h2{font-family: var(--font-title);font-size:2em;letter-spacing: 0.75px;}
.container p{
line-height: 1.3em;
color: var(--theme-black);
}
.container{max-width:920px;margin:0 auto;padding:0 5%}
header.site-header{width:80%;min-height: 100px;overflow: hidden;margin:0 auto;padding:1em 10%}
header.site-header .site-logo{margin:0;display: block;float: left;width: 30%;text-align: center;}
header.site-header .custom-logo{max-width: 15em;height:inherit;float:left;}
ul.menu{list-style:none;float:left;padding: 1em 5%;}
ul.menu li{display:inline-block;letter-spacing:.75px;margin: .25em;padding: .25em;}
.container .wp-block-code{background-color:var(--theme-black);color:#fff;padding: 1.5em 3em;border-radius:5px;}
footer.site-footer{padding:5em;text-align:center}
.post-page-banner-wrap h2.post-page-headline{
font-size: 3.5em;
color: var(--theme-black);
text-shadow: 2px 2px 0 #89baf5;
margin: 1em auto;
width: 70%;
}
.post-page-banner-wrap .post-page-banner{
max-width: 65em;
width: 95%;
margin: 5em auto;
display: block;
border-radius: 3px;
}
.main-header {
overflow: hidden;
}
.post-page-banner-wrap {
width: 100%;
}
.post-page-banner {}
.post-page-banner img {
width: 100%;
}
ul.menu li a {
color: var(--theme-grey);
font-weight: 600;
}
a {}
ul.menu li a:hover {
color: var(--theme-black);
}