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

Add description in words

Browse Source
This commit is contained in:
Tessa Kelly 2022-04-19 13:01:23 -07:00
parent d16fe17d93
commit 533aed90e4
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/Nri/Ui/Container/V2.elm
View File

@ -126,7 +126,9 @@ css css_ =
Attribute <| \config -> { config | css = config.css ++ css_ } Attribute <| \config -> { config | css = config.css ++ css_ }
{-| Equivalent to: {-| Set styles that will only apply if the viewport is wider than NRI's mobile breakpoint.
Equivalent to:
Container.css Container.css
[ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ] [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]
@ -137,7 +139,9 @@ notMobileCss styles =
css [ Css.Media.withMedia [ MediaQuery.notMobile ] styles ] css [ Css.Media.withMedia [ MediaQuery.notMobile ] styles ]
{-| Equivalent to: {-| Set styles that will only apply if the viewport is narrower than NRI's mobile breakpoint.
Equivalent to:
Container.css Container.css
[ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ] [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]
@ -148,7 +152,9 @@ mobileCss styles =
css [ Css.Media.withMedia [ MediaQuery.mobile ] styles ] css [ Css.Media.withMedia [ MediaQuery.mobile ] styles ]
{-| Equivalent to: {-| Set styles that will only apply if the viewport is narrower than NRI's quiz-engine-specific mobile breakpoint.
Equivalent to:
Container.css Container.css
[ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ] [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]