Update main.css

This commit is contained in:
Руслан 2023-07-30 15:13:21 +06:00 committed by GitHub
parent 7ad5541b04
commit 79c1708789
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -92,6 +92,7 @@ figure h4 {
margin: 0; margin: 0;
margin-bottom: 1em; margin-bottom: 1em;
} }
figure h4::before { figure h4::before {
content: '↳ '; content: '↳ ';
} }
@ -143,6 +144,7 @@ header {
header .main { header .main {
font-size: 1.5rem; font-size: 1.5rem;
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-size: 1.2rem; font-size: 1.2rem;
margin-top: 2em; margin-top: 2em;
@ -225,32 +227,32 @@ article .title {
justify-content: space-between; justify-content: space-between;
} }
.tags li::before{ .tags li::before {
content: "<"; content: "<";
} }
.tags li::after{ .tags li::after {
content: ">"; content: ">";
} }
.tags a{ .tags a {
border-bottom: 3px solid var(--maincolor); border-bottom: 3px solid var(--maincolor);
} }
.tags a:hover{ .tags a:hover {
color:white; color:white;
background-color: var(--maincolor); background-color: var(--maincolor);
} }
svg{ svg {
max-height: 15px; max-height: 15px;
} }
.soc:hover{ .soc:hover {
color: white; color: white;
} }
.draft-label{ .draft-label {
text-decoration: none; text-decoration: none;
padding: 2px 4px; padding: 2px 4px;
margin-left: 6px; margin-left: 6px;
@ -282,54 +284,54 @@ svg{
.highlight pre code[class=language-javaScript]::before, .highlight pre code[class=language-javaScript]::before,
.highlight pre code[class="language-js"]::before { .highlight pre code[class="language-js"]::before {
content: "js"; content: "js";
background: #f7df1e; background: #f7df1e;
color: black; color: black;
} }
.highlight pre code[class*='language-yml']::before, .highlight pre code[class*='language-yml']::before,
.highlight pre code[class*='language-yaml']::before { .highlight pre code[class*='language-yaml']::before {
content: 'yaml'; content: 'yaml';
background: #f71e6a; background: #f71e6a;
color: white; color: white;
} }
.highlight pre code[class*='language-shell']::before, .highlight pre code[class*='language-shell']::before,
.highlight pre code[class*='language-bash']::before, .highlight pre code[class*='language-bash']::before,
.highlight pre code[class*='language-sh']::before { .highlight pre code[class*='language-sh']::before {
content: 'shell'; content: 'shell';
background: green; background: green;
color:white color:white
} }
.highlight pre code[class*='language-json']::before{ .highlight pre code[class*='language-json']::before {
content: 'json'; content: 'json';
background: dodgerblue; background: dodgerblue;
color: #000000 color: #000000
} }
.highlight pre code[class*='language-python']::before, .highlight pre code[class*='language-python']::before,
.highlight pre code[class*='language-py']::before { .highlight pre code[class*='language-py']::before {
content: 'py'; content: 'py';
background: blue; background: blue;
color: yellow ; color: yellow ;
} }
.highlight pre code[class*='language-css']::before{ .highlight pre code[class*='language-css']::before {
content: 'css'; content: 'css';
background: cyan; background: cyan;
color: black ; color: black ;
} }
.highlight pre code[class*='language-go']::before{ .highlight pre code[class*='language-go']::before {
content: 'Go'; content: 'Go';
background: cyan; background: cyan;
color: royalblue ; color: royalblue ;
} }
.highlight pre code[class*='language-md']::before, .highlight pre code[class*='language-md']::before,
.highlight pre code[class*='language-md']::before{ .highlight pre code[class*='language-md']::before {
content: 'Markdown'; content: 'Markdown';
background: royalblue; background: royalblue;
color: whitesmoke ; color: whitesmoke ;
} }