app/assets/stylesheets/scss/layout.scss
@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 ***/