Commite3a4a97

committed

Spinbox error variant [amends#561]

1 parent88ac574 commite3a4a97Copy full SHA for e3a4a97

File tree

+19

-0

lines changed

+19

-0

lines changed

Lines changed: 13 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,12 @@`
`21`	`21`	`min-width:10ch;// for browsers that support ch unit`
`22`	`22`	`}`
`23`	`23`
	`24`	`+&--error {`
	`25`	`+// border-color: $form-error-color;`
	`26`	`+// box-shadow: 0 0 0 1px $form-error-color inset;`
	`27`	`+// background-color: $form-error-color-bg;`
	`28`	`+ }`
	`29`	`+`
`24`	`30`	`&--small {`
`25`	`31`	`@includefont-size(2);`
`26`	`32`	`min-width:7.2rem;`
`@@ -67,9 +73,16 @@`
`67`	`73`	`display:block;`
`68`	`74`	`width:100%;`
`69`	`75`	`appearance:initial;`
	`76`	`+background:transparent;`
`70`	`77`	`-moz-appearance: textfield;`
`71`	`78`	`}`
`72`	`79`
	`80`	`+&.fsa-input--error {`
	`81`	`+.fsa-spinbox--error& {`
	`82`	`+box-shadow:none;`
	`83`	`+ }`
	`84`	`+ }`
	`85`	`+`
`73`	`86`	`&[disabled] {}`
`74`	`87`
`75`	`88`	`&::-webkit-inner-spin-button,`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,12 @@`
`5`	`5`	`display:inline-flex;`
`6`	`6`	`align-items:stretch;`
`7`	`7`	`background-color:$color-white;`
	`8`	`+.fsa-spinbox--error& {`
	`9`	`+border-color:$form-error-color;`
	`10`	`+box-shadow:0001px$form-error-colorinset;`
	`11`	`+background-color:$form-error-color-bg;`
	`12`	`+ }`
	`13`	`+`
`8`	`14`	`&:focus-within {`
`9`	`15`	`outline:3pxsolid$color-focus;`
`10`	`16`	`}`

Comments

(0)