You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
2.1 KiB
SCSS
148 lines
2.1 KiB
SCSS
---
|
|
---
|
|
|
|
$gray: #999;
|
|
$light-gray: #EEE;
|
|
|
|
/* Space out content a bit */
|
|
body {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.header {
|
|
border-bottom: 1px solid $light-gray;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer {
|
|
/* padding-top: 19px; */
|
|
color: $gray;
|
|
border-top: 1px solid $light-gray;
|
|
text-align: center;
|
|
font-size: 0.8em;
|
|
|
|
a:link, a:visited {
|
|
color: $gray;
|
|
}
|
|
}
|
|
|
|
.fa {
|
|
color: $gray;
|
|
}
|
|
a > .fa {
|
|
// make sure that font-awesome icons are underlined in links
|
|
display: inline;
|
|
}
|
|
|
|
/* /\* Customize container *\/ */
|
|
/* @media (min-width: 768px) { */
|
|
/* .container { */
|
|
/* max-width: 730px; */
|
|
/* } */
|
|
/* } */
|
|
|
|
/* Jumbotron */
|
|
.jumbotron {
|
|
text-align: center;
|
|
padding-top: 1.5em;
|
|
padding-bottom: 0.5em;
|
|
font-size: 125%
|
|
}
|
|
|
|
/* Group logo */
|
|
#logo {
|
|
width: 154px;
|
|
height: 35px;
|
|
margin: 2px 0 8px 0;
|
|
}
|
|
|
|
/* Front page news. */
|
|
ul.news {
|
|
|
|
.date {
|
|
color: $gray;
|
|
font-weight: bold;
|
|
}
|
|
|
|
> li {
|
|
margin-top: 1em;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.project-people { column-count: 2 }
|
|
.card-columns { column-count: 2 }
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.role.grad { column-count: 2 }
|
|
.project-people { column-count: 3 }
|
|
.card-columns { column-count: 3 }
|
|
}
|
|
|
|
.title img {
|
|
max-width: 50%;
|
|
}
|
|
|
|
section {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.profile {
|
|
object-fit: cover; // makes sure it's cropped
|
|
}
|
|
|
|
.noprofile {
|
|
circle {
|
|
fill: $light-gray;
|
|
}
|
|
text {
|
|
font-weight: 700;
|
|
fill: white;
|
|
}
|
|
}
|
|
|
|
.card {
|
|
|
|
.profile {
|
|
height: 40px;
|
|
width: 40px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.card-footer { padding: 0.5em }
|
|
}
|
|
|
|
.person {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
.profile {
|
|
height: 70px;
|
|
width: 70px;
|
|
}
|
|
|
|
.bio {
|
|
color: $gray;
|
|
}
|
|
|
|
.person-name {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.person-without-image {
|
|
margin: 0;
|
|
|
|
.bio {
|
|
margin-left: 1em;
|
|
}
|
|
}
|
|
|
|
svg {
|
|
// make the alignment just like img from bootstrap's reboot.scss
|
|
vertical-align: middle;
|
|
}
|