diff options
Diffstat (limited to 'components/icon/_icon.scss')
-rw-r--r-- | components/icon/_icon.scss | 250 |
1 files changed, 0 insertions, 250 deletions
diff --git a/components/icon/_icon.scss b/components/icon/_icon.scss deleted file mode 100644 index cd94eb7..0000000 --- a/components/icon/_icon.scss +++ /dev/null @@ -1,250 +0,0 @@ -@mixin color-icon($primary-color, $secondary-color) { - color: $primary-color; - fill: $primary-color; - span{ - color: $primary-color; - } - &:not([disabled]):hover, &:active, &:focus { - &.clickable { - color: $secondary-color; - fill: $secondary-color; - } - } -} - -.svg-icon-wrapper { - display: inline-flex; - justify-content: center; - align-items: center; - - &[disabled] { - opacity: 0.7; - } - - &.bottom { - flex-direction: column; - .svg-icon-label { - margin-bottom: 5px; - } - } - - &.right { - float: none; - .svg-icon-label { - margin-left: 5px; - } - } - - &.top { - flex-direction: column-reverse; - .svg-icon-label { - margin-top: 5px; - } - } - - &.left { - flex-direction: row-reverse; - .svg-icon-label { - margin-right: 5px; - } - } - - &.__warning { - @include color-icon($yellow, $yellow); - } - - &.__primary { - @include color-icon($blue, $light-blue); - } - - &.__secondary { - @include color-icon($gray, $dark-gray); - } - - &.__positive { - @include color-icon($green, $green); - } - - &.__negative { - @include color-icon($red, $red); - } -} - - -.svg-icon { - width: 20px; - height: 20px; - - &.__angleDoubleLeft { - width: 14px; - height: 14px; - } - &.__angleDoubleRight { - width: 14px; - height: 14px; - } - &.__angleLeft { - width: 14px; - height: 14px; - } - &.__angleRight { - width: 14px; - height: 14px; - } - &.__artifacts { - width: 16px; - height: 20px; - } - &.__back { - width: 25px; - height: 25px; - } - &.__base { - // - } - &.__calendar { - // - } - &.__caretDown { - } - &.__check { - } - &.__checkCircle { - width: 16px; - height: 16px; - } - &.__chevronDown{ - width: 10px; - height: 7px; - } - &.__chevronUp { - width: 11px; - height: 7px; - } - &.__close { - width: 10px; - height: 10px; - } - &.__download { - width: 15px; - height: 11px; - } - &.__env { - width: 15px; - height: 14px; - } - &.__error { - width: 14px; - height: 14px; - } - &.__errorCircle { - width: 16px; - height: 16px; - } - &.__exclamationTriangleFull { - width: 15px; - height: 13px; - } - &.__exclamationTriangleLine { - width: 15px; - height: 13px; - } - &.__filter { - // - } - &.__locked { - width: 11px; - } - &.__module { - // - } - &.__nestedHeat { - width: 15px; - height: 13px; - } - &.__network { - width: 13px; - height: 13px; - } - &.__others { - width: 12px; - height: 12px; - } - &.__pencil { - width: 15px; - height: 15px; - } - &.__plus { - width: 9px; - height: 9px; - } - &.__plusCircle { - width: 19px; - height: 19px; - } - &.__plusThin { - width: 9px; - height: 9px; - } - &.__proceedToOverview { - width: 24px; - height: 20px; - } - &.__search { - // - } - &.__sliders { - } - &.__trashO { - width: 15px; - height: 16px; - } - &.__unlocked { - width: 11px; - } - &.__upload { - width: 15px; - height: 11px; - } - &.__vendor { - width: 53px; - height: 47px; - } - &.__versionControllerLockClosed { - width: 21px; - height: 23px; - } - &.__versionControllerLockOpen { - width: 24px; - height: 28px; - } - &.__versionControllerRevert { - // - } - &.__versionControllerSave { - // - } - &.__versionControllerSubmit { - // - } - &.__versionControllerPermissions { - // - } - &.__vlm { - width: 53px; - height: 47px; - } - &.__vsp { - width: 53px; - height: 47px; - } - &.__zip { - width: 29px; - height: 23px; - } -} - -.svg-icon-missing { - @include body-2; - @include font-error; -} |