diff --git a/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache b/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache index 570b0a41d8ebdc582635d9b12587da95788985c0..f6d3d29ccb2b4b7ad1c9484aaebdfd42bdd6124b 100644 --- a/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache +++ b/source/_patterns/01-molecules/00-badge/sidebar-badge-pirati-stan.mustache @@ -6,7 +6,7 @@ {{/ hideAvatar}} <div class="badge__body"> <span class="head-heavy-xs">{{ person.first }} {{ person.last }}</span> - <a href="#" class="sidebar-badge__bio-item block mb-2">{{ person.email }}</a> + <a href="#" class="sidebar-badge__bio-item block pb-3 pt-3 md:pb-2 md:pt-0">{{ person.email }}</a> {{^ hideOccupation }} <p class="badge__occupation">{{ occupation }}{{^ occupation }}{{ person.occupation }}{{/ occupation }}</p> {{/ hideOccupation}} diff --git a/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache b/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache index 230150ac0485cb30501d2b0388cb0c659d7efe94..3d8337c81a90972bddeb7a5fbdc3a1b49aa55f2a 100644 --- a/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache +++ b/source/_patterns/01-molecules/03-candidate-card/candidate-card-pirati-stan.mustache @@ -1,13 +1,13 @@ <div class="candidate-card candidate-card--pirati-stan container-padding--zero sm:container-padding--auto {{ classes }}"> <div class="candidate-card__wrapper h-full {{ wrapperClasses }} {{#stan}}candidate-card-list__item-wrapper--stan-candidate{{/stan}}"> - <div class="card candidate-card__body elevation-0 hover:elevation-10 transition duration-200 h-full"> + <div class="card candidate-card__body elevation-2 sm:elevation-0 hover:elevation-10 transition duration-200 h-full"> <div class="candidate-card__avatar sm:pl-0"> <div class="candidate-card__position">{{ demoposition }}</div> <a href="#" data-href="{{ link.templates-candidate-detail }}">{{> atoms-basic-avatar(classes: "avatar--sm sm:avatar--lg" ) }}</a> </div> <div class="candidate-card__bio"> <h1 class="head-heavy-xs"><a href="#" data-href="{{ link.templates-candidate-detail }}">{{ person.first }} {{ person.last }}</a></h1> - <a href="#" class="candidate-card__bio-item block mb-4">{{ person.email }}</a> + <a href="#" class="candidate-card__bio-item block pb-4 pt-3 md:pt-0 md:pb-4">{{ person.email }}</a> <h2 class="candidate-card__bio-item">{{# demooccupation }}{{ demooccupation }}{{/ demooccupation }}{{^ demooccupation }}{{ person.occupation }}{{/ demooccupation }}</h2> <h2 class="head-allcaps-4xs mt-4">{{ person.city }}</h2> </div> diff --git a/source/css/molecules/candidate-card-pirati-stan.pcss b/source/css/molecules/candidate-card-pirati-stan.pcss index 3d69553219f7cc67c4d8ab7dd4d97d8affae9b2b..d76fe5453464bbc96e970d8a83d5fd9cbd29edc4 100644 --- a/source/css/molecules/candidate-card-pirati-stan.pcss +++ b/source/css/molecules/candidate-card-pirati-stan.pcss @@ -15,10 +15,23 @@ } } } - + .candidate-card__body { + grid-template-areas: "avatar bio" + ". social" + "affiliation affiliation"; + } @screen sm { + .candidate-card { + @apply flex flex-col h-full; + padding-top: 3rem; + } + .candidate-card__body { + grid-template-areas: "avatar" + "bio" + "affiliation" + "social"; grid-template-rows: 63px auto 42px 50px; } }