KevinMidboe/planetposen
1
0
Fork 0
mirror of https://github.com/KevinMidboe/planetposen.git synced 2025-10-29 17:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Border color for bg- classes and new darkblue color.

Browse Source
This commit is contained in:
Kevin
2020-07-26 21:19:55 +02:00
parent 9c5184c797
commit 2fcc0224ba
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/styles/global.scss
View File

@@ -142,18 +142,21 @@ h4 {
// Colors // Colors
.bg-green { .bg-green {
background-color: var(--color-background-green); background-color: var(--color-background-green);
border-color: var(--color-green);
} }
.bg-pink { .bg-pink {
background-color: var(--color-background-pink); background-color: var(--color-background-pink);
border-color: var(--color-pink);
} }
.bg-yellow { .bg-yellow {
background-color: var(--color-background-yellow); background-color: var(--color-background-yellow);
border-color: var(--color-yellow);
} }
.bg-blue { .bg-blue {
background-color: var(--color-background-blue); background-color: var(--color-background-blue);
border-color: var(--color-blue);
} }
.accent--xl { .accent--xl {
font-size:calc(1.375 * var(--text-base-size)) font-size:calc(1.375 * var(--text-base-size))
} }

1
frontend/styles/variables.scss
View File

@@ -12,6 +12,7 @@ $mobile-width: 768px;
--color-pink: #F0729F; --color-pink: #F0729F;
--color-yellow: #F4D03F; --color-yellow: #F4D03F;
--color-blue: #77A5BD; --color-blue: #77A5BD;
--color-darkblue: #3e98bc;
--color-background-pink: #F8CED1; --color-background-pink: #F8CED1;
--color-background-yellow: #F9E79F; --color-background-yellow: #F9E79F;