openrat-collapsible.less (1028B)
1 2 .or { 3 4 &-collapsible { 5 6 .or-collapsible-act-switch { 7 cursor: pointer; 8 } 9 10 .or-collapsible-value { 11 //display: block; 12 //transform-origin: top; 13 max-height: 0; 14 //overflow: hidden; 15 opacity: 0; 16 } 17 18 .or-collapsible-title { 19 padding-bottom:0.1em; 20 } 21 22 .or-collapsible--on-closed { 23 display: inline; 24 } 25 .or-collapsible--on-open { 26 display: none; 27 } 28 29 /* Offen */ 30 &--is-open { 31 .or-collapsible-title { 32 } 33 .or-collapsible--on-closed { 34 display: none; 35 } 36 .or-collapsible--on-open { 37 display: inline; 38 } 39 .or-collapsible-value { 40 max-height: initial; 41 //overflow: auto; 42 } 43 } 44 45 &--is-visible { 46 .or-collapsible-value { 47 opacity: 1; 48 } 49 } 50 } 51 }