remove unused people components

This commit is contained in:
elise
2024-08-08 23:33:17 +02:00
parent bcd8e2ac78
commit 8341a589c7
6 changed files with 0 additions and 142 deletions

View File

@ -1,27 +0,0 @@
import styles from "./personItem.module.scss";
export const PersonItem = () => {
return (
<li className={styles.personItem}>
<div className={styles.image}></div>
<div className={styles.text}>
<h1 className={styles.name}>Ellisiv Sunde Myrva</h1>
<p className={styles.role}>Kommunikasjonssjef</p>
<ul className={styles.contact}>
<li>
<span className={styles.icon}>&#9993;&nbsp;</span>
<a href="mailto:ellisiv@neuf.no" target="_blank">
ellisiv@neuf.no
</a>
</li>
<li>
<span className={styles.icon}>&#9742;&nbsp;</span>
<a href="tel:94 47 34 04" target="_blank">
94 47 34 04
</a>
</li>
</ul>
</div>
</li>
);
};

View File

@ -1,12 +0,0 @@
import { PersonItem } from "./PersonItem";
import styles from "./personList.module.scss";
export const PersonList = () => {
return (
<ul className={styles.personList}>
<PersonItem />
<PersonItem />
<PersonItem />
</ul>
);
};

View File

@ -1,16 +0,0 @@
import { PersonList } from "./PersonList";
import styles from "./personSection.module.scss";
export const PersonSection = ({ heading }: { heading: string }) => {
return (
<section className={styles.personSection}>
<h2 className={styles.heading}>{heading}</h2>
<p className={styles.intro}>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
tristique rutrum nibh quis feugiat. Sed nisl ante, suscipit at justo ac,
elementum interdum justo. Sed sed mi sit amet nibh molestie lacinia.{" "}
</p>
<PersonList />
</section>
);
};

View File

@ -1,43 +0,0 @@
.personItem {
position: relative;
list-style: none;
display: flex;
align-items: center;
gap: var(--spacing-s);
}
.image {
flex: none;
width: 7rem;
height: 7rem;
background: var(--color-placeholder);
border-radius: 100%;
}
.text {
padding: 0;
}
.name,
.role {
font-size: var(--spacing-s);
}
.role {
font-family: var(--font-serif);
}
.contact {
list-style: none;
margin: .6rem 0;
font-size: var(--font-size-caption);
font-weight: 500;
line-height: 1.7;
}
.icon {
display: inline-block;
width: var(--size-icon);
text-align: center;
margin-right: .4rem;
}

View File

@ -1,19 +0,0 @@
.personList {
display: grid;
grid-template-columns: 1fr;
column-gap: var(--spacing-gap-column);
row-gap: var(--spacing-gap-row);
padding-bottom: var(--spacing-section-bottom);
}
@media (min-width: 740px) {
.personList {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1340px) {
.personList {
grid-template-columns: repeat(3, 1fr);
}
}

View File

@ -1,25 +0,0 @@
.personSection {
background: var(--color-background-secondary);
margin: calc(var(--spacing-sitepadding-block)*2) calc(var(--spacing-sitepadding-inline)*-1);
padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline);
+.personSection {
margin-top: calc(var(--spacing-sitepadding-block)*-2);
}
&:nth-of-type(even) {
background: var(--color-background);
}
&:last-child {
margin-bottom: 0;
}
}
.heading {
margin: 0 0 1.6rem;
}
.intro {
margin-bottom: 3rem;
}