Front end of the Slack clone application.

split-pane.md.scss 822B

12345678910111213141516171819202122232425262728
  1. @import "../../themes/ionic.globals.md";
  2. // Split Pane
  3. // --------------------------------------------------
  4. /// @prop - Minimum width of the split-pane's side pane
  5. $split-pane-md-side-min-width: $split-pane-side-min-width !default;
  6. /// @prop - Maximum width of the split-pane's side pane
  7. $split-pane-md-side-max-width: $split-pane-side-max-width !default;
  8. /// @prop - Border style of the side pane
  9. $split-pane-md-border: 1px solid $list-md-border-color !default;
  10. .split-pane-md.split-pane-visible >.split-pane-side {
  11. min-width: $split-pane-md-side-min-width;
  12. max-width: $split-pane-md-side-max-width;
  13. border-right: $split-pane-md-border;
  14. border-left: 0;
  15. }
  16. .split-pane-md.split-pane-visible > .split-pane-side[side=right] {
  17. border-right: 0;
  18. border-left: $split-pane-md-border;
  19. }