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.
159 lines
2.6 KiB
SCSS
159 lines
2.6 KiB
SCSS
---
|
|
---
|
|
|
|
$gray: #999;
|
|
$light-gray: #EEE;
|
|
|
|
/* Space out content a bit */
|
|
body {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.header {
|
|
border-bottom: 0px solid $light-gray;
|
|
padding-bottom: 5px;
|
|
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: justify;
|
|
padding-top: 1.5em;
|
|
padding-bottom: 0.5em;
|
|
font-size: 125%
|
|
}
|
|
|
|
/* Group logo */
|
|
#logo {
|
|
width: 180px;
|
|
height: 80px;
|
|
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 {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr); /* Creates two equal columns */
|
|
gap: 35px; /* Optional: Adjust spacing between cards */
|
|
}}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
.half-width-hr {
|
|
width: 100%; /* Set the width to 50% of the page */
|
|
border: none; /* Remove default border styling */
|
|
height: 1px; /* Set the height of the line */
|
|
background-color: $light-gray; /* Set the color of the line */
|
|
margin: 20px auto; /* Center the line horizontally and add margin above/below */
|
|
} |