diff options
author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2023-03-27 21:22:41 +0200 |
---|---|---|
committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2023-03-27 21:22:41 +0200 |
commit | 4098cedbce98eae9f001dd2e5aac6114a76a73b8 (patch) | |
tree | e3aa1c9d80973f30d04c02762723993800ef58d9 | |
parent | b246631a5f30e1b2d7e54efc8c5c0210670a043d (diff) |
feat: Update styles to use LASS
-rw-r--r-- | mosaic.lisp | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/mosaic.lisp b/mosaic.lisp index 134e98d..cda4c86 100644 --- a/mosaic.lisp +++ b/mosaic.lisp @@ -52,12 +52,12 @@ (defmethod display-widget ((widget time-widget) buffer) (let ((time-style (theme:themed-css (theme *browser*) - ("#time" - :font-size (font-size (font-settings widget))) - ("@media screen and (max-width: 768px)" - ("#time" - :font-size "40px"))))) - (hooks:once-on (nyxt:buffer-loaded-hook buffer) (buffer) + `("#time" + :font-size ,(font-size (font-settings widget))) + `("@media screen and (max-width: 768px)" + ("#time" + :font-size "40px"))))) + (hooks:once-on (buffer-loaded-hook buffer) (buffer) (ps-eval :buffer buffer (defun set-time () @@ -93,12 +93,12 @@ (defmethod display-widget ((widget greeting-widget) buffer) (let ((greeting-style (theme:themed-css (theme *browser*) - ("#greeting" - :font-size (font-size (font-settings widget))) - ("@media screen and (max-width: 768px)" - ("#greeting" - :font-size "20px"))))) - (hooks:once-on (nyxt:buffer-loaded-hook buffer) (buffer) + `("#greeting" + :font-size ,(font-size (font-settings widget))) + `("@media screen and (max-width: 768px)" + ("#greeting" + :font-size "20px"))))) + (hooks:once-on (buffer-loaded-hook buffer) (buffer) (ps-eval :buffer buffer (defun set-greeting () @@ -137,18 +137,18 @@ (buffer "*Mosaic*" 'nyxt:base-mode) "Open a `nx-mosaic' page." (let ((mosaic-style (theme:themed-css (theme *browser*) - (body - :padding 0 - :margin 0 - :background theme:background - :color theme:on-background) - ("#mosaic-container" - :height "100vh" - :display "flex" - :align-items "center" - :text-align "center" - :flex-wrap "wrap" - :justify-content "center")))) + `(body + :padding 0 + :margin 0 + :background ,theme:background + :color ,theme:on-background) + `("#mosaic-container" + :height "100vh" + :display "flex" + :align-items "center" + :text-align "center" + :flex-wrap "wrap" + :justify-content "center")))) (spinneret:with-html-string (:style mosaic-style) (:div :id "mosaic-container" |