update naming

nikoloza · nikoloza · commit e9b0913c6fc4 · 2017-03-19T04:16:01.000+04:00
diff --git a/lib/form/button.css b/lib/form/button.css
@@ -31,7 +31,7 @@
   --button-transition-property: var(--field-transition-property);
 }
 
-.button {
+.form.button {
   font-weight: var(--button-font-weight);
   text-transform: var(--button-text-transform);
   text-align: var(--button-text-align);
diff --git a/lib/form/checkbox.css b/lib/form/checkbox.css
@@ -13,7 +13,7 @@
   --checkbox-label-gutter: var(--gutter-small);
 }
 
-.checkbox {
+.form.checkbox {
   line-height: 1;
 
   > input {
@@ -66,7 +66,7 @@
 }
 
 /* sizes */
-.checkbox {
+.form.checkbox {
   &.tiny > span {
     &::before,
     &::after {
diff --git a/lib/form/field.css b/lib/form/field.css
@@ -35,7 +35,7 @@
   --field-placeholder-opacity: .1;
 }
 
-.field {
+.form.field {
   font-weight: var(--field-font-weight);
   text-transform: var(--field-text-transform);
   text-align: var(--field-text-align);
diff --git a/lib/form/select.css b/lib/form/select.css
@@ -1,4 +1,4 @@
-.select.field {
+.form.select {
   display: flex;
   align-items: center;
 
diff --git a/lib/form/sizes.css b/lib/form/sizes.css
@@ -1,6 +1,6 @@
 /* button sizes */
-.field,
-.button {
+.form.field,
+.form.button {
   display: inline-block;
 
   font-size: var(--field-font-size);
diff --git a/lib/form/states.css b/lib/form/states.css
@@ -1,3 +1,3 @@
-.field:focus:invalid {
+.form.field:focus:invalid {
   border-color: var(--error);
 }
diff --git a/lib/form/textarea.css b/lib/form/textarea.css
@@ -1,4 +1,4 @@
-.flexible.field {
+.flexible.form.field {
   height: auto;
   line-height: normal;
 
@@ -17,7 +17,7 @@
   }
 }
 
-textarea.flexible.field {
+textarea.flexible.form.field {
   min-height: 18rem;
   line-height: normal;
 }
diff --git a/lib/label.css b/lib/label.css
@@ -5,7 +5,7 @@
   --label-padding: .35em;
 }
 
-.label {
+.form.label {
   display: inline-block;
   color: var(--label-color);
   background: var(--label-background);

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`	`--button-transition-property: var(--field-transition-property);`
`32`	`32`	`}`
`33`	`33`
`34`		`-.button {`
	`34`	`+.form.button {`
`35`	`35`	`font-weight: var(--button-font-weight);`
`36`	`36`	`text-transform: var(--button-text-transform);`
`37`	`37`	`text-align: var(--button-text-align);`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`--checkbox-label-gutter: var(--gutter-small);`
`14`	`14`	`}`
`15`	`15`
`16`		`-.checkbox {`
	`16`	`+.form.checkbox {`
`17`	`17`	`line-height: 1;`
`18`	`18`
`19`	`19`	`> input {`
`@@ -66,7 +66,7 @@`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`/* sizes */`
`69`		`-.checkbox {`
	`69`	`+.form.checkbox {`
`70`	`70`	`&.tiny > span {`
`71`	`71`	`&::before,`
`72`	`72`	`&::after {`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`--field-placeholder-opacity: .1;`
`36`	`36`	`}`
`37`	`37`
`38`		`-.field {`
	`38`	`+.form.field {`
`39`	`39`	`font-weight: var(--field-font-weight);`
`40`	`40`	`text-transform: var(--field-text-transform);`
`41`	`41`	`text-align: var(--field-text-align);`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.select.field {`
	`1`	`+.form.select {`
`2`	`2`	`display: flex;`
`3`	`3`	`align-items: center;`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`		`-.field:focus:invalid {`
	`1`	`+.form.field:focus:invalid {`
`2`	`2`	`border-color: var(--error);`
`3`	`3`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-.flexible.field {`
	`1`	`+.flexible.form.field {`
`2`	`2`	`height: auto;`
`3`	`3`	`line-height: normal;`
`4`	`4`
`@@ -17,7 +17,7 @@`
`17`	`17`	`}`
`18`	`18`	`}`
`19`	`19`
`20`		`-textarea.flexible.field {`
	`20`	`+textarea.flexible.form.field {`
`21`	`21`	`min-height: 18rem;`
`22`	`22`	`line-height: normal;`
`23`	`23`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`	`--label-padding: .35em;`
`6`	`6`	`}`
`7`	`7`
`8`		`-.label {`
	`8`	`+.form.label {`
`9`	`9`	`display: inline-block;`
`10`	`10`	`color: var(--label-color);`
`11`	`11`	`background: var(--label-background);`