aboutsummaryrefslogtreecommitdiffstats
path: root/components/accordion/accordion.scss
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /components/accordion/accordion.scss
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (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.scss50
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;
+ }
+ }
+}