purecss-sass 2.1.0 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0802601ddf5a4754bfe7bb1e2edf0bcfb32b37d41ee532436f147406124cf64
-  data.tar.gz: f00830ccf7f1e59ac5bd7358ea5ab99677cfc454cf51dfbfb32c1f868b8af7d2
+  metadata.gz: ae0f24d1009fa1927b31413ac9f02e4ee77ff3ca5a70e9fa49b6faf9cd5ec7dc
+  data.tar.gz: 1f0a83979bed6aa912619b15af78e8747107ffc377520d5248b9a86c0acc63d2
 SHA512:
-  metadata.gz: eaad20e07cdae60bcb0a548171ce58a503a20aa6ec1881608b588ac32743a60ea1f5b6e770874d568538de3f85c8140a82e46584c03a21908182fd1f06437c69
-  data.tar.gz: e8b573ed4d703e2932e2d35ce4692f24a0caeecf8a61cb11812d5a4117258be83ab5a77c9893ae2670d0b8de69d9f58c9a496e7e7216384180b1809516a3717b
+  metadata.gz: 67e35c9b4aeb82f499efd6edd41d6255396bc54043a105a0bfcd664288d82d3cec22d95ca812cad79e3d767097286a9c4577fb07be968642026e3b7cbf6d36bc
+  data.tar.gz: 58208093b54eb737856a30a63a6119be99d43e88894da75b923d07bd1ffe664bfddb30d5df03daa8a46f47a89ee8d2e2cfd099825a49efad7abcf9d439ac37bc

data/.github/workflows/ci.yml

@@ -6,7 +6,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        ruby: [2.6, 2.7, '3.0']
+        ruby: ['2.6', '2.7', '3.0', '3.1']
     name: Ruby ${{ matrix.ruby }}
     steps:
       - name: Checkout

data/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 3.0.0 (2022-10-27)
+
+- Update assets to match upstream version
+
+Framework version: Pure v3.0.0
+
+## 2.2.0 (2022-10-20)
+
+- Update assets to match upstream version
+
+Framework version: Pure v2.2.0
+
 ## 2.1.0 (2022-03-15)
 
 - Update assets to match upstream version

data/lib/purecss/sass/version.rb

@@ -1,5 +1,5 @@
 module Purecss
   module Sass
-    VERSION = '2.1.0'.freeze
+    VERSION = '3.0.0'.freeze
   end
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "purecss-sass",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "description": "Pure CSS framework, converted to Sass and ready to use in Sass powered applications",
   "keywords": [
     "pure",

data/vendor/assets/stylesheets/purecss/_base.scss

@@ -1,11 +1,11 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
 */
 /*!
-normalize.css v | MIT License | git.io/normalize
+normalize.css v | MIT License | https://necolas.github.io/normalize.css/
 Copyright (c) Nicolas Gallagher and Jonathan Neal
 */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -65,7 +65,6 @@ h1 {
  */
 
 hr {
-  -webkit-box-sizing: content-box;
   box-sizing: content-box;
 
   /* 1 */
@@ -265,7 +264,6 @@ fieldset {
  */
 
 legend {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 
   /* 1 */
@@ -308,7 +306,6 @@ textarea {
  */
 
 [type="checkbox"], [type="radio"] {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 
   /* 1 */

data/vendor/assets/stylesheets/purecss/_buttons.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
@@ -15,10 +15,7 @@ https://github.com/pure-css/pure/blob/master/LICENSE
   cursor: pointer;
   -webkit-user-drag: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 
   &::-moz-focus-inner {
@@ -69,32 +66,27 @@ https://github.com/pure-css/pure/blob/master/LICENSE
 }
 
 .pure-button-hover {
-  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
   background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
 }
 
 .pure-button {
   &:hover {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
     background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
   }
 
   &:focus {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
     background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
     outline: 0;
   }
 }
 
 .pure-button-active {
-  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
   border-color: #000;
 }
 
 .pure-button {
   &:active {
-    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
     border-color: #000;
   }
@@ -104,7 +96,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE
     background-image: none;
     opacity: 0.40;
     cursor: not-allowed;
-    -webkit-box-shadow: none;
     box-shadow: none;
     pointer-events: none;
   }
@@ -115,7 +106,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE
   background-image: none;
   opacity: 0.40;
   cursor: not-allowed;
-  -webkit-box-shadow: none;
   box-shadow: none;
   pointer-events: none;
 
@@ -124,7 +114,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE
     background-image: none;
     opacity: 0.40;
     cursor: not-allowed;
-    -webkit-box-shadow: none;
     box-shadow: none;
     pointer-events: none;
   }

data/vendor/assets/stylesheets/purecss/_forms.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
@@ -18,11 +18,9 @@ so we can ignore the csslint warning.
       padding: 0.5em 0.6em;
       display: inline-block;
       border: 1px solid #ccc;
-      -webkit-box-shadow: inset 0 1px 3px #ddd;
       box-shadow: inset 0 1px 3px #ddd;
       border-radius: 4px;
       vertical-align: middle;
-      -webkit-box-sizing: border-box;
       box-sizing: border-box;
     }
   }
@@ -31,11 +29,9 @@ so we can ignore the csslint warning.
     padding: 0.5em 0.6em;
     display: inline-block;
     border: 1px solid #ccc;
-    -webkit-box-shadow: inset 0 1px 3px #ddd;
     box-shadow: inset 0 1px 3px #ddd;
     border-radius: 4px;
     vertical-align: middle;
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
 
@@ -44,10 +40,8 @@ so we can ignore the csslint warning.
       padding: 0.5em 0.6em;
       display: inline-block;
       border: 1px solid #ccc;
-      -webkit-box-shadow: inset 0 1px 3px #ddd;
       box-shadow: inset 0 1px 3px #ddd;
       border-radius: 4px;
-      -webkit-box-sizing: border-box;
       box-sizing: border-box;
     }
 

data/vendor/assets/stylesheets/purecss/_grids-responsive.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
@@ -613,3 +613,247 @@ https://github.com/pure-css/pure/blob/master/LICENSE
     width: 100%;
   }
 }
+
+@media screen and (min-width: 160em) {
+  .pure-u-xxxl-1, .pure-u-xxxl-1-1, .pure-u-xxxl-1-2, .pure-u-xxxl-1-3, .pure-u-xxxl-2-3, .pure-u-xxxl-1-4, .pure-u-xxxl-3-4, .pure-u-xxxl-1-5, .pure-u-xxxl-2-5, .pure-u-xxxl-3-5, .pure-u-xxxl-4-5, .pure-u-xxxl-5-5, .pure-u-xxxl-1-6, .pure-u-xxxl-5-6, .pure-u-xxxl-1-8, .pure-u-xxxl-3-8, .pure-u-xxxl-5-8, .pure-u-xxxl-7-8, .pure-u-xxxl-1-12, .pure-u-xxxl-5-12, .pure-u-xxxl-7-12, .pure-u-xxxl-11-12, .pure-u-xxxl-1-24, .pure-u-xxxl-2-24, .pure-u-xxxl-3-24, .pure-u-xxxl-4-24, .pure-u-xxxl-5-24, .pure-u-xxxl-6-24, .pure-u-xxxl-7-24, .pure-u-xxxl-8-24, .pure-u-xxxl-9-24, .pure-u-xxxl-10-24, .pure-u-xxxl-11-24, .pure-u-xxxl-12-24, .pure-u-xxxl-13-24, .pure-u-xxxl-14-24, .pure-u-xxxl-15-24, .pure-u-xxxl-16-24, .pure-u-xxxl-17-24, .pure-u-xxxl-18-24, .pure-u-xxxl-19-24, .pure-u-xxxl-20-24, .pure-u-xxxl-21-24, .pure-u-xxxl-22-24, .pure-u-xxxl-23-24, .pure-u-xxxl-24-24 {
+    display: inline-block;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+  }
+
+  .pure-u-xxxl-1-24 {
+    width: 4.1667%;
+  }
+
+  .pure-u-xxxl-1-12, .pure-u-xxxl-2-24 {
+    width: 8.3333%;
+  }
+
+  .pure-u-xxxl-1-8, .pure-u-xxxl-3-24 {
+    width: 12.5000%;
+  }
+
+  .pure-u-xxxl-1-6, .pure-u-xxxl-4-24 {
+    width: 16.6667%;
+  }
+
+  .pure-u-xxxl-1-5 {
+    width: 20%;
+  }
+
+  .pure-u-xxxl-5-24 {
+    width: 20.8333%;
+  }
+
+  .pure-u-xxxl-1-4, .pure-u-xxxl-6-24 {
+    width: 25%;
+  }
+
+  .pure-u-xxxl-7-24 {
+    width: 29.1667%;
+  }
+
+  .pure-u-xxxl-1-3, .pure-u-xxxl-8-24 {
+    width: 33.3333%;
+  }
+
+  .pure-u-xxxl-3-8, .pure-u-xxxl-9-24 {
+    width: 37.5000%;
+  }
+
+  .pure-u-xxxl-2-5 {
+    width: 40%;
+  }
+
+  .pure-u-xxxl-5-12, .pure-u-xxxl-10-24 {
+    width: 41.6667%;
+  }
+
+  .pure-u-xxxl-11-24 {
+    width: 45.8333%;
+  }
+
+  .pure-u-xxxl-1-2, .pure-u-xxxl-12-24 {
+    width: 50%;
+  }
+
+  .pure-u-xxxl-13-24 {
+    width: 54.1667%;
+  }
+
+  .pure-u-xxxl-7-12, .pure-u-xxxl-14-24 {
+    width: 58.3333%;
+  }
+
+  .pure-u-xxxl-3-5 {
+    width: 60%;
+  }
+
+  .pure-u-xxxl-5-8, .pure-u-xxxl-15-24 {
+    width: 62.5000%;
+  }
+
+  .pure-u-xxxl-2-3, .pure-u-xxxl-16-24 {
+    width: 66.6667%;
+  }
+
+  .pure-u-xxxl-17-24 {
+    width: 70.8333%;
+  }
+
+  .pure-u-xxxl-3-4, .pure-u-xxxl-18-24 {
+    width: 75%;
+  }
+
+  .pure-u-xxxl-19-24 {
+    width: 79.1667%;
+  }
+
+  .pure-u-xxxl-4-5 {
+    width: 80%;
+  }
+
+  .pure-u-xxxl-5-6, .pure-u-xxxl-20-24 {
+    width: 83.3333%;
+  }
+
+  .pure-u-xxxl-7-8, .pure-u-xxxl-21-24 {
+    width: 87.5000%;
+  }
+
+  .pure-u-xxxl-11-12, .pure-u-xxxl-22-24 {
+    width: 91.6667%;
+  }
+
+  .pure-u-xxxl-23-24 {
+    width: 95.8333%;
+  }
+
+  .pure-u-xxxl-1, .pure-u-xxxl-1-1, .pure-u-xxxl-5-5, .pure-u-xxxl-24-24 {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 240em) {
+  .pure-u-x4k-1, .pure-u-x4k-1-1, .pure-u-x4k-1-2, .pure-u-x4k-1-3, .pure-u-x4k-2-3, .pure-u-x4k-1-4, .pure-u-x4k-3-4, .pure-u-x4k-1-5, .pure-u-x4k-2-5, .pure-u-x4k-3-5, .pure-u-x4k-4-5, .pure-u-x4k-5-5, .pure-u-x4k-1-6, .pure-u-x4k-5-6, .pure-u-x4k-1-8, .pure-u-x4k-3-8, .pure-u-x4k-5-8, .pure-u-x4k-7-8, .pure-u-x4k-1-12, .pure-u-x4k-5-12, .pure-u-x4k-7-12, .pure-u-x4k-11-12, .pure-u-x4k-1-24, .pure-u-x4k-2-24, .pure-u-x4k-3-24, .pure-u-x4k-4-24, .pure-u-x4k-5-24, .pure-u-x4k-6-24, .pure-u-x4k-7-24, .pure-u-x4k-8-24, .pure-u-x4k-9-24, .pure-u-x4k-10-24, .pure-u-x4k-11-24, .pure-u-x4k-12-24, .pure-u-x4k-13-24, .pure-u-x4k-14-24, .pure-u-x4k-15-24, .pure-u-x4k-16-24, .pure-u-x4k-17-24, .pure-u-x4k-18-24, .pure-u-x4k-19-24, .pure-u-x4k-20-24, .pure-u-x4k-21-24, .pure-u-x4k-22-24, .pure-u-x4k-23-24, .pure-u-x4k-24-24 {
+    display: inline-block;
+    letter-spacing: normal;
+    word-spacing: normal;
+    vertical-align: top;
+    text-rendering: auto;
+  }
+
+  .pure-u-x4k-1-24 {
+    width: 4.1667%;
+  }
+
+  .pure-u-x4k-1-12, .pure-u-x4k-2-24 {
+    width: 8.3333%;
+  }
+
+  .pure-u-x4k-1-8, .pure-u-x4k-3-24 {
+    width: 12.5000%;
+  }
+
+  .pure-u-x4k-1-6, .pure-u-x4k-4-24 {
+    width: 16.6667%;
+  }
+
+  .pure-u-x4k-1-5 {
+    width: 20%;
+  }
+
+  .pure-u-x4k-5-24 {
+    width: 20.8333%;
+  }
+
+  .pure-u-x4k-1-4, .pure-u-x4k-6-24 {
+    width: 25%;
+  }
+
+  .pure-u-x4k-7-24 {
+    width: 29.1667%;
+  }
+
+  .pure-u-x4k-1-3, .pure-u-x4k-8-24 {
+    width: 33.3333%;
+  }
+
+  .pure-u-x4k-3-8, .pure-u-x4k-9-24 {
+    width: 37.5000%;
+  }
+
+  .pure-u-x4k-2-5 {
+    width: 40%;
+  }
+
+  .pure-u-x4k-5-12, .pure-u-x4k-10-24 {
+    width: 41.6667%;
+  }
+
+  .pure-u-x4k-11-24 {
+    width: 45.8333%;
+  }
+
+  .pure-u-x4k-1-2, .pure-u-x4k-12-24 {
+    width: 50%;
+  }
+
+  .pure-u-x4k-13-24 {
+    width: 54.1667%;
+  }
+
+  .pure-u-x4k-7-12, .pure-u-x4k-14-24 {
+    width: 58.3333%;
+  }
+
+  .pure-u-x4k-3-5 {
+    width: 60%;
+  }
+
+  .pure-u-x4k-5-8, .pure-u-x4k-15-24 {
+    width: 62.5000%;
+  }
+
+  .pure-u-x4k-2-3, .pure-u-x4k-16-24 {
+    width: 66.6667%;
+  }
+
+  .pure-u-x4k-17-24 {
+    width: 70.8333%;
+  }
+
+  .pure-u-x4k-3-4, .pure-u-x4k-18-24 {
+    width: 75%;
+  }
+
+  .pure-u-x4k-19-24 {
+    width: 79.1667%;
+  }
+
+  .pure-u-x4k-4-5 {
+    width: 80%;
+  }
+
+  .pure-u-x4k-5-6, .pure-u-x4k-20-24 {
+    width: 83.3333%;
+  }
+
+  .pure-u-x4k-7-8, .pure-u-x4k-21-24 {
+    width: 87.5000%;
+  }
+
+  .pure-u-x4k-11-12, .pure-u-x4k-22-24 {
+    width: 91.6667%;
+  }
+
+  .pure-u-x4k-23-24 {
+    width: 95.8333%;
+  }
+
+  .pure-u-x4k-1, .pure-u-x4k-1-1, .pure-u-x4k-5-5, .pure-u-x4k-24-24 {
+    width: 100%;
+  }
+}

data/vendor/assets/stylesheets/purecss/_grids.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
@@ -7,76 +7,16 @@ https://github.com/pure-css/pure/blob/master/LICENSE
 /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
 
 .pure-g {
-  letter-spacing: -0.31em;
-
-  /* Webkit: collapse white-space between units */
-  text-rendering: optimizespeed;
-
-  /* Webkit: fixes text-rendering: optimizeLegibility */
-
-    /*
-    Sets the font stack to fonts known to work properly with the above letter
-    and word spacings. See: https://github.com/pure-css/pure/issues/41/
-
-    The following font stack makes Pure Grids work on all known environments.
-
-    * FreeSans: Ships with many Linux distros, including Ubuntu
-
-    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
-      Arial to get picked up by the browser, even though neither is available
-      in Chrome OS.
-
-    * Droid Sans: Ships with all versions of Android.
-
-    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
-    */
-  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
-
-  /* Use flexbox when possible to avoid `letter-spacing` side-effects. */
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: row wrap;
   flex-flow: row wrap;
 
   /* Prevents distributing space between rows */
-  -ms-flex-line-pack: start;
   align-content: flex-start;
 }
 
-/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  table .pure-g {
-    display: block;
-  }
-}
-
-/* Opera as of 12 on Windows needs word-spacing.
-   The ".opera-only" selector is used to prevent actual prefocus styling
-   and is not required in markup.
-*/
-
-.opera-only :-o-prefocus, .pure-g {
-  word-spacing: -0.43em;
-}
-
 .pure-u {
   display: inline-block;
-  letter-spacing: normal;
-  word-spacing: normal;
   vertical-align: top;
-  text-rendering: auto;
-}
-
-/*
-Resets the font family back to the OS/browser's default sans-serif font,
-this the same font stack that Normalize.css sets for the `body`.
-*/
-
-.pure-g [class*="pure-u"] {
-  font-family: sans-serif;
 }
 
 .pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {

data/vendor/assets/stylesheets/purecss/_menus.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE
@@ -7,7 +7,6 @@ https://github.com/pure-css/pure/blob/master/LICENSE
 /*csslint adjoining-classes: false, box-model:false*/
 
 .pure-menu {
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 

data/vendor/assets/stylesheets/purecss/_tables.scss

@@ -1,5 +1,5 @@
 /*!
-Pure v2.1.0
+Pure v3.0.0
 Copyright 2013 Yahoo!
 Licensed under the BSD License.
 https://github.com/pure-css/pure/blob/master/LICENSE

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: purecss-sass
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 3.0.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-03-15 00:00:00.000000000 Z
+date: 2022-10-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -132,7 +132,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.32
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Pure CSS framework, converted to Sass