app/javascript/css/layout.scss
// @font-face {
// font-family: 'FucXed';
// src: url(url('../fonts/FUCXEDCAPSLatin-Regular.woff')) format('woff'), url('../fonts/FUCXEDCAPSLatin-Regular.otf') format('otf');
// font-weight: normal;
// font-style: normal;
// }
// body#public {
// h1 {
// font-family: "FucXed", sans-serif;
// text-transform: uppercase;
// }
// }
#main {
margin-bottom: 4rem;
.section-heading {
margin-bottom: $global-margin;
}
.colored-circle {
display: inline-block;
margin-right: .25rem;
width: 1rem;
height: 1rem;
border-radius: 100%;
background: #EEE;
vertical-align: text-top;
}
}
#footer {
color: $medium-gray;
font-size: $small-font-size;
.footer {
&__logo {
width: 2.5rem;
height: 2.5rem;
}
}
a {
color: $medium-gray;
&:hover,
&:focus {
color: $color-almost-black;
}
}
}
.spacer {
&--vertical {
height: 1px;
&--2 { margin-bottom: 1rem; }
&--1 { margin-bottom: 2rem; }
&--3 { margin-bottom: 3rem; }
}
}
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }