feat(grfn/bbbg): Make nav width responsive
Change-Id: Ie0cebb48d555aa9ed894d3491d27293838b4ea7e Reviewed-on: https://cl.tvl.fyi/c/depot/+/4586 Reviewed-by: grfn <grfn@gws.fyi> Autosubmit: grfn <grfn@gws.fyi> Tested-by: BuildkiteCI
This commit is contained in:
parent
1935b41620
commit
a660042f14
1 changed files with 19 additions and 2 deletions
|
@ -4,7 +4,9 @@
|
|||
[garden.color :as color]
|
||||
[garden.compiler :refer [compile-css]]
|
||||
[garden.def :refer [defstyles]]
|
||||
[garden.selectors :refer [& active attr= descendant hover visited]]))
|
||||
[garden.selectors :refer [& active attr= descendant hover]]
|
||||
[garden.stylesheet :refer [at-media]]
|
||||
[garden.units :refer [px]]))
|
||||
|
||||
(def black "#342e37")
|
||||
|
||||
|
@ -34,6 +36,17 @@
|
|||
|
||||
;;;
|
||||
|
||||
(def content-width (px 1600))
|
||||
|
||||
(defn not-mobile [& rules]
|
||||
(at-media
|
||||
{:screen true
|
||||
:min-width content-width}
|
||||
[:&
|
||||
rules]))
|
||||
|
||||
;;;
|
||||
|
||||
(defstyles global-nav
|
||||
[:.global-nav
|
||||
{:background-color silver}
|
||||
|
@ -41,7 +54,11 @@
|
|||
[:>ul
|
||||
{:display :flex
|
||||
:flex-direction :row
|
||||
:list-style :none}]
|
||||
:list-style :none}
|
||||
|
||||
(not-mobile
|
||||
{:width content-width
|
||||
:margin "0 auto"})]
|
||||
|
||||
[:a (descendant :.link-form (attr= "type" "submit"))
|
||||
{:padding "1rem 1.5rem"
|
||||
|
|
Loading…
Reference in a new issue