Merge branch 'develop' into add-statistics

README.md

@@ -3,7 +3,7 @@
 wishthis is a simple, intuitive and modern platform to create, manage and view
 your wishes for any kind of occasion ([demo](https://wishthis.online)).
 
-![View wishlist](/src/assets/img/wishlist-view.png "View wishlist")
+![Wishlists](/src/assets/img/screenshots/wishlists.png "Wishlists")
 
 Join the conversation on:
 * [Discord](https://discord.gg/WrUXnpNyza)

index.php

@@ -54,8 +54,6 @@ if (
 /**
  * Session
  */
-ini_set('session.gc_maxlifetime', 0);
-
 session_start();
 
 /**

manifest.json

@@ -2,7 +2,10 @@
     "name": "wishthis",
     "short_name": "wishthis",
     "description": "wishthis is a simple, intuitive and modern platform to create, manage and view your wishes for any kind of occasion.",
-    "categories": ["productivity", "shopping"],
+    "categories": [
+        "productivity",
+        "shopping"
+    ],
     "background_color": "#f4f4f4",
     "display": "standalone",
     "orientation": "any",
@@ -21,9 +24,457 @@
             "sizes": "512x512",
             "type": "image/png",
             "purpose": "any"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SmallTile.scale-100.png",
+            "sizes": "71x71"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SmallTile.scale-125.png",
+            "sizes": "89x89"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SmallTile.scale-150.png",
+            "sizes": "107x107"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SmallTile.scale-200.png",
+            "sizes": "142x142"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SmallTile.scale-400.png",
+            "sizes": "284x284"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square150x150Logo.scale-100.png",
+            "sizes": "150x150"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square150x150Logo.scale-125.png",
+            "sizes": "188x188"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square150x150Logo.scale-150.png",
+            "sizes": "225x225"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square150x150Logo.scale-200.png",
+            "sizes": "300x300"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square150x150Logo.scale-400.png",
+            "sizes": "600x600"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Wide310x150Logo.scale-100.png",
+            "sizes": "310x150"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Wide310x150Logo.scale-125.png",
+            "sizes": "388x188"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Wide310x150Logo.scale-150.png",
+            "sizes": "465x225"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Wide310x150Logo.scale-200.png",
+            "sizes": "620x300"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Wide310x150Logo.scale-400.png",
+            "sizes": "1240x600"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/LargeTile.scale-100.png",
+            "sizes": "310x310"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/LargeTile.scale-125.png",
+            "sizes": "388x388"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/LargeTile.scale-150.png",
+            "sizes": "465x465"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/LargeTile.scale-200.png",
+            "sizes": "620x620"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/LargeTile.scale-400.png",
+            "sizes": "1240x1240"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.scale-100.png",
+            "sizes": "44x44"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.scale-125.png",
+            "sizes": "55x55"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.scale-150.png",
+            "sizes": "66x66"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.scale-200.png",
+            "sizes": "88x88"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.scale-400.png",
+            "sizes": "176x176"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/StoreLogo.scale-100.png",
+            "sizes": "50x50"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/StoreLogo.scale-125.png",
+            "sizes": "63x63"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/StoreLogo.scale-150.png",
+            "sizes": "75x75"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/StoreLogo.scale-200.png",
+            "sizes": "100x100"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/StoreLogo.scale-400.png",
+            "sizes": "200x200"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SplashScreen.scale-100.png",
+            "sizes": "620x300"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SplashScreen.scale-125.png",
+            "sizes": "775x375"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SplashScreen.scale-150.png",
+            "sizes": "930x450"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SplashScreen.scale-200.png",
+            "sizes": "1240x600"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/SplashScreen.scale-400.png",
+            "sizes": "2480x1200"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-16.png",
+            "sizes": "16x16"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-20.png",
+            "sizes": "20x20"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-24.png",
+            "sizes": "24x24"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-30.png",
+            "sizes": "30x30"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-32.png",
+            "sizes": "32x32"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-36.png",
+            "sizes": "36x36"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-40.png",
+            "sizes": "40x40"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-44.png",
+            "sizes": "44x44"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-48.png",
+            "sizes": "48x48"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-60.png",
+            "sizes": "60x60"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-64.png",
+            "sizes": "64x64"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-72.png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-80.png",
+            "sizes": "80x80"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-96.png",
+            "sizes": "96x96"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.targetsize-256.png",
+            "sizes": "256x256"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-16.png",
+            "sizes": "16x16"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-20.png",
+            "sizes": "20x20"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-24.png",
+            "sizes": "24x24"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-30.png",
+            "sizes": "30x30"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-32.png",
+            "sizes": "32x32"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-36.png",
+            "sizes": "36x36"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-40.png",
+            "sizes": "40x40"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-44.png",
+            "sizes": "44x44"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-48.png",
+            "sizes": "48x48"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-60.png",
+            "sizes": "60x60"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-64.png",
+            "sizes": "64x64"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-72.png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-80.png",
+            "sizes": "80x80"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-96.png",
+            "sizes": "96x96"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-unplated_targetsize-256.png",
+            "sizes": "256x256"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png",
+            "sizes": "16x16"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png",
+            "sizes": "20x20"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png",
+            "sizes": "24x24"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png",
+            "sizes": "30x30"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png",
+            "sizes": "32x32"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png",
+            "sizes": "36x36"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png",
+            "sizes": "40x40"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png",
+            "sizes": "44x44"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png",
+            "sizes": "48x48"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png",
+            "sizes": "60x60"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png",
+            "sizes": "64x64"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png",
+            "sizes": "80x80"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png",
+            "sizes": "96x96"
+        },
+        {
+            "src": "/src/assets/img/pwa/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png",
+            "sizes": "256x256"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-512-512.png",
+            "sizes": "512x512"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-192-192.png",
+            "sizes": "192x192"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-144-144.png",
+            "sizes": "144x144"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-96-96.png",
+            "sizes": "96x96"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-72-72.png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "/src/assets/img/pwa/android/android-launchericon-48-48.png",
+            "sizes": "48x48"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/16.png",
+            "sizes": "16x16"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/20.png",
+            "sizes": "20x20"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/29.png",
+            "sizes": "29x29"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/32.png",
+            "sizes": "32x32"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/40.png",
+            "sizes": "40x40"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/50.png",
+            "sizes": "50x50"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/57.png",
+            "sizes": "57x57"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/58.png",
+            "sizes": "58x58"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/60.png",
+            "sizes": "60x60"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/64.png",
+            "sizes": "64x64"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/72.png",
+            "sizes": "72x72"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/76.png",
+            "sizes": "76x76"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/80.png",
+            "sizes": "80x80"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/87.png",
+            "sizes": "87x87"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/100.png",
+            "sizes": "100x100"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/114.png",
+            "sizes": "114x114"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/120.png",
+            "sizes": "120x120"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/128.png",
+            "sizes": "128x128"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/144.png",
+            "sizes": "144x144"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/152.png",
+            "sizes": "152x152"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/167.png",
+            "sizes": "167x167"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/180.png",
+            "sizes": "180x180"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/192.png",
+            "sizes": "192x192"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/256.png",
+            "sizes": "256x256"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/512.png",
+            "sizes": "512x512"
+        },
+        {
+            "src": "/src/assets/img/pwa/ios/1024.png",
+            "sizes": "1024x1024"
         }
     ],
     "shortcuts": [],
     "lang": "en",
     "dir": "rtl"
-  }
+}

semantic/dist/components/ad.css

@@ -223,7 +223,7 @@
 .ui.mobile.ad {
   display: none;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mobile.ad {
     display: block;
   }

semantic/dist/components/ad.min.css

@@ -7,4 +7,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:1023.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}
+ */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}

semantic/dist/components/button.css

@@ -660,7 +660,7 @@
 
 
 /* Tablet Or Below */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;

semantic/dist/components/card.css

@@ -1077,7 +1077,7 @@ a.ui.card:hover,
 
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -1162,7 +1162,7 @@ a.ui.card:hover,
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -1250,7 +1250,7 @@ a.ui.card:hover,
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
     display: block !important;
   }

semantic/dist/components/container.css

@@ -21,7 +21,7 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: auto;
     margin-left: 1em;
@@ -39,20 +39,20 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.container:not(.fluid) {
-    width: 975px;
+    width: 719px;
     margin-left: auto;
     margin-right: auto;
   }
   .ui.ui.ui.grid.container {
-    width: calc(975px + 1rem);
+    width: calc(719px + 1rem);
   }
   .ui.ui.ui.relaxed.grid.container {
-    width: calc(975px + 3rem);
+    width: calc(719px + 3rem);
   }
   .ui.ui.ui.very.relaxed.grid.container {
-    width: calc(975px + 5rem);
+    width: calc(719px + 5rem);
   }
 }
 

semantic/dist/components/container.min.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.container{display:block;max-width:100%}@media only screen and (max-width:1023.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:1024px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:975px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(975px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(975px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(975px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
+ */.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:719px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(719px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(719px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(719px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

semantic/dist/components/divider.css

@@ -114,7 +114,7 @@
 }
 
 /* Inside grid */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;
@@ -281,7 +281,7 @@
 .ui.horizontal.divider:after {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 767px) {
   .ui.stackable.grid .ui.vertical.divider:before,
   .ui.grid .stackable.row .ui.vertical.divider:before,
   .ui.stackable.grid .ui.vertical.divider:after,

semantic/dist/components/dropdown.css

@@ -468,7 +468,7 @@ select.ui.dropdown {
 .ui.selection.dropdown .menu > .message {
   padding: 0.75rem 1.16666667rem;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.selection.dropdown.short .menu {
     max-height: 5.85rem;
   }
@@ -485,7 +485,7 @@ select.ui.dropdown {
     max-height: 23.4rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.selection.dropdown.short .menu {
     max-height: 7.8rem;
   }
@@ -757,12 +757,12 @@ select.ui.dropdown {
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.dropdown .menu {
     max-height: 7.8rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.dropdown .menu {
     max-height: 10.4rem;
   }
@@ -1405,13 +1405,13 @@ select.ui.dropdown {
     min-width: calc(100% - 17px);
   }
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 10rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 15rem;

semantic/dist/components/form.css

@@ -1584,7 +1584,7 @@
 }
 
 /* Swap to full width on mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.form .fields {
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;

semantic/dist/components/grid.css

@@ -171,7 +171,7 @@
          Page Grid
   -------------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
     padding-left: 0;
@@ -180,7 +180,7 @@
     margin-right: 0;
   }
 }
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -459,7 +459,7 @@
 
 
 /* Mobile Sizing Combinations */
-@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
+@media only screen and (min-width: 320px) and (max-width: 767.98px) {
   .ui.grid > .row > [class*="one wide mobile"].column,
   .ui.grid > .column.row > [class*="one wide mobile"].column,
   .ui.grid > [class*="one wide mobile"].column,
@@ -559,7 +559,7 @@
 }
 
 /* Tablet Sizing Combinations */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.grid > .row > [class*="one wide tablet"].column,
   .ui.grid > .column.row > [class*="one wide tablet"].column,
   .ui.grid > [class*="one wide tablet"].column,
@@ -1446,7 +1446,7 @@
 
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="mobile reversed"].grid,
   .ui[class*="mobile reversed"].grid > .row,
   .ui.grid > [class*="mobile reversed"].row {
@@ -1497,7 +1497,7 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="tablet reversed"].grid,
   .ui[class*="tablet reversed"].grid > .row,
   .ui.grid > [class*="tablet reversed"].row {
@@ -1602,7 +1602,7 @@
 
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
   }
@@ -1698,7 +1698,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
     margin: 0 !important;
@@ -1793,7 +1793,7 @@
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
@@ -1873,7 +1873,7 @@
 /* These include arbitrary class repetitions for forced specificity */
 
 /* Mobile Only Hide */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -1901,7 +1901,7 @@
 }
 
 /* Tablet Only Hide */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),

semantic/dist/components/item.css

@@ -341,7 +341,7 @@
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.items > .item {
     margin: 1em 0;
   }
@@ -355,7 +355,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -489,7 +489,7 @@
      Unstackable
   ----------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
     width: 125px !important;

semantic/dist/components/menu.css

@@ -405,14 +405,14 @@
     Container
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
     border-left: 1px solid rgba(34, 36, 38, 0.1);
   }
@@ -1318,7 +1318,7 @@ Floated Menu / Item
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;

semantic/dist/components/modal.css

@@ -203,13 +203,13 @@
 
 
 /* Modal Width */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal:not(.fullscreen) {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.modal:not(.fullscreen) {
     width: 88%;
     margin: 0 0 0 0;
@@ -247,7 +247,7 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem;
   }
@@ -398,7 +398,7 @@
 .modals.dimmer .ui.bottom.aligned.modal {
   bottom: 5vh;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .modals.dimmer .ui.top.aligned.modal {
     top: 1rem;
   }
@@ -502,13 +502,13 @@
 .ui.mini.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mini.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.mini.modal {
     width: 35.2%;
     margin: 0 0 0 0;
@@ -535,13 +535,13 @@
 .ui.tiny.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.tiny.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.tiny.modal {
     width: 52.8%;
     margin: 0 0 0 0;
@@ -568,13 +568,13 @@
 .ui.small.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.small.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.small.modal {
     width: 70.4%;
     margin: 0 0 0 0;
@@ -601,13 +601,13 @@
 .ui.large.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.large.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.large.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -634,13 +634,13 @@
 .ui.big.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.big.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.big.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -667,13 +667,13 @@
 .ui.huge.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.huge.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.huge.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -700,13 +700,13 @@
 .ui.massive.modal > .header:not(.ui) {
   font-size: 1.8em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.massive.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.massive.modal {
     width: 88%;
     margin: 0 0 0 0;

semantic/dist/components/popup.css

@@ -212,7 +212,7 @@
 [data-tooltip][data-variation*="very wide fixed"]:after {
   width: 550px;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   [data-tooltip][data-variation~="fixed"]:after {
     width: 250px;
   }
@@ -698,7 +698,7 @@
 .ui[class*="very wide"].popup.fixed {
   width: 550px;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;

semantic/dist/components/search.css

@@ -384,12 +384,12 @@
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.search > .results {
     max-height: 11.98666667em;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.search > .results {
     max-height: 17.98em;
   }
@@ -404,7 +404,7 @@
     max-height: 35.96em;
   }
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.short > .results {
     max-height: 11.98666667em;
   }
@@ -418,7 +418,7 @@
     max-height: 35.96em;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.short > .results {
     max-height: 17.98em;
   }
@@ -515,7 +515,7 @@
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }

semantic/dist/components/statistic.css

@@ -498,7 +498,7 @@
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
     width: auto;
     margin-left: 0 !important;

semantic/dist/components/step.css

@@ -281,7 +281,7 @@
 
 
 /* Mobile (Default) */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.steps:not(.unstackable) {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;

semantic/dist/components/table.css

@@ -168,7 +168,7 @@
 }
 
 /* Responsive */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;

semantic/dist/semantic.css

@@ -1388,7 +1388,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Tablet Or Below */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -5695,7 +5695,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: auto;
     margin-left: 1em;
@@ -5717,23 +5717,23 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Tablet */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.container:not(.fluid) {
-    width: 975px;
+    width: 719px;
     margin-left: auto;
     margin-right: auto;
   }
 
   .ui.ui.ui.grid.container {
-    width: calc(975px + 1rem);
+    width: calc(719px + 1rem);
   }
 
   .ui.ui.ui.relaxed.grid.container {
-    width: calc(975px + 3rem);
+    width: calc(719px + 3rem);
   }
 
   .ui.ui.ui.very.relaxed.grid.container {
-    width: calc(975px + 5rem);
+    width: calc(719px + 5rem);
   }
 }
 
@@ -5952,7 +5952,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Inside grid */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;
@@ -6132,7 +6132,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
 
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 767px) {
   .ui.stackable.grid .ui.vertical.divider:before,
   .ui.grid .stackable.row .ui.vertical.divider:before,
   .ui.stackable.grid .ui.vertical.divider:after,
@@ -40574,7 +40574,7 @@ ol.ui.suffixed.list li:before,
 
 /* Mobile (Default) */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.steps:not(.unstackable) {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -43136,7 +43136,7 @@ span.ui.massive.text {
 
 /* Swap to full width on mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.form .fields {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
@@ -43565,7 +43565,7 @@ span.ui.massive.text {
          Page Grid
   -------------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
     padding-left: 0;
@@ -43575,7 +43575,7 @@ span.ui.massive.text {
   }
 }
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -43905,7 +43905,7 @@ span.ui.massive.text {
 
 /* Mobile Sizing Combinations */
 
-@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
+@media only screen and (min-width: 320px) and (max-width: 767.98px) {
   .ui.grid > .row > [class*="one wide mobile"].column,
   .ui.grid > .column.row > [class*="one wide mobile"].column,
   .ui.grid > [class*="one wide mobile"].column,
@@ -44021,7 +44021,7 @@ span.ui.massive.text {
 
 /* Tablet Sizing Combinations */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.grid > .row > [class*="one wide tablet"].column,
   .ui.grid > .column.row > [class*="one wide tablet"].column,
   .ui.grid > [class*="one wide tablet"].column,
@@ -45026,7 +45026,7 @@ span.ui.massive.text {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="mobile reversed"].grid,
   .ui[class*="mobile reversed"].grid > .row,
   .ui.grid > [class*="mobile reversed"].row {
@@ -45085,7 +45085,7 @@ span.ui.massive.text {
 
 /* Tablet */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="tablet reversed"].grid,
   .ui[class*="tablet reversed"].grid > .row,
   .ui.grid > [class*="tablet reversed"].row {
@@ -45205,7 +45205,7 @@ span.ui.massive.text {
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
   }
@@ -45319,7 +45319,7 @@ span.ui.massive.text {
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
     margin: 0 !important;
@@ -45430,7 +45430,7 @@ span.ui.massive.text {
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
@@ -45519,7 +45519,7 @@ span.ui.massive.text {
 
 /* Mobile Only Hide */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -45551,7 +45551,7 @@ span.ui.massive.text {
 
 /* Tablet Only Hide */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
@@ -46195,7 +46195,7 @@ span.ui.massive.text {
     Container
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
     margin-left: 0 !important;
@@ -46203,7 +46203,7 @@ span.ui.massive.text {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
     border-left: 1px solid rgba(34, 36, 38, 0.1);
   }
@@ -47208,7 +47208,7 @@ Floated Menu / Item
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -49284,7 +49284,7 @@ Floated Menu / Item
 
 /* Responsive */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;
@@ -51921,7 +51921,7 @@ Floated Menu / Item
   display: none;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mobile.ad {
     display: block;
   }
@@ -53165,7 +53165,7 @@ a.ui.card:hover,
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -53268,7 +53268,7 @@ a.ui.card:hover,
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -53373,7 +53373,7 @@ a.ui.card:hover,
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
     display: block !important;
   }
@@ -54569,7 +54569,7 @@ a.inverted.ui.card:hover,
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.items > .item {
     margin: 1em 0;
   }
@@ -54586,7 +54586,7 @@ a.inverted.ui.card:hover,
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -54736,7 +54736,7 @@ a.inverted.ui.card:hover,
      Unstackable
   ----------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
     width: 125px !important;
@@ -55395,7 +55395,7 @@ a.inverted.ui.card:hover,
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
     width: auto;
     margin-left: 0 !important;
@@ -57888,7 +57888,7 @@ select.ui.dropdown {
   padding: 0.75rem 1.16666667rem;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.selection.dropdown.short .menu {
     max-height: 5.85rem;
   }
@@ -57910,7 +57910,7 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.selection.dropdown.short .menu {
     max-height: 7.8rem;
   }
@@ -58228,13 +58228,13 @@ select.ui.dropdown {
   -webkit-overflow-scrolling: touch;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.dropdown .menu {
     max-height: 7.8rem;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.dropdown .menu {
     max-height: 10.4rem;
   }
@@ -58963,14 +58963,14 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 10rem;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 15rem;
@@ -60094,14 +60094,14 @@ select.ui.dropdown {
 
 /* Modal Width */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal:not(.fullscreen) {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.modal:not(.fullscreen) {
     width: 88%;
     margin: 0 0 0 0;
@@ -60145,7 +60145,7 @@ select.ui.dropdown {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem;
   }
@@ -60317,7 +60317,7 @@ select.ui.dropdown {
   bottom: 5vh;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .modals.dimmer .ui.top.aligned.modal {
     top: 1rem;
   }
@@ -60438,14 +60438,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mini.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.mini.modal {
     width: 35.2%;
     margin: 0 0 0 0;
@@ -60477,14 +60477,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.tiny.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.tiny.modal {
     width: 52.8%;
     margin: 0 0 0 0;
@@ -60516,14 +60516,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.small.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.small.modal {
     width: 70.4%;
     margin: 0 0 0 0;
@@ -60555,14 +60555,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.large.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.large.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60594,14 +60594,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.big.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.big.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60633,14 +60633,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.huge.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.huge.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60672,14 +60672,14 @@ select.ui.dropdown {
   font-size: 1.8em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.massive.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.massive.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -61320,7 +61320,7 @@ a.ui.nag {
   width: 550px;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   [data-tooltip][data-variation~="fixed"]:after {
     width: 250px;
   }
@@ -61868,7 +61868,7 @@ a.ui.nag {
   width: 550px;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;
@@ -64888,13 +64888,13 @@ a.ui.nag {
   -webkit-overflow-scrolling: touch;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.search > .results {
     max-height: 11.98666667em;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.search > .results {
     max-height: 17.98em;
   }
@@ -64912,7 +64912,7 @@ a.ui.nag {
   }
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.short > .results {
     max-height: 11.98666667em;
   }
@@ -64930,7 +64930,7 @@ a.ui.nag {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.short > .results {
     max-height: 17.98em;
   }
@@ -65046,7 +65046,7 @@ a.ui.nag {
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }

semantic/src/themes/default/globals/site.variables

@@ -218,7 +218,7 @@
 --------------------*/
 
 @mobileBreakpoint            : 320px;
-@tabletBreakpoint            : 1024px;
+@tabletBreakpoint            : 768px;
 @computerBreakpoint          : 992px;
 @largeMonitorBreakpoint      : 1200px;
 @widescreenMonitorBreakpoint : 1920px;

src/assets/css/default.css

@@ -42,7 +42,8 @@ img {
 }
 
 /** Overlay */
-.ui.card .overlay {
+@media (hover: hover) {
+    .ui.card .overlay {
         transition: 0.4s ease opacity;
 
         position: absolute;
@@ -55,9 +56,10 @@ img {
         opacity: 0;
 
         background-color: rgba(255, 255, 255, 0.6);
-}
-.ui.card:hover .overlay {
+    }
+    .ui.card:hover .overlay {
         opacity: 1;
+    }
 }
 
 /** Image */
@@ -105,24 +107,28 @@ img {
 /** Refresh */
 .ui.card > .image > button {
     transition: 0.4s ease opacity;
+    animation: buttonWorking 2s linear infinite paused;
 
 	position: absolute;
     top: calc(0.91666667em / 2);
     right: calc(0.91666667em / 2);
     margin: 0;
 
-    opacity: 0;
     background-color: transparent;
     z-index: 2;
 }
-.ui.card:hover > .image > button {
-    animation: buttonWorking 2s linear infinite paused;
-
+@media (hover: hover) {
+    .ui.card > .image > button {
+        opacity: 0;
+    }
+    .ui.card:hover > .image > button {
         opacity: 1;
+    }
 }
-.ui.card:hover > .image > button.working {
+.ui.card > .image > button.working {
     animation-play-state: running;
 }
+
 @keyframes buttonWorking {
     0% {
         transform: rotate(0deg);
@@ -134,11 +140,22 @@ img {
 }
 
 /** Content */
+.ui.card > .content > .header {
+    max-height: calc(2 * 1.28571429em);
+    overflow: hidden;
+}
+
 .ui.card > .content > .description {
+    max-height: calc(3em * var(--lineHeight));
+    overflow: hidden;
+}
+@media (hover: hover) {
+    .ui.card > .content > .description {
         position: absolute;
         left: 1em;
         right: 1em;
         max-height: calc(3em * var(--lineHeight));
+    }
 }
 
 .ui.card > .content > .description-fade {
@@ -159,10 +176,15 @@ img {
 
     display: flex;
 
-    opacity: 0;
     background-color: inherit;
     z-index: 2;
 }
+@media (hover: hover) {
+    .ui.card > .extra.buttons,
+    .ui.cards > .card > .extra.buttons {
+        opacity: 0;
+    }
+}
 .ui.card:hover > .extra.buttons,
 .ui.cards > .card:hover > .extra.buttons {
     opacity: 1;
@@ -181,3 +203,24 @@ p .ui.horizontal.label {
     cursor: default;
     user-select: none;
 }
+
+/**
+ * Flex
+ */
+.flex {
+    display: flex;
+    flex-flow: row nowrap;
+}
+@media (max-width: 767px) {
+    .flex {
+        flex-direction: column;
+    }
+
+    .flex > *,
+    .flex > .ui.button {
+        margin-bottom: 0.5rem;
+    }
+    .flex :last-child {
+        margin-bottom: 0;
+    }
+}