v3.1.3

Author: realanthonyc

README.md

@@ -1,2 +1,32 @@
-# S2
-S2
+# S2 Attributes
+
+**S2 Attributes** is a lightweight library of pre-defined attributes to help you
+work faster. It was originally developed alongside the [S2 Framework for Webflow](https://s2-framework.webflow.io).
+
+This repo removes all Webflow-specific attributes so it can be used on any
+website.
+
+The best way to understand attributes is to read the CSS directly, visit:
+`s2attr.css`.
+
+## Usage
+
+### CDN
+
+Include the stylesheet in your HTML:
+
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/SPACESODA/S2@3.1.3/s2attr.min.css" />
+```
+
+### Local
+
+Use the local file in this repo:
+
+```html
+<link rel="stylesheet" href="s2attr.css" />
+```
+
+## License
+
+CC0 1.0 Universal. See `LICENSE`.

s2attr.css

@@ -2,8 +2,10 @@
 /* -- S2 Attributes -- */
 /* ------------------- */
 
+/* v3.1.3 */
+
 /* basics */
-[hide], .u-hide, [hidden="true"] { display: none; }
+[hide], [hidden="true"] { display: none; }
 [disabled] { filter: saturate(0%); cursor: default; pointer-events: none; }
 [user-select="none"] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 [events="none"] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; touch-action: none; }