remove unused people components
This commit is contained in:
@ -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}>✉ </span>
|
||||
<a href="mailto:ellisiv@neuf.no" target="_blank">
|
||||
ellisiv@neuf.no
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span className={styles.icon}>☎ </span>
|
||||
<a href="tel:94 47 34 04" target="_blank">
|
||||
94 47 34 04
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
);
|
||||
};
|
@ -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>
|
||||
);
|
||||
};
|
@ -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>
|
||||
);
|
||||
};
|
@ -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;
|
||||
}
|
@ -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);
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
Reference in New Issue
Block a user