NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-09-22 04:39:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

Hide the skip button when not focused

Browse Source
This commit is contained in:
Tessa Kelly 2020-09-02 12:53:27 -07:00
parent 97bf52f3bd
commit 14da7572d2
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
styleguide-app/Main.elm
View File

@ -269,6 +269,16 @@ navigation route openAtomicDesignTypes =
, color Colors.azure
, Fonts.baseFont
, Css.marginBottom (px 20)
, Css.pseudoClass "not(:focus)"
[ Css.property "clip" "rect(1px, 1px, 1px, 1px)"
, Css.position Css.absolute
, Css.height (Css.px 1)
, Css.width (Css.px 1)
, Css.overflow Css.hidden
, Css.margin (Css.px -1)
, Css.padding Css.zero
, Css.border Css.zero
]
]
, Events.onClick SkipToMainContent
, id "skip"