ui(first): use css variable control offset and display

XPoet · Nov 13, 2023 · c6fd66b · c6fd66b
1 parent a17b58a
commit c6fd66b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/source/css/common/css-variables.styl b/source/css/common/css-variables.styl
@@ -41,13 +41,18 @@
   // ==============================================================================================
   // first screen
   // ==============================================================================================
+  --first-screen-display block    // Option values: none | block
+
   --first-screen-font-family var(--base-font-family)
   --first-screen-font-size 2rem
   --first-screen-font-color-light $text-color-3
   --first-screen-font-color-dark $dark-text-color-3
+  --first-screen-font-offset 0
+
   --first-screen-icon-size 1.8rem
   --first-screen-icon-color-light $text-color-3
   --first-screen-icon-color-dark $dark-text-color-3
+
   --first-screen-header-font-color-light $text-color-3
   --first-screen-header-font-color-dark $dark-text-color-3
 

diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
@@ -38,12 +38,14 @@ $fs-bg-img-dark = $temp-fs-bg-img-dark ? $temp-fs-bg-img-dark : $fs-bg-img-light
     }
 
     .description {
+      display var(--first-screen-display)
       color var(--first-screen-font-color-light)
       font-weight bold
       font-size var(--first-screen-font-size)
       font-family var(--first-screen-font-family)
       line-height 1.8
       text-align center
+      transform translateY(var(--first-screen-font-offset))
       opacity 0
 
       .dark-mode & {