diff options
| author |   Israel Lavi <israel.lavi@intl.att.com> | 2018-08-07 11:36:58 +0300 |
|---|---|---|
| committer |   Israel Lavi <il0695@att.com> | 2018-08-07 11:48:04 +0300 |
| commit | 75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc (patch) | |
| tree | b1412c3c7616b07852c941fd21fc9836f2d43e86 /components/accordion/accordion.scss | |
| parent | 57a7853903df631a2031b5b57ce4d131364006f6 (diff) | |
Initial commit
Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53
Issue-ID: SDC-1609
Signed-off-by: Israel Lavi <il0695@att.com>
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; + } + } +} |