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