List.tsx « List « WidgetParts « components « src - www.armandphilippot.com - The frontend of my personal website.

summary refs log tree commit diff stats

path: root/src/components/WidgetParts/List/List.tsx

blob: 317c4d1b08792044a6d73faf3646f0e81d2614ae (plain)

import styles from './List.module.scss';

const List = ({ items }: { items: Array<any> }) => {
  return <ul className={styles.list}>{items}</ul>;
};

export default List;

ght .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

@use "@styles/abstracts/functions" as fun;

.icon {
  display: block;
  margin: auto;
  width: var(--icon-size, #{fun.convert-px(40)});
}

.wall {
  fill: var(--color-bg);
  stroke: var(--color-border);
  stroke-width: 4;
}

.indoor {
  fill: var(--color-shadow);
  stroke: var(--color-border);
  stroke-width: 4;
}

.door {
  fill: var(--color-primary-lighter);
  stroke: var(--color-border);
  stroke-width: 4;
}

.roof {
  fill: var(--color-primary-lighter);
  stroke: var(--color-border);
  stroke-width: 4;
}

.chimney {
  fill: var(--color-bg);
  stroke: var(--color-border);
  stroke-width: 4;
}

.lines {
  fill: var(--color-border);
  stroke-width: 4;
}