summaryrefslogtreecommitdiff
path: root/sass/status-page/main.sass
diff options
context:
space:
mode:
authorDaniil Baturin <daniil@vyos.io>2024-05-24 15:24:58 +0200
committerGitHub <noreply@github.com>2024-05-24 15:24:58 +0200
commit87018d1e7d067113c6bbde61d93d0b36d23305d3 (patch)
treebb6943ff2ae6de41aea9ae43912b6fb5bdd69345 /sass/status-page/main.sass
parent1db485a14594f325462fb1f1e41451b893d7aa10 (diff)
parent043774ee518fe5b86a20b0fed020189fc81690ad (diff)
downloadcommunity.vyos.net-87018d1e7d067113c6bbde61d93d0b36d23305d3.tar.gz
community.vyos.net-87018d1e7d067113c6bbde61d93d0b36d23305d3.zip
Merge pull request #28 from bogdankol/main
Added styles to status page
Diffstat (limited to 'sass/status-page/main.sass')
-rw-r--r--sass/status-page/main.sass95
1 files changed, 95 insertions, 0 deletions
diff --git a/sass/status-page/main.sass b/sass/status-page/main.sass
new file mode 100644
index 0000000..5591761
--- /dev/null
+++ b/sass/status-page/main.sass
@@ -0,0 +1,95 @@
+@import ../settings
+@import banner
+
+html
+ scroll-padding-top: 74px !important
+
+.status-page
+
+ .content-div
+
+ +resolution(0, 575)
+ overflow-x: auto
+
+ h3
+ font-size: 24px
+ letter-spacing: $em
+ color: $black
+ text-decoration: none
+ text-transform: capitalize
+
+ p
+ font-size: 16px
+ font-weight: 600
+ letter-spacing: $px
+ color: $grey-dark
+ margin-top: 5px
+
+ a
+ font-size: 18px
+ font-weight: 600
+ letter-spacing: $px
+ color: $primary
+ text-decoration: none
+ margin-top: 5px
+
+ table
+ margin-top: 18px
+ border-collapse: collapse
+
+ +resolution(0, 575)
+ width: 640px
+
+ th
+ +resolution(576)
+ max-height: 42px
+ padding: 12px 20px
+ +resolution(0, 575)
+ max-height: 48px
+ padding: 12px
+
+ td
+ +resolution(576)
+ max-height: 64px
+ padding: 20px
+ +resolution(0, 575)
+ max-height: 48px
+ padding: 12px
+
+ &:nth-of-type(1)
+ +resolution(0, 575)
+ width: 118px
+ &:nth-of-type(2)
+ +resolution(0, 575)
+ width: 205px
+ &:nth-of-type(3)
+ +resolution(0, 575)
+ width: 223px
+ &:nth-of-type(4)
+ text-transform: capitalize
+ +resolution(0, 575)
+ width: 57px
+
+ th
+ font-weight: 600
+ font-size: 14px
+ letter-spacing: $em
+ color: $grey-dark
+ text-align: left
+
+ td
+ font-weight: 400
+ font-size: 14px
+ letter-spacing: $em
+ color: $grey-dark
+ text-align: left
+
+ tr
+
+ &:nth-child(even)
+ background-color: $grey-light2
+ &:nth-child(odd)
+ background-color: transparent
+ &:not(&:nth-last-child(1))
+ border-bottom: 1px solid $grey-light
+ \ No newline at end of file