mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-05-27 02:52:40 +02:00
2720cccb2b
* add: website redesign and optimization * fix: additional improvements in home, support, and doc * fix: typography and spacing * fix: moved praise to support page * fix: redesigned support page * feat: added new pillars and paragraphs * fix: changed table colors * fix: shortened home * fix: small improvements to support page * fix: optimized mobile version * feat: added Ad on mobile * Remove outdated color prop from CurrentVersion * Small format fixes * fix: removed prefixes in Slider.tsx Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: removed prefixes in Button.tsx Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: removed unused const Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: correctly renamed const Overlay Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: applied same button style to the Copy button Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Removed unnecessary prefix properties, fixed transition Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Added non prefixed property in Stats.tsx Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Added transition effect on mouse out as well Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Removed a repeated property in Input.tsx Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Changed home title Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> * fix: Changed icons to icon Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch> --------- Co-authored-by: Pascal Jufer <pascal-jufer@bluewin.ch>
30 lines
571 B
TypeScript
30 lines
571 B
TypeScript
import styled from 'styled-components';
|
|
import { media } from '../lib/responsive';
|
|
|
|
export const Table = styled.table`
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 24px 0;
|
|
td,
|
|
th {
|
|
border: solid 2px var(--g6);
|
|
font-size: 16px;
|
|
line-height: 25.6px;
|
|
padding: 12px 20px;
|
|
color: var(--g1);
|
|
${media.lg} {
|
|
padding: 12px 30px 12px 60px;
|
|
}
|
|
}
|
|
thead td,
|
|
thead th {
|
|
color: var(--g0);
|
|
background: var(--g7);
|
|
font-weight: 700;
|
|
text-align: left;
|
|
}
|
|
tbody tr:nth-child(even) td {
|
|
background: var(--g7);
|
|
}
|
|
`;
|