Merge branch 'release/5.1.0'

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## 5.1.0 - 15-october-2021
+
+- Added `responsive.color-scheme` mixin that lets you define your dark mode custom properties in a way that supports a toggle component
+- Update dependencies & housekeeping
+
 ## 5.0.2 - 07-june-2021
 
 - Refactor slash-based divisions(`/`) with `math.div()` functions as per: [slash-div](https://sass-lang.com/documentation/breaking-changes/slash-div)

generic/reset/_index.scss

@@ -157,6 +157,7 @@ pre {
 img {
   display: block;
   max-inline-size: 100%; /* [1] */
+  block-size: auto; /* [1] */
   font-style: italic; /* [2] */
 }
 

generic/reset/test.html

@@ -98,6 +98,14 @@ <h3 class="c-test__it">scales perfectly between 20px & 30px between desk & wall
       </div>
     </div><!-- .c-test__run -->
 
+    <h2 class="c-test__describe">Color scheme</h2>
+    <h3 class="c-test__it">Switches between dark and light modes based on user preference</h3>
+    <div class="c-test__run">
+      <div class="o-retain  o-retain--lap">
+        <p class="c-color-scheme">Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias labore fugiat, placeat doloribus ea rerum debitis reiciendis molestiae in impedit dolores natus iure ducimus a odio soluta dignissimos consequuntur perspiciatis?</p>
+      </div>
+    </div><!-- .c-test__run -->
+
   </div><!-- .c-test -->
 </body>
 </html>