Skip to content

Instantly share code, notes, and snippets.

@aduth

aduth/input.scss

Created May 13, 2022 14:51
Show Gist options
  • Save aduth/82331cc1f75fa50d8f7f7938bfee1ad9 to your computer and use it in GitHub Desktop.
Save aduth/82331cc1f75fa50d8f7f7938bfee1ad9 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
input.scss
.usa-radio__input--tile:disabled + .usa-radio__label--illustrated,
.usa-checkbox__input--tile:disabled + .usa-checkbox__label--illustrated {
.usa-radio__image,
.usa-checkbox__image {
filter: invert(45%) sepia(1%) saturate(0%) hue-rotate(232deg) brightness(100%) contrast(80%);
}
}
.usa-radio__input--tile:disabled + .usa-radio__label--illustrated .usa-radio__image,
.usa-checkbox__input--tile:disabled + .usa-checkbox__label--illustrated .usa-checkbox__image {
filter: invert(45%) sepia(1%) saturate(0%) hue-rotate(232deg) brightness(100%) contrast(80%);
}
Raw
output.css
.usa-radio__input--tile:disabled + .usa-radio__label--illustrated .usa-radio__image,
.usa-radio__input--tile:disabled + .usa-radio__label--illustrated .usa-checkbox__image,
.usa-checkbox__input--tile:disabled + .usa-checkbox__label--illustrated .usa-radio__image,
.usa-checkbox__input--tile:disabled + .usa-checkbox__label--illustrated .usa-checkbox__image {
filter: invert(45%) sepia(1%) saturate(0%) hue-rotate(232deg) brightness(100%) contrast(80%);
}
.usa-radio__input--tile:disabled + .usa-radio__label--illustrated .usa-radio__image,
.usa-checkbox__input--tile:disabled + .usa-checkbox__label--illustrated .usa-checkbox__image {
filter: invert(45%) sepia(1%) saturate(0%) hue-rotate(232deg) brightness(100%) contrast(80%);
}
Raw
settings.json
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment