IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed linting issue

Browse Source
This commit is contained in:
Grzegorz Leoniec 2019-01-14 14:52:16 +01:00
parent 07c437ccaa
commit 1cb4156422
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
1 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
styleguide/src/system/components/data-input/shared/input.scss
View File

@ -2,7 +2,7 @@
.#{$class}-wrap {
position: relative;
}
.#{$class} {
appearance: none;
box-sizing: border-box;
@ -12,25 +12,25 @@
width: 100%;
padding: $input-padding-vertical $space-x-small;
height: $input-height;
color: $text-color-base;
background: $background-color-base;
border: $input-border-size solid $border-color-base;
border-radius: $border-radius-base;
outline: none;
transition: all $duration-short $ease-out;
&::placeholder {
color: $text-color-disabled;
}
.ds-input-has-focus &,
&:focus {
border-color: $border-color-active;
background: $background-color-base;
}
.ds-input-is-disabled &,
&:disabled {
color: $text-color-disabled;
@ -43,32 +43,32 @@
.ds-input-is-readonly & {
pointer-events: none;
}
.ds-input-has-error & {
border-color: $border-color-danger;
}
}
.ds-input-size-small {
font-size: $font-size-small;
.#{$class} {
font-size: $input-font-size-small;
height: $input-height-small;
padding: $input-padding-vertical-small $space-x-small;
}
}
.ds-input-size-large {
font-size: $font-size-large;
.#{$class} {
font-size: $input-font-size-large;
height: $input-height-large;
padding: $input-padding-vertical-large $space-x-small;
}
}
.#{$class}-icon,
.#{$class}-icon-right {
position: absolute;
@ -82,7 +82,7 @@
color: $text-color-softer;
transition: color $duration-short $ease-out;
pointer-events: none;
.ds-input-has-focus & {
color: $text-color-base;
}
@ -95,15 +95,15 @@
width: $input-height-large;
}
}
.#{$class}-icon-right {
right: 0;
left: auto;
}
.#{$class}-has-icon {
padding-left: $input-height;
.ds-input-size-small & {
padding-left: $input-height-small;
}
@ -112,7 +112,7 @@
padding-left: $input-height-large;
}
}
.#{$class}-has-icon-right {
padding-right: $input-height;
@ -123,5 +123,5 @@
.ds-input-size-large & {
padding-right: $input-height-large;
}
}
}
}