Skip to content
Snippets Groups Projects
Commit 88f26973 authored by fanky's avatar fanky
Browse files

candidate cards mobile upgrade

parent 45572082
No related branches found
No related tags found
No related merge requests found
......@@ -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}}
......
<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>
......
......@@ -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;
}
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment