diff options
Diffstat (limited to 'openecomp-ui/resources/scss/components/_buttons.scss')
| -rw-r--r-- | openecomp-ui/resources/scss/components/_buttons.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/components/_buttons.scss b/openecomp-ui/resources/scss/components/_buttons.scss new file mode 100644 index 0000000000..b39ea495ab --- /dev/null +++ b/openecomp-ui/resources/scss/components/_buttons.scss @@ -0,0 +1,46 @@ + +$plus-circle-icon-size: 18px; +.plus-icon-button { + background: url($plus-circle-icon) no-repeat; + background-size: $plus-circle-icon-size; + width: $plus-circle-icon-size; + height: $plus-circle-icon-size; + cursor: pointer; + &.small { + background-size: $plus-circle-icon-size - 6; + width: $plus-circle-icon-size - 6; + height: $plus-circle-icon-size - 6; + } +} + +.primary-btn{ + border: 1px solid; + border-color: $blue; + color: $blue; + font-weight: bolder; + @extend .body-1; + text-align: center; + padding: 7px; + border-radius: 5px; + cursor: pointer; + align-self: center; + background-color: $white; + .primary-btn-text { + width: 100%; + } + &:hover { + color: $blue; + border-color: $blue; + background-color: $tlv-hover; + &:active { + color: $blue; + border-color: $blue; + } + } + + &:focus:not(:hover) { + color: $blue; + border-color: $blue; + background-color: $white; + } +} |