build(scemantic)!: 23

Author: rbalet

.vscode/terminals.json

@@ -0,0 +1,14 @@
+{
+  "autorun": true,
+  "autokill": true,
+  "terminals": [
+    {
+      "name": "Scss Opinionated",
+      "description": "Scss Opinionated",
+      "icon": "vm",
+      "command": "npm run publish",
+      "open": true,
+      "execute": false
+    }
+  ]
+}

README.md

@@ -71,7 +71,7 @@ Source: https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407
 ### Width
 Similar as bootstrap 
 
-```css
+```scss
 :root {
   @media (min-width: 576px) and (max-width: 768px) {
     --container-max-width: 540px;
@@ -98,6 +98,28 @@ Similar as bootstrap
 }
 ```
 
+## Mixins
+### Grid
+```scss
+@include sm, md, lg, xl , xxl { };
+@include smUp, mdUp, ... {};
+@include smOnly, mdOnly, ... {};
+@include sm-md, sm-lg, ... {}
+
+// Where
+$sm: 576px !default;
+$md: 768px !default;
+$lg: 992px !default;
+$xl: 1200px !default;
+$xxl: 1500px !default;
+
+@mixin sm {
+  @media (max-width: #{$md - 1px}) {
+    @content;
+  }
+}
+```
+
 ## Authors
 
 - **Raphaël Balet** - _Initial work_ - [Megaphone](https://megaphone.info)