mirror of
https://github.com/DerTyp7/explainegy-nextjs.git
synced 2026-07-31 07:39:04 +02:00
refactor
This commit is contained in:
Janis
@@ -1,60 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
.article {
|
||||
display: grid;
|
||||
gap: 70px;
|
||||
grid-template-columns: $tutorial-content-table-width minmax(0px, 1fr) $tutorial-sidebar-width;
|
||||
margin: 0px auto;
|
||||
max-width: 1800px;
|
||||
padding: 0px 24px;
|
||||
|
||||
@media (max-width: $tutorial-breakpoint-1) {
|
||||
grid-template-columns: $tutorial-content-table-width 1fr;
|
||||
}
|
||||
|
||||
@media (max-width: $tutorial-breakpoint-2) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10px 0px 10px 0px;
|
||||
gap: 10px 0px;
|
||||
|
||||
.dates {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img {
|
||||
width: min(100%, 750px);
|
||||
height: auto;
|
||||
aspect-ratio: 15/7;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.tags {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 5px 10px;
|
||||
a {
|
||||
font-size: 0.8em;
|
||||
background-color: var(--color-background-article-tag);
|
||||
opacity: 0.9;
|
||||
color: var(--color-font-article-tag);
|
||||
padding: 5px 10px 5px 10px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: var(--color-font-article-tag) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tutorialContent {
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,29 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
|
||||
.articleContentTable {
|
||||
@media (max-width: $tutorial-breakpoint-2) {
|
||||
display: none;
|
||||
}
|
||||
.stickyContainer {
|
||||
position: sticky;
|
||||
top: $tutorial-grid-sticky-top;
|
||||
|
||||
.list {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 16px;
|
||||
row-gap: 10px;
|
||||
}
|
||||
|
||||
.adContainer {
|
||||
background-color: #ff00003e;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,94 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
|
||||
.adminArticlesCreate {
|
||||
& > h1 {
|
||||
text-align: center;
|
||||
}
|
||||
.formControl {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
|
||||
.form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 70px;
|
||||
|
||||
margin: 0px auto;
|
||||
max-width: 1800px;
|
||||
padding: 0px 24px;
|
||||
.articleEditor {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 25px;
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
label {
|
||||
padding: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
.titleInputs {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.5fr;
|
||||
gap: 0px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.category {
|
||||
}
|
||||
|
||||
.introduction {
|
||||
}
|
||||
.markdown {
|
||||
.markdownEditor {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px 10px;
|
||||
textarea {
|
||||
color: var(--font-color);
|
||||
border: 2px solid #3b3b3b80;
|
||||
background-color: transparent;
|
||||
min-height: 700px;
|
||||
max-height: 1500px;
|
||||
resize: none;
|
||||
display: block;
|
||||
border-radius: 0px;
|
||||
outline: 0;
|
||||
resize: both;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
& > div {
|
||||
max-width: 1000px;
|
||||
max-height: 1500px;
|
||||
border: 2px solid #3b3b3b80;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contentTable {
|
||||
.contentTableEditor {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px 10px;
|
||||
& > div {
|
||||
border: 2px solid #3b3b3b80;
|
||||
overflow: auto;
|
||||
max-width: 1000px;
|
||||
max-height: 1000px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,55 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
.category {
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
row-gap: 50px;
|
||||
padding: 0px 20px 0 20px;
|
||||
.showcase {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 10px 10px;
|
||||
|
||||
@media (max-width: $category-breakpoint-1) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
@media (max-width: $category-breakpoint-2) {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1em;
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: rgba(126, 126, 126, 0.1);
|
||||
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
|
||||
padding: 20px;
|
||||
transition: all 50ms linear;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 300px;
|
||||
&:hover {
|
||||
background-color: rgba(126, 126, 126, 0.2);
|
||||
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.smallShowcase {
|
||||
@media (max-width: $category-breakpoint-2) {
|
||||
& > a:nth-child(n + 5) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
.categoryEditor {
|
||||
}
|
||||
@@ -1,106 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
.categoryList {
|
||||
text-align: center;
|
||||
|
||||
.content {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 10px 30px;
|
||||
|
||||
@media (max-width: $categoryList-breakpoint-1) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px 10px;
|
||||
}
|
||||
|
||||
@media (max-width: $categoryList-breakpoint-2) {
|
||||
grid-template-columns: 1fr;
|
||||
width: 100%;
|
||||
|
||||
padding: 0px 20px 0 20px;
|
||||
}
|
||||
|
||||
.linkContainer {
|
||||
aspect-ratio: 14/9;
|
||||
width: 250px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
@media (max-width: $categoryList-breakpoint-2) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-align: center;
|
||||
aspect-ratio: 14/9;
|
||||
width: 230px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
row-gap: 20px;
|
||||
background-color: #383d54;
|
||||
color: white;
|
||||
font-size: 0.8em;
|
||||
transition: all 100ms linear;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.481);
|
||||
color: white !important;
|
||||
text-decoration: none !important;
|
||||
width: 250px;
|
||||
row-gap: 30px;
|
||||
.svgContainer {
|
||||
svg {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $categoryList-breakpoint-2) {
|
||||
font-size: 1.2em;
|
||||
width: 95%;
|
||||
&:hover {
|
||||
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
|
||||
width: 100%;
|
||||
|
||||
.svgContainer {
|
||||
svg {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.svgContainer {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
@media (max-width: $categoryList-breakpoint-2) {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
svg {
|
||||
transition: all 100ms linear;
|
||||
fill: rgb(255, 255, 255);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
|
||||
@media (max-width: $categoryList-breakpoint-2) {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,72 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
.footer {
|
||||
padding: 200px 15px 30px 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 50px 50px;
|
||||
|
||||
.adContainer {
|
||||
background-color: #ff00003e;
|
||||
width: $footer-ad-container-width;
|
||||
height: $footer-ad-container-height;
|
||||
|
||||
@media (max-width: $footer-ad-container-width) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 100px 100px;
|
||||
align-items: center;
|
||||
|
||||
@media (max-width: $footer-breakpoint-1) {
|
||||
column-gap: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: $footer-breakpoint-3) {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 100px 20px;
|
||||
}
|
||||
|
||||
.company {
|
||||
float: right;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100;
|
||||
flex-shrink: 0;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
column-gap: 10px;
|
||||
font-size: 0.8em;
|
||||
@media (max-width: $footer-breakpoint-1) {
|
||||
flex-direction: column;
|
||||
font-size: 0.7em;
|
||||
column-gap: 0px;
|
||||
}
|
||||
|
||||
@media (max-width: $footer-breakpoint-3) {
|
||||
grid-row: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
align-items: center;
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 20px 100px;
|
||||
|
||||
@media (max-width: $footer-breakpoint-4) {
|
||||
column-gap: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,227 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
|
||||
.nav {
|
||||
background-color: var(--color-background-nav);
|
||||
height: $nav-height-inital;
|
||||
margin-bottom: 10px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
align-items: center;
|
||||
box-shadow: var(--color-shadow-nav) 0px 4px 8px;
|
||||
|
||||
@media (max-width: $nav-breakpoint-1) {
|
||||
grid-template-columns: 1fr 1fr 0.25fr;
|
||||
}
|
||||
|
||||
@media (max-width: $nav-breakpoint-2) {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
& > div {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.containerLeft {
|
||||
@media (max-width: $nav-breakpoint-2) {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
@media (max-width: $nav-breakpoint-3) {
|
||||
column-gap: 20px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
cursor: pointer;
|
||||
}
|
||||
.links {
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
|
||||
.dropDown {
|
||||
color: var(--color-font-link);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
.dropDownContainer {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dropDownContainer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
.content {
|
||||
background-color: var(--color-background-dropdown);
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 12px 16px 5px rgba(0, 0, 0, 0.2);
|
||||
margin-top: 21px;
|
||||
|
||||
a {
|
||||
float: none;
|
||||
color: var(--color-font-link);
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
border-left: 2px solid transparent;
|
||||
transition: all 50ms linear;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.containerCenter {
|
||||
width: 100%;
|
||||
|
||||
@media (max-width: $nav-breakpoint-2) {
|
||||
grid-row: 2;
|
||||
grid-column: span 2;
|
||||
}
|
||||
.searchBar {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 2px solid rgba(95, 95, 95, 0.5);
|
||||
border-radius: 5px;
|
||||
padding-left: 10px;
|
||||
transition: all 50ms linear;
|
||||
|
||||
&:hover {
|
||||
border-color: rgba(91, 91, 91, 0.9);
|
||||
|
||||
.icon {
|
||||
svg {
|
||||
fill: var(--color-font);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
border-color: rgba(91, 91, 91, 0.9);
|
||||
.icon {
|
||||
svg {
|
||||
fill: var(--color-font);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:focus-within + .searchResults {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 300px;
|
||||
height: 30px;
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
outline: 0;
|
||||
padding-right: 10px;
|
||||
color: var(--color-font);
|
||||
|
||||
@media (max-width: $nav-breakpoint-4) {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
padding-right: 10px;
|
||||
svg {
|
||||
height: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.searchResults {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 48px;
|
||||
|
||||
&:hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: $nav-breakpoint-2) {
|
||||
top: 94px;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: rgb(18, 18, 18);
|
||||
width: 335px;
|
||||
a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 5px 10px 5px 10px;
|
||||
float: none;
|
||||
border-left: 2px solid transparent;
|
||||
transition: all 50ms linear;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 0.8em;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-accent);
|
||||
background-color: rgba(41, 41, 41, 0.2);
|
||||
}
|
||||
}
|
||||
@media (max-width: $nav-breakpoint-4) {
|
||||
width: 235px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.containerRight {
|
||||
justify-content: flex-end;
|
||||
padding-right: 50px;
|
||||
|
||||
@media (max-width: $nav-breakpoint-2) {
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
@media (max-width: $nav-breakpoint-4) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.themeSwitch {
|
||||
svg {
|
||||
transition: all 50ms linear;
|
||||
height: 24px;
|
||||
cursor: pointer;
|
||||
animation-duration: 150ms;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: 1;
|
||||
|
||||
animation-direction: normal;
|
||||
&:hover {
|
||||
fill: var(--color-font);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
aspect-ratio: 1;
|
||||
fill: var(--color-svg-nav);
|
||||
}
|
||||
|
||||
@keyframes spinThemeSwitch {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,31 +0,0 @@
|
||||
@import "../variables.scss";
|
||||
|
||||
.sidebar {
|
||||
.stickyContainer {
|
||||
position: sticky;
|
||||
top: $tutorial-grid-sticky-top;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 20px;
|
||||
font-size: 14px;
|
||||
@media (max-width: $tutorial-breakpoint-1) {
|
||||
display: none;
|
||||
}
|
||||
.sidebarContainer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 5px;
|
||||
background-color: var(--color-background-card);
|
||||
border-radius: 10px;
|
||||
padding: 10px 10px 15px 10px;
|
||||
}
|
||||
.adContainer {
|
||||
background-color: #ff00003e;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,141 +0,0 @@
|
||||
// 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: #bdbdbd3a;
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user