Baltimore-County-Government / dotgov-components

UI design system for Baltimore County's primary website
https://baltimore-county-government.github.io/dotgov-components/
2 stars 0 forks source link

Adds styles to leadership card container styles #403

Closed bbarbourbcmd closed 2 years ago

theilman7 commented 2 years ago

FYI. reviewing this afternoon. Adding raw CSS below for reference @tmccoy529

<style>
.dg_leadership-card {
  align-items: center;
  border: 1px solid #d8d7d7;
  display: flex;
  flex-direction: column;
  height: calc(100% - 25px);
  height: expression(100% - 25px);
  justify-content: flex-start;
  margin-bottom: 25px;
  min-height: 280px;
  padding: 20px 20px 40px;
  text-align: center;
}

#dg_main-content .dg_leadership-card img {
  margin-bottom: 20px;
}

.dg_leadership-card img {
  align-self: center;
  max-height: 150px;
  height: 100%;
  width: auto;
}

.dg_leadership-card p {
  margin-bottom:0px;
}

.dg_leadership-card img.img-rnd {
  border-radius: 50%; 
  border: 2px solid #C5110B;
  float: none; 
  margin-left: auto; 
  margin-right: auto; 
  max-width: 130px;
  padding: 0px; 
  width: 100%;
}

.dg_leadership-card img.no-border {
  border: none;
}
</style>