aboutsummaryrefslogtreecommitdiff
path: root/web/pw-server/src/styles
diff options
context:
space:
mode:
authorIlion Beyst <ilion.beyst@gmail.com>2022-08-19 19:57:57 +0200
committerIlion Beyst <ilion.beyst@gmail.com>2022-08-19 19:57:57 +0200
commit329fc73b94852697f7a057957a714d961a2e9e3b (patch)
tree6c6ab199d838bc56ddb93e7eeecb721afcec127b /web/pw-server/src/styles
parent87f6a9c455726ad0cf502a316d98db8da1d1806a (diff)
downloadplanetwars.dev-329fc73b94852697f7a057957a714d961a2e9e3b.tar.xz
planetwars.dev-329fc73b94852697f7a057957a714d961a2e9e3b.zip
create global scss styles
Diffstat (limited to 'web/pw-server/src/styles')
-rw-r--r--web/pw-server/src/styles/buttons.scss27
-rw-r--r--web/pw-server/src/styles/global.scss2
-rw-r--r--web/pw-server/src/styles/variables.scss3
3 files changed, 29 insertions, 3 deletions
diff --git a/web/pw-server/src/styles/buttons.scss b/web/pw-server/src/styles/buttons.scss
new file mode 100644
index 0000000..2aa7535
--- /dev/null
+++ b/web/pw-server/src/styles/buttons.scss
@@ -0,0 +1,27 @@
+$btn-text-color: rgb(9, 105, 218);
+$btn-border-color: rgba(27, 31, 36, 0.25);
+
+.btn {
+ color: $btn-text-color;
+ font-size: 14px;
+ text-decoration: none;
+ padding: 6px 16px;
+ border: 1px solid $btn-border-color;
+ border-radius: 5px;
+}
+
+.btn-group {
+ display: flex;
+}
+
+.btn-group .btn:not(:last-child) {
+ border-right: none;
+}
+
+.btn-group .btn:first-child {
+ border-radius: 5px 0 0 5px;
+}
+
+.btn-group .btn:last-child {
+ border-radius: 0 5px 5px 0;
+}
diff --git a/web/pw-server/src/styles/global.scss b/web/pw-server/src/styles/global.scss
new file mode 100644
index 0000000..9ead606
--- /dev/null
+++ b/web/pw-server/src/styles/global.scss
@@ -0,0 +1,2 @@
+@forward "./variables.scss";
+@forward "./buttons.scss";
diff --git a/web/pw-server/src/styles/variables.scss b/web/pw-server/src/styles/variables.scss
index 5ff08b6..257a67e 100644
--- a/web/pw-server/src/styles/variables.scss
+++ b/web/pw-server/src/styles/variables.scss
@@ -1,4 +1 @@
$bg-color: rgb(41, 41, 41);
-
-$btn-text-color: rgb(9, 105, 218);
-$btn-border-color: rgba(27, 31, 36, 0.25);