diff --git a/package-lock.json b/package-lock.json index 37fe320b..9eb3a8f0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@gsa-sam/sam-styles", - "version": "3.0.19", + "version": "3.0.20", "lockfileVersion": 2, "requires": true, "packages": { diff --git a/package.json b/package.json index 9e37a916..58e3ea07 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gsa-sam/sam-styles", - "version": "3.0.19", + "version": "3.0.20", "description": "", "main": "index.js", "scripts": { diff --git a/sam-styles/packages/branding/elements/_utils.scss b/sam-styles/packages/branding/elements/_utils.scss index f7baa393..b9a07463 100644 --- a/sam-styles/packages/branding/elements/_utils.scss +++ b/sam-styles/packages/branding/elements/_utils.scss @@ -1,63 +1,78 @@ .cursor-pointer { - cursor: pointer; - } - - .minw-card-lg { - min-width: 240px; - } - - .sds-measure-7 { - max-width: 96ex !important; - } - - .sds-measure-8 { - max-width: 104ex !important; - } - - .sds-measure-9 { - max-width: 120ex !important; - } - - .sds-measure-10 { - max-width: 136ex !important; - } + cursor: pointer; +} - i.size-xs{ - font-size: .75em; - } - i.size-sm{ - font-size: .875em; - } - i.size-lg{ - font-size: 1.33em; - } - i.size-2x{ - font-size: 2em; - } - i.size-3x{ - font-size: 3em; - } - i.size-4x{ - font-size: 4em; - } - i.size-5x{ - font-size: 5em; - } - i.size-6x{ - font-size: 6em; - } - i.size-7x{ - font-size: 7em; - } - i.size-8x{ - font-size: 8em; - } - i.size-9x{ - font-size: 9em; - } - i.size-10x{ - font-size: 10em; +.minw-card-lg { + min-width: 240px; +} + +.sds-measure-7 { + max-width: 96ex !important; +} + +.sds-measure-8 { + max-width: 104ex !important; +} + +.sds-measure-9 { + max-width: 120ex !important; +} + +.sds-measure-10 { + max-width: 136ex !important; +} + +i.size-xs { + font-size: 0.75em; +} +i.size-sm { + font-size: 0.875em; +} +i.size-lg { + font-size: 1.33em; +} +i.size-2x { + font-size: 2em; +} +i.size-3x { + font-size: 3em; +} +i.size-4x { + font-size: 4em; +} +i.size-5x { + font-size: 5em; +} +i.size-6x { + font-size: 6em; +} +i.size-7x { + font-size: 7em; +} +i.size-8x { + font-size: 8em; +} +i.size-9x { + font-size: 9em; +} +i.size-10x { + font-size: 10em; +} +i.sds-icon-margin { + margin-right: 0.5rem; +} + +.sds-textarea-small { + @include u-width("mobile"); +} + +.sds-textarea-medium { + @include u-width("mobile-lg"); +} + +.sds-textarea-large { + @include u-width("tablet"); + .usa-textarea { + max-width: none !important; } - i.sds-icon-margin { - margin-right: 0.5rem; - } \ No newline at end of file +}