From af90eaa32d4e54af4ed354931b4e9f0392a63495 Mon Sep 17 00:00:00 2001 From: Jorik Schellekens Date: Thu, 4 Jun 2020 16:04:35 +0100 Subject: [PATCH] Add basic styling --- public/index.html | 16 ++++++++++++++++ src/_color-scheme.scss | 6 ++++++ src/index.scss | 33 +++++++++++++++++++++++++++++++++ 3 files changed, 55 insertions(+) create mode 100644 public/index.html create mode 100644 src/_color-scheme.scss diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..823d8d4 --- /dev/null +++ b/public/index.html @@ -0,0 +1,16 @@ + + + + + + + Matrix.to + + + +
+ + diff --git a/src/_color-scheme.scss b/src/_color-scheme.scss new file mode 100644 index 0000000..eee6eb0 --- /dev/null +++ b/src/_color-scheme.scss @@ -0,0 +1,6 @@ +$app-background: #f4f4f4; +$background: #ffffff; +$foreground: #000000; +$font: #333333; +$grey: #666666; +$accent: #0098d4; diff --git a/src/index.scss b/src/index.scss index ce30a0f..6543fbd 100644 --- a/src/index.scss +++ b/src/index.scss @@ -1,3 +1,21 @@ +/* +Copyright 2020 The Matrix.org Foundation C.I.C. + +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +*/ + +@import "color-scheme"; + // CSS reset * { @@ -5,9 +23,24 @@ margin: 0; } +// Styling for universal elements + html, body, #root { height: 100%; width: 100%; + + font-family: Helvetica Neue; + font-style: normal; + + background-color: $app-background; + color: $font; +} + +h1 { + font-weight: bold; + font-size: 24px; + line-height: 32px; + text-align: center; }