diff options
author | Griffin Smith <grfn@gws.fyi> | 2021-12-24T19·26-0500 |
---|---|---|
committer | clbot <clbot@tvl.fyi> | 2021-12-24T19·29+0000 |
commit | 15a9443e3668fc164b1a61095e6a5f22ae48f6f0 (patch) | |
tree | bbd82531d54e26211f913107e20d6c4e336a6ca4 /users/grfn/bbbg/src/bbbg/styles.clj | |
parent | 4c23a9c1d494d666ac82ab6e1d0ab0961e41bbad (diff) |
feat(grfn/bbbg): Add styling for flash messages r/3372
Change-Id: Ic8594217e6acceaad041dda8acf135bf7f3408e9 Reviewed-on: https://cl.tvl.fyi/c/depot/+/4585 Reviewed-by: grfn <grfn@gws.fyi> Autosubmit: grfn <grfn@gws.fyi> Tested-by: BuildkiteCI
Diffstat (limited to 'users/grfn/bbbg/src/bbbg/styles.clj')
-rw-r--r-- | users/grfn/bbbg/src/bbbg/styles.clj | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/users/grfn/bbbg/src/bbbg/styles.clj b/users/grfn/bbbg/src/bbbg/styles.clj index 8e39f5c0e628..2ba8d2e20c8a 100644 --- a/users/grfn/bbbg/src/bbbg/styles.clj +++ b/users/grfn/bbbg/src/bbbg/styles.clj @@ -1,9 +1,10 @@ ;; -*- eval: (rainbow-mode) -*- (ns bbbg.styles (:require + [garden.color :as color] [garden.compiler :refer [compile-css]] [garden.def :refer [defstyles]] - [garden.selectors :refer [attr= visited hover active & descendant]])) + [garden.selectors :refer [& active attr= descendant hover visited]])) (def black "#342e37") @@ -23,9 +24,9 @@ (def blue "#026fb1") -(def green "#BEEF9E") +(def green "#87E24B") -(def contextual +(def contextual-colors {:success green :info blue :warning yellow @@ -73,9 +74,26 @@ :cursor :pointer} link-conditional-styles]]) +(defstyles flash + [:.flash-messages + {:width "800px" + :margin "1rem auto"}] + + [:.flash-message + {:padding "1rem 1.5rem" + :border "1px solid" + :margin-bottom "1rem"}] + + (for [[context color] contextual-colors] + [(& (keyword (str ".flash-" (name context)))) + {:border-color color + :background-color (color/lighten color 30) + :border-radius "5px"}])) + (defstyles styles global-nav link-form + flash [:body {:color black}] |