kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add defaults

Browse source
This commit is contained in:
Djordje Atlialp 2021-04-07 19:18:09 +02:00
parent a64d27b8fc
commit d89c90d1b8
7 changed files with 39 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/scss/_buttons.scss
View file

@ -21,6 +21,8 @@ a.button {
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
// Default
background: $light-background-header;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-header; background: $dark-background-header;
@ -44,6 +46,8 @@ a.button {
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
padding: 8px 18px; padding: 8px 18px;
// Default
border-color: $light-background-secondary;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
border-color: $dark-background-secondary; border-color: $dark-background-secondary;
@ -111,6 +115,8 @@ a.button {
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
// Default
background: $light-background-secondary;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-secondary; background: $dark-background-secondary;

2
assets/scss/_header.scss
View file

@ -4,6 +4,8 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
padding: 20px; padding: 20px;
// Default
background: $light-background-header;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-header; background: $dark-background-header;

3
assets/scss/_list.scss
View file

@ -10,6 +10,9 @@
} }
&:not(:last-of-type) { &:not(:last-of-type) {
// Default
border-bottom: 1px solid $light-border-color;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
border-bottom: 1px solid $dark-border-color; border-bottom: 1px solid $dark-border-color;
} }

13
assets/scss/_main.scss
View file

@ -29,6 +29,10 @@ body {
min-height: 100vh; min-height: 100vh;
flex-direction: column; flex-direction: column;
// Default
background-color: $light-background;
color: $light-color;
@media #{$media-size-phone} { @media #{$media-size-phone} {
font-size: 1rem; font-size: 1rem;
} }
@ -186,6 +190,9 @@ figure {
} }
em, i, strong { em, i, strong {
// Default
color: black;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
color: white; color: white;
} }
@ -211,6 +218,8 @@ code {
margin: 0 2px; margin: 0 2px;
border-radius: 5px; border-radius: 5px;
font-size: 0.95rem; font-size: 0.95rem;
// Default
background: $light-background-secondary;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-secondary; background: $dark-background-secondary;
@ -246,6 +255,8 @@ pre {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: inherit; font-size: inherit;
// Default
color: #ccc;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
color: inherit; color: inherit;
@ -333,6 +344,8 @@ hr {
width: 100%; width: 100%;
border: none; border: none;
height: 1px; height: 1px;
// Default
background: $light-border-color;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-border-color; background: $dark-border-color;

2
assets/scss/_menu.scss
View file

@ -1,5 +1,7 @@
.menu { .menu {
z-index: 9999; z-index: 9999;
// Default
background: $light-background-header;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-header; background: $dark-background-header;

5
assets/scss/_single.scss
View file

@ -115,6 +115,9 @@
text-decoration: none; text-decoration: none;
letter-spacing: 0.1em; letter-spacing: 0.1em;
z-index: 1; z-index: 1;
// Default
background: $light-background;
color: $light-color-secondary;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background; background: $dark-background;
@ -171,6 +174,8 @@
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
appearance: none; appearance: none;
// Default
background: $light-background-secondary;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background: $dark-background-secondary; background: $dark-background-secondary;

8
assets/scss/_tables.scss
View file

@ -9,6 +9,8 @@
th, th,
td { td {
padding: 12px 15px; padding: 12px 15px;
// Default
border: 1px solid $light-table-color;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
border: 1px solid $dark-table-color; border: 1px solid $dark-table-color;
@ -30,6 +32,9 @@
thead { thead {
tr { tr {
text-align: left; text-align: left;
// Default
background-color: $light-table-color;
color: $light-color;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
background-color: $dark-table-color; background-color: $dark-table-color;
@ -55,6 +60,9 @@
tbody { tbody {
tr { tr {
// Default
border: 1px solid $light-table-color;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
border: 1px solid $dark-table-color; border: 1px solid $dark-table-color;
} }