From 329fc73b94852697f7a057957a714d961a2e9e3b Mon Sep 17 00:00:00 2001 From: Ilion Beyst Date: Fri, 19 Aug 2022 19:57:57 +0200 Subject: create global scss styles --- web/pw-server/src/styles/buttons.scss | 27 +++++++++++++++++++++++++++ web/pw-server/src/styles/global.scss | 2 ++ web/pw-server/src/styles/variables.scss | 3 --- 3 files changed, 29 insertions(+), 3 deletions(-) create mode 100644 web/pw-server/src/styles/buttons.scss create mode 100644 web/pw-server/src/styles/global.scss (limited to 'web/pw-server/src/styles') 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); -- cgit v1.2.3