NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-12-24 14:13:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #619 from NoRedInk/dansby/spruce-moose

Browse Source 
✨
This commit is contained in:
Ben Dansby 2020-10-02 09:33:35 -07:00 committed by GitHub
commit be41181b84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
styleguide-app/Example.elm
View File

@ -3,10 +3,12 @@ module Example exposing (Example, view, wrapMsg, wrapState)
import AtomicDesignType exposing (AtomicDesignType)
import Category exposing (Category)
import Css exposing (..)
import Css.Global exposing (a, descendants)
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attributes
import KeyboardSupport exposing (KeyboardSupport)
import Nri.Ui.Colors.V1 exposing (..)
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Html.Attributes.V2 as AttributeExtras exposing (targetBlank)
@ -99,16 +101,16 @@ view example =
, alignItems center
, justifyContent flexStart
, flexWrap Css.wrap
, padding (px 4)
, backgroundColor glacier
, Fonts.baseFont
, descendants [ Css.Global.a [ textDecoration none ] ]
]
]
[ Html.styled Html.h2
[ color gray20
, fontFamilies [ qt "Source Code Pro", "Consolas", "Courier", "monospace" ]
[ color navy
, fontSize (px 20)
, marginTop zero
, marginBottom zero
, Fonts.baseFont
]
[]
[ Html.a
@ -129,7 +131,16 @@ view example =
|> viewLink "Source"
]
, KeyboardSupport.view example.keyboardSupport
, Html.div [ Attributes.css [ padding2 (px 20) zero ] ] (example.view example.state)
, Html.div
[ Attributes.css
[ padding (px 40)
, boxShadow5 zero (px 2) (px 4) zero (rgba 0 0 0 0.25)
, border3 (px 1) solid gray92
, borderRadius (px 20)
, margin3 (px 10) zero (px 40)
]
]
(example.view example.state)
]

6
styleguide-app/Main.elm
View File

@ -149,9 +149,10 @@ view_ model =
(Dict.values model.moduleStates)
mainContentHeader heading =
Heading.h2
Heading.h1
[ Heading.customAttr (id "maincontent")
, Heading.customAttr (tabindex -1)
, Heading.css [ marginBottom (px 30) ]
]
[ Html.text heading ]
in
@ -256,10 +257,11 @@ navigation route openAtomicDesignTypes =
[ flexBasis (px 200)
, backgroundColor Colors.gray96
, marginRight (px 40)
, padding (px 25)
, padding (px 20)
, VendorPrefixed.value "position" "sticky"
, top (px 55)
, flexShrink zero
, borderRadius (px 8)
]
, attribute "aria-label" "Main Navigation"
]