uikit-views.grid.layout.css in UIkit Components 7.3
Same filename and directory in other branches
Macro arrangement of a web page, including any grid systems.
File
uikit_views/css/uikit-views.grid.layout.cssView source
- /**
- * @file
- * Macro arrangement of a web page, including any grid systems.
- */
- @media (min-width: 480px) and (max-width: 767px) {
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-1\@s>li:nth-child(n+2)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-2\@s>li:nth-child(n+3)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-3\@s>li:nth-child(n+4)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-4\@s>li:nth-child(n+5)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-5\@s>li:nth-child(n+6)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-6\@s>li:nth-child(n+7)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-10\@s>li:nth-child(n+11)>* {
- border-top: 1px solid #ddd;
- margin-top: 25px;
- padding-top: 25px;
- }
- }
-
- @media (min-width: 768px) and (max-width: 959px) {
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-1\@m>li:nth-child(n+2)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-2\@m>li:nth-child(n+3)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-3\@m>li:nth-child(n+4)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-4\@m>li:nth-child(n+5)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-5\@m>li:nth-child(n+6)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-6\@m>li:nth-child(n+7)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-10\@m>li:nth-child(n+11)>* {
- border-top: 1px solid #ddd;
- margin-top: 25px;
- padding-top: 25px;
- }
- }
-
- @media (min-width: 960px) and (max-width: 1219px) {
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-1\@l>li:nth-child(n+2)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-2\@l>li:nth-child(n+3)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-3\@l>li:nth-child(n+4)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-4\@l>li:nth-child(n+5)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-5\@l>li:nth-child(n+6)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-6\@l>li:nth-child(n+7)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-10\@l>li:nth-child(n+11)>* {
- border-top: 1px solid #ddd;
- margin-top: 25px;
- padding-top: 25px;
- }
- }
-
- @media (min-width: 1220px) {
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-1\@xl>li:nth-child(n+2)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-2\@xl>li:nth-child(n+3)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-3\@xl>li:nth-child(n+4)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-4\@xl>li:nth-child(n+5)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-5\@xl>li:nth-child(n+6)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-6\@xl>li:nth-child(n+7)>*,
- .uikit-view-grid.uikit-view-grid-divider>.uk-grid-child-1-10\@xl>li:nth-child(n+11)>* {
- border-top: 1px solid #ddd;
- margin-top: 25px;
- padding-top: 25px;
- }
- }