feat: add ns-c-bind-scheme class for binding color schemes to elements

this is a better name for this

Author: gureckis

docs/colors.md

@@ -89,10 +89,10 @@ which contains values for these options which might go well together in a monoch
 
 To apply the theme to a element you simply add the `neversink-{name}-scheme` class to the element and then add another class which binds the CSS vars as you like.
 
-There is one built-in one called `.ns-c-mixin` which applies the color to the background, text, and border of the element. It's definition looks like this:
+There is one built-in one called `.ns-c-bind-scheme` which applies the color to the background, text, and border of the element. It's definition looks like this:
 
 ```css
-.ns-c-mixin {
+.ns-c-bind-scheme {
   background-color: var(--neversink-bg-color);
   color: var(--neversink-text-color);
   border-color: var(--neversink-border-color);
@@ -102,13 +102,13 @@ There is one built-in one called `.ns-c-mixin` which applies the color to the ba
 For example, to apply the `red` scheme from above to a `div` element you would add the following classes:
 
 ```html
-<div class="neversink-red-scheme ns-c-mixin">This is a red div</div>
+<div class="neversink-red-scheme ns-c-bind-scheme">This is a red div</div>
 ```
 
 You can also define you own custom binding classes if you want to map the colors from the theme in a different way. For example, you could define a class like this:
 
 ```css
-.mymixin {
+.my-bind-scheme {
   background-color: var(--neversink-text-color);
 }
 ```

docs/styling.md

@@ -22,15 +22,15 @@ In addition to the main color [schemes](/colors) there are some additional short
 
 where color is the **first two letters** of the [colors](/colors) in the project (e.g., `ns-c-pi-scheme` for `neversink-pink-scheme`).
 
-## Color mixin
+## Color bind
 
 When you want to apply a theme color to an element on a page you can use the
-`ns-c-mixin` class. This will apply the color to the text and the background.
+`ns-c-bind-scheme` class. This will apply the color to the text and the background.
 
 It has a definition like this:
 
 ```css
-.ns-c-mixin {
+.ns-c-bind-scheme {
   background-color: var(--neversink-bg-color);
   color: var(--neversink-text-color);
   border-color: var(--neversink-border-color);
@@ -40,7 +40,7 @@ It has a definition like this:
 so to bind the color to a `div` element you can do this:
 
 ```md
-<div class="ns-c-mixin ns-c-sk-scheme">
+<div class="ns-c-bind-scheme ns-c-sk-scheme">
   This is a with the `ns-c-sk-scheme` (i.e., `neversink-sky-scheme`) color applied.
 </div>
 ```

styles/neversink-c.css

@@ -154,6 +154,7 @@
   pointer-events: none;
 }
 
+.ns-c-bind-scheme,
 .ns-c-mixin {
   background-color: var(--neversink-bg-color);
   color: var(--neversink-text-color);