emory-libraries/dlp-selfdeposit

View on GitHub
app/assets/stylesheets/scss/layout.scss

Summary

Maintainability
Test Coverage
@import "colors.scss";
@import "fonts.scss";

/**** Main Layout ****/
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: "Open Sans";
  color: $charcoal;
  font-size: 1rem;
}

/**** Headings & Links ****/
h1,
h4,
h5 {
  font-family: $font-family-serif;
  color: $base-blue;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-family: $font-family-serif;
  font-weight: normal;
  font-size: 2rem;
  color: $base-blue;
  margin-bottom: 0.9375rem;
}

h3 {
  font-family: $font-family-sans-serif;
  color: $charcoal;
  font-size: 1.75rem;
}

a {
  color: $bright-blue;
}

.badge {
  margin: 0 0.5rem;
}

//total override as this is weirdly break-all in hyrax
.table > tbody .document-title {
  word-break: break-word;
}

/**** Helper Classes ****/

/** Padding 10 **/
.pd-10 {
  padding: 0.625rem;
}

/** Padding 20 **/
.pd-20 {
  padding: 1.25rem;
}

/** Padding 50 **/
.pd-50 {
  padding: 3.125rem;
}

/** Margin 10 **/
.mg-10 {
  margin: 0.625rem;
}

/** Margin 20 **/
.mg-20 {
  margin: 1.25rem;
}

/** Margin 50 **/
.mg-50 {
  margin: 3.125rem;
}

/** 10 spacer **/
.spacer-10 {
  height: 0.625rem;
}

/** 30 spacer **/
.spacer-30 {
  height: 1.875rem;
}

/**** Login Page ****/
.emory-login {
  margin-top: 2rem;

  form.new_user ~ a {
    color: $bright-blue;
  }
}

/**** Home Page ****/
.home-share-work {
  .terms-of-use > a {
    color: $bright-blue;
  }
}
.home-content {
  .media-heading > a,
  .recent-item a {
    color: $bright-blue;
  }
}
/*** end Home Page ***/