Index: static/scss/layout/_grid.scss |
=================================================================== |
new file mode 100644 |
--- /dev/null |
+++ b/static/scss/layout/_grid.scss |
@@ -0,0 +1,50 @@ |
+// This file is part of help.eyeo.com. |
+// Copyright (C) 2017 Eyeo GmbH |
+// |
+// help.eyeo.com is free software: you can redistribute it and/or modify |
+// it under the terms of the GNU General Public License as published by |
+// the Free Software Foundation, either version 3 of the License, or |
+// (at your option) any later version. |
+// |
+// help.eyeo.com is distributed in the hope that it will be useful, |
+// but WITHOUT ANY WARRANTY; without even the implied warranty of |
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
+// GNU General Public License for more details. |
+// |
+// You should have received a copy of the GNU General Public License |
+// along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>. |
+ |
+@media(min-width: $phablet-breakpoint) |
+{ |
+ .one-half, |
+ .one-third, |
+ .two-thirds, |
+ .one-fourth, |
+ .three-fourths |
+ { |
+ width: 50%; |
+ } |
+} |
+ |
+@media(min-width: $tablet-breakpoint) |
+{ |
+ .one-third |
+ { |
+ width: 33.333333%; |
+ } |
+ |
+ .two-thirds |
+ { |
+ width: 66.666667%; |
+ } |
+ |
+ .one-fourth |
+ { |
+ width: 25%; |
+ } |
+ |
+ .three-fourths |
+ { |
+ width: 75%; |
+ } |
+} |