first impl

This commit is contained in:
2021-05-20 17:41:37 +02:00
parent 6bd7a0105d
commit 6a62b46dec
19 changed files with 729 additions and 17 deletions

View File

@@ -1 +1,2 @@
require('./sass/person.scss');
require('./sass/person.scss');
require('./sass/person_with_period.scss');

View File

@@ -1,5 +1,5 @@
require('./phone-alt-solid.svg');
require('./mobile-alt-solid.svg');
require('./person_by_phonenumber.scss');
require('./person_with_period.scss');

View File

@@ -0,0 +1,50 @@
.person-list--with-period {
.person-list--with-period__item {
margin-bottom: 0;
padding: 1em 1em 2em 1em;
&:nth-last-of-type {
padding-bottom: 1em;
}
&:nth-of-type(odd) {
//background-color: var(--chill-light-gray);
}
&:nth-of-type(even) {
//background-color: var(--chill-dark-gray);
}
.chill-entity__person {
.chill-entity__person__first-name,
.chill-entity__person__last-name {
font-size: 1.3em;
font-weight: 700;
}
}
& > div {
display: flex;
flex-direction: row;
.person-list--with-period__item__box-where {
align-self: flex-end;
margin-left: auto;
width: 33%;
text-align: right;
}
}
ul.person-list--with-period__item__periods {
list-style-type: none;
padding: 0;
margin: 0;
li {
}
}
}
.person-list--with-period__item:hover {
background-color: var(--chill-llight-gray);
}
}