symphony-integration-commons/styles/main.less

Common components for 3rd party developers build the user facing application for Symphony Integrations.

@import './lib.less';

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0.625rem;
  margin-bottom: 0.9375rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Alright Sans', 'Avenir', 'Tahoma', sans-serif, 'Verdana';

  header {
    h2, h2 label {
      font: bold @header-level2-component 'Alright Sans', 'Avenir', 'Tahoma', sans-serif;
    }
  }
}

.submit-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  width: 100%;
  max-width: @max-width-component;
  padding-top: 0.625rem;

  button {
    margin-right: 0;
    min-width: 6.25rem;
  }
}

.dark, .dark-contrast {
  .wrapper {
    header {
      h2, h2 label { color: #fff; }
    }
  }

  .submit-container { border-top: 0.0625rem solid rgba(255,255,255,0.8); }
}

.light, .light-contrast {
  .wrapper {
    header {
      h2, h2 label { color: #000; }
    }
  }

  .submit-container { border-top: 0.0625rem solid rgba(0,0,0,0.1); }
}