diff options
| author |   Michael Lando <ml636r@att.com> | 2018-05-21 20:19:48 +0000 |
|---|---|---|
| committer |   Gerrit Code Review <gerrit@onap.org> | 2018-05-21 20:19:48 +0000 |
| commit | 05b37297177e8a342668c15e5d6f738b51f7aedd (patch) | |
| tree | e236c96df52a13f935292db8aa73e84d0c41ad8a /components/accordion/accordion.scss | |
| parent | 884dfb789593d2a3cc319047ab1f0215778aec9f (diff) | |
| parent | 1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff) | |
Merge "init commit onap ui"HEAD2.0.0-ONAPmasterbeijing2.0.0-ONAP
Diffstat (limited to 'components/accordion/accordion.scss')
| -rw-r--r-- | components/accordion/accordion.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/components/accordion/accordion.scss b/components/accordion/accordion.scss new file mode 100644 index 0000000..ef65b9c --- /dev/null +++ b/components/accordion/accordion.scss @@ -0,0 +1,50 @@ +.sdc-accordion { + display: flex; + flex-direction: column; + margin-bottom: 10px; + &.disabled { + opacity: .4; + pointer-events: none; + } + &:not(.disabled) { + .sdc-accordion-header { + cursor: pointer; + } + } + .sdc-accordion-header { + display: flex; + flex-direction: row; + .svg-icon-wrapper { + margin-right: 20px; + transition: transform 0.4s; + &.down { + transform: rotate(180deg); + } + .svg-icon { + fill: $gray; + width: 14px; + height: 8px; + } + } + &.arrow-right { + justify-content: space-between; + .svg-icon-wrapper{ + order:1; + margin:0; + } + } + } + .sdc-accordion-body { + padding-left: 10px; + opacity: 0; + overflow-y: hidden; + max-height: 0; + padding-top: 0px; + transition: opacity 0.33s linear, padding-top 0.3s linear; + &.open { + padding-top: 5px; + opacity: 1; + max-height: 9999px; + } + } +} |