skyquake/plugins/composer/src/src/styles/DataOpenCloseIcon.scss

   1 @import 'variables';
   2
   3 [data-open-close-icon]{
   4         &:after {
   5                 content: " ";
   6                 display: block;
   7                 position: absolute;
   8                 top: 1px;
   9                 right: 8px;
  10                 height: 25px;
  11                 width: 25px;
  12                 opacity: 0.25;
  13                 background-size: 20px 20px;
  14                 background-repeat: no-repeat;
  15                 background-position: center center;
  16                 /* background-image required in order for background-size to work*/
  17         background-image: url(../../../node_modules/open-iconic/svg/caret-bottom.svg);
  18         }
  19         &:hover:after {
  20                 opacity: 1;
  21         }
  22 }
  23 [data-open-close-icon="closed"]:after {
  24         transform: rotate(180deg);
  25         transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
  26 }