janis/explainegy-nextjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/explainegy-nextjs.git synced 2025-10-29 21:02:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

d

Browse Source
This commit is contained in:
Janis
2023-01-21 20:32:10 +01:00
parent e048fc5d17
commit bead72cde7
15 changed files with 6320 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
styles/markdown.scss
View File

@@ -1,113 +0,0 @@
// This file contains the markdown styles
.markdown {
padding: 0 10px 0 10px;
color: var(--md-color-font);
hr {
border: 1px solid var(--md-color-hr);
}
/* Texts */
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--md-color-headline);
}
p {
margin-top: 1em;
line-height: 1.5;
}
/* Images */
img {
max-width: 100%;
}
/* Code */
code {
background-color: #282c34;
padding: 5px;
border-radius: 5px;
}
pre {
overflow: auto;
word-wrap: normal;
white-space: pre;
display: block;
code {
display: block;
font-size: 1em;
text-indent: 0;
white-space: inherit;
background-color: transparent;
padding: 0px;
border-radius: 0px;
}
}
/* Lists */
ul,
ol {
list-style: inside;
li {
display: list-item;
}
}
ul {
list-style-type: circle;
}
ol {
list-style-type: decimal;
}
/* Blockquotes */
.blockquote {
border-left: 5px solid var(--md-color-blockquote-border);
padding-left: 20px;
background-color: var(--md-color-blockquote-background);
}
/* Table */
table {
border-radius: 5px;
border-collapse: collapse;
width: 100%;
display: table;
overflow: auto;
thead,
tbody {
width: 100%;
}
thead th:nth-child(odd) {
color: #ffffff;
background: var(--md-color-table-col-odd-background);
}
tr {
background: var(--md-color-table-row-odd-background);
}
tr:nth-child(even) {
background: var(--md-color-table-row-even-background);
}
th,
td {
text-align: center;
padding: 8px;
}
td {
border-right: 1px solid #ffffff00;
}
th {
color: #ffffff;
background: var(--md-color-table-col-even-background);
}
}
}

141
styles/modules/markdown.module.scss Normal file
View File

@@ -0,0 +1,141 @@
// This file contains the markdown styles
.markdown {
padding: 0 10px 0 10px;
color: var(--md-color-font);
.toolbar {
background-color: red;
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0 10px;
position: relative;
.copyBtn {
height: 30px;
width: 30px;
margin-top: 15px;
cursor: pointer;
position: absolute;
transition-delay: 2s, 4ms;
transition: all 50ms ease-in-out;
svg {
fill: #bdbdbd;
transition: all 50ms linear;
&:hover {
fill: var(--color-accent);
}
}
}
}
hr {
border: 1px solid var(--md-color-hr);
margin: 20px 0;
}
/* Texts */
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--md-color-headline);
margin: 20px 0 10px 0;
}
p {
margin: 0px 0 10px 0;
}
/* Images */
img {
max-width: 100%;
}
/* Code */
code {
background-color: #282c34;
padding: 5px;
border-radius: 5px;
color: #fff;
}
pre {
overflow: auto;
word-wrap: normal;
white-space: pre;
display: block;
code {
display: block;
font-size: 1em;
text-indent: 0;
white-space: inherit;
background-color: transparent;
padding: 0px;
border-radius: 0px;
}
}
/* Lists */
ul,
ol {
list-style: inside;
li {
display: list-item;
line-height: 1.5em;
}
}
ul {
list-style-type: circle;
}
ol {
list-style-type: decimal;
}
/* Blockquotes */
.blockquote {
border-left: 5px solid var(--md-color-blockquote-border);
padding-left: 20px;
background-color: var(--md-color-blockquote-background);
}
/* Table */
table {
border-radius: 5px;
border-collapse: collapse;
width: 100%;
display: table;
overflow: auto;
thead,
tbody {
width: 100%;
}
thead th:nth-child(odd) {
color: #ffffff;
background: var(--md-color-table-col-odd-background);
}
tr {
background: var(--md-color-table-row-odd-background);
}
tr:nth-child(even) {
background: var(--md-color-table-row-even-background);
}
th,
td {
text-align: center;
padding: 8px;
}
td {
border-right: 1px solid #ffffff00;
}
th {
color: #ffffff;
background: var(--md-color-table-col-even-background);
}
}
}

19
styles/typography.scss
View File

@@ -17,40 +17,33 @@ body {
/* Headings */
h1 {
font-size: calc($font-size-default + $font-size-headline-step * 6);
font-size: 2rem;
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-large;
}
h2 {
// 5 skipped on purpose
font-size: calc($font-size-default + $font-size-headline-step * 4);
font-size: 1.7rem;
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-medium;
}
h3 {
font-size: calc($font-size-default + $font-size-headline-step * 3);
font-size: 1.5rem;
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h4 {
font-size: calc($font-size-default + $font-size-headline-step * 2);
font-size: 1.4rem;
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h5 {
font-size: calc($font-size-default + $font-size-headline-step * 1);
font-size: 1.2rem;
font-weight: bold;
letter-spacing: $font-letter-spacing-headline-small;
}
h6 {
font-size: $font-size-default;
font-size: 1.1rem;
font-weight: bold;
letter-spacing: 1.25px;
}
/* General Texts */

8
styles/variables.scss
View File

@@ -1,12 +1,8 @@
// This file stores all SCSS variables in one place to simplify the use of variables throughout the project.
/* Typography */
$font-size-default: 1em;
$font-size-headline-step: 0.12em;
$font-letter-spacing-default: 1px;
$font-letter-spacing-headline-large: 2px;
$font-letter-spacing-headline-medium: 1.5px;
$font-letter-spacing-headline-small: 1.25px;
$font-size-default: 1rem;
$font-letter-spacing-default: 0.1rem;
/* Tutorial Page */
$tutorial-grid-sticky-top: 60px;