EN · DE · RU · FR · ES

#2667: List.module.scss

projectforge-webapp/src/components/design/list/List.module.scss Type: SCSS/CSS · Role: Component · Source: projectforge-webapp/src/components/design/list/List.module.scss 17 lines · 15 code · 0 comments · 2 blank
Source code file at projectforge-webapp/src/components/design/list/List.module.scss containing SCSS/CSS code for the Component layer.

Code Structure

CSS Rules (5): .listElement, .header, .chevron, .bodyIsOpen, .chevron

Source Code (abridged)

.listElement {
  .header {
    cursor: pointer;
  }

  .chevron {
    margin-right: .5em;
    transform: rotate(0);
    transition: transform .3s;
  }

  &.bodyIsOpen {
    .chevron {
      transform: rotate(90deg);
    }
  }
}

Git History

8942d7bc5 improve UIList design