Setup frontend styling
- Add node-sass, bootstrap and reactstrap - Setup styles directory with themes file and base styles - Replace create-react-app content with sample content to test styles
This commit is contained in:
parent
d98d395bdf
commit
aedd224a63
14 changed files with 2294 additions and 89 deletions
8
frontend/src/assets/styles/main.scss
Normal file
8
frontend/src/assets/styles/main.scss
Normal file
|
@ -0,0 +1,8 @@
|
|||
@import "./theme.scss";
|
||||
|
||||
// Core styles here...
|
||||
.App {
|
||||
font-family: $primary-font;
|
||||
color: $text-color-primary;
|
||||
background-color: $background-color-primary;
|
||||
}
|
9
frontend/src/assets/styles/theme.scss
Normal file
9
frontend/src/assets/styles/theme.scss
Normal file
|
@ -0,0 +1,9 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
|
||||
|
||||
// COLOURS
|
||||
$background-color-primary: #000000;
|
||||
$text-color-primary: #ffffff;
|
||||
$biosphere-blue: #0071bcff;
|
||||
|
||||
// FONTS
|
||||
$primary-font: 'Poppins', sans-serif;
|
Loading…
Add table
Add a link
Reference in a new issue