From 8a70c3c145b3cea38220d699e5c650e0d3b33631 Mon Sep 17 00:00:00 2001 From: Thierry Muller Date: Mon, 15 Feb 2016 21:09:02 +0200 Subject: [PATCH] Added UIkit grid width used in the post gallery. --- lib/assets/less/uikit-overwrite/grid.less | 42 +++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 lib/assets/less/uikit-overwrite/grid.less diff --git a/lib/assets/less/uikit-overwrite/grid.less b/lib/assets/less/uikit-overwrite/grid.less new file mode 100644 index 00000000..8b9dd93c --- /dev/null +++ b/lib/assets/less/uikit-overwrite/grid.less @@ -0,0 +1,42 @@ +/* Grid modifiers + ========================================================================== */ + +.uk-grid-width-1-7 > * { width: 14.285714285%; } +.uk-grid-width-1-8 > * { width: 12.5%; } +.uk-grid-width-1-9 > * { width: 11.111111111%; } + +/* Phone landscape and bigger */ +@media (min-width: @breakpoint-small) { + + .uk-grid-width-small-1-7 > * { width: 14.285714285%; } + .uk-grid-width-small-1-8 > * { width: 12.5%; } + .uk-grid-width-small-1-9 > * { width: 11.111111111%; } + +} + +/* Tablet and bigger */ +@media (min-width: @breakpoint-medium) { + + .uk-grid-width-medium-1-7 > * { width: 14.285714285%; } + .uk-grid-width-medium-1-8 > * { width: 12.5%; } + .uk-grid-width-medium-1-9 > * { width: 11.111111111%; } + +} + +/* Desktop and bigger */ +@media (min-width: @breakpoint-large) { + + .uk-grid-width-large-1-7 > * { width: 14.285714285%; } + .uk-grid-width-large-1-8 > * { width: 12.5%; } + .uk-grid-width-large-1-9 > * { width: 11.111111111%; } + +} + +/* Large screen and bigger */ +@media (min-width: @breakpoint-xlarge) { + + .uk-grid-width-xlarge-1-7 > * { width: 14.285714285%; } + .uk-grid-width-xlarge-1-8 > * { width: 12.5%; } + .uk-grid-width-xlarge-1-9 > * { width: 11.111111111%; } + +} \ No newline at end of file