feat: dynamic news page rows

src/theme/util/_mixins.scss

@@ -1,3 +1,18 @@
+/*!
+ * Copyright (C) 2022 StApps
+ * This program 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, version 3.
+ *
+ * This program 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
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
 
 /**
  * Breakpoints copied from node_modules/@ionic/angular/css/display.css
@@ -56,3 +71,9 @@
     @content
   }
 }
+
+@mixin auto-grid($item-width) {
+  // fit as many items on the page while keeping items >$item-width,
+  // but also ensure items get shrunk on small screens
+  grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr))
+}