minor updates

Author: nikoloza

lib/form/button.css

@@ -22,6 +22,7 @@
   --button-border-radius: var(--field-border-radius);
 
   /* font styles */
+  --button-letter-spacing: var(--field-letter-spacing);
   --button-font-weight: var(--field-font-weight);
   --button-text-transform: var(--field-text-transform);
   --button-text-align: center;
@@ -31,10 +32,11 @@
   --button-transition-property: var(--field-transition-property);
 }
 
-.ui.form.button {
+.ui.button {
   font-weight: var(--button-font-weight);
   text-transform: var(--button-text-transform);
   text-align: var(--button-text-align);
+  letter-spacing: var(--button-letter-spacing);
 
   color: var(--button-color);
   background: var(--button-background);

lib/form/checkbox.css

@@ -13,7 +13,7 @@
   --checkbox-label-gutter: var(--gutter-small);
 }
 
-.ui.form.checkbox {
+.ui.checkbox {
   line-height: 1;
 
   > input {
@@ -66,7 +66,7 @@
 }
 
 /* sizes */
-.ui.form.checkbox {
+.ui.checkbox {
   &.tiny > span {
     &::before,
     &::after {

lib/form/field.css

@@ -16,6 +16,7 @@
   --field-text-transform: uppercase;
   --field-font-weight: var(--font-regular);
   --field-text-align: left;
+  --field-letter-spacing: 0;
 
   /* borders */
   --field-border-width: 1px;
@@ -40,10 +41,11 @@
   --field-disabled-border-color: var(--lightengray);
 }
 
-.ui.form.field {
+.ui.field {
   font-weight: var(--field-font-weight);
   text-transform: var(--field-text-transform);
   text-align: var(--field-text-align);
+  letter-spacing: var(--field-letter-spacing);
 
   color: var(--field-color);
   background: var(--field-background);

lib/form/select.css

@@ -1,4 +1,4 @@
-.ui.form.select {
+.ui.select {
   display: flex;
   align-items: center;
 

lib/form/sizes.css

@@ -1,6 +1,6 @@
 /* button sizes */
-.ui.form.field,
-.ui.form.button {
+.ui.field,
+.ui.button {
   display: inline-block;
 
   font-size: var(--field-font-size);

lib/form/states.css

@@ -12,12 +12,12 @@
   --field-warning-border-color: var(--warning);
 }
 
-.ui.form.field:focus:invalid {
+.ui.field:focus:invalid {
   border-color: var(--error);
 }
 
-.ui.form.field:invalid,
-.ui.form.field.error {
+.ui.field:invalid,
+.ui.field.error {
   &,
   &:hover,
   &:focus {
@@ -34,7 +34,7 @@
   }
 }
 
-.ui.form.field.warning {
+.ui.field.warning {
   &,
   &:hover,
   &:focus {

lib/form/textarea.css

@@ -6,7 +6,7 @@
   --textarea-min-width: var(--textarea-min-width-base)var(--unit);
 }
 
-.ui.flexible.form.field {
+.ui.flexible.field {
   height: auto;
   line-height: var(--document-line-height);
 
@@ -25,7 +25,7 @@
   }
 }
 
-textarea.ui.flexible.form.field {
+textarea.ui.flexible.field {
   min-height: var(--textarea-min-height);
   min-width: var(--textarea-min-width);
   line-height: var(--document-line-height);

lib/index.css

@@ -2,4 +2,4 @@
 @import "./form/index.css";
 
 /* label */
-@import "./label.css";
+@import "./label.css";

lib/label.css

@@ -5,7 +5,7 @@
   --label-padding: .35em;
 }
 
-.form.label {
+.label {
   display: inline-block;
   color: var(--label-color);
   background: var(--label-background);