Initial conversion to react-basics.

This commit is contained in:
Mike Cao 2022-11-21 22:32:55 -08:00
parent c0a18e13fa
commit 2259ee8d76
10 changed files with 724 additions and 609 deletions

View file

@ -3,6 +3,7 @@ body {
font-family: Inter, -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
Ubuntu, Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol';
font-size: 16px;
font-weight: 400;
line-height: 1.8;
padding: 0;
@ -12,9 +13,6 @@ body {
display: flex;
flex-direction: column;
flex: 1;
font-size: var(--font-size-normal);
overflow-y: overlay;
}
body {
@ -70,38 +68,12 @@ h6 {
margin: 0;
}
button,
input,
select {
font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
}
a,
a:active,
a:visited {
color: var(--primary400);
}
input[type='text'],
input[type='password'],
select,
textarea {
color: var(--gray900);
background: var(--gray50);
padding: 4px 8px;
font-size: var(--font-size-normal);
line-height: 1.8;
border: 1px solid var(--gray500);
border-radius: 4px;
outline: none;
resize: none;
flex: 1;
}
input[type='checkbox'] + label {
margin-left: 10px;
}
label {
flex: 1;
margin-right: 20px;
@ -141,24 +113,3 @@ svg {
#__modals {
z-index: 10;
}
.container {
padding: 0;
display: flex;
flex-direction: column;
flex: 1;
}
.row {
margin-right: 0;
margin-left: 0;
}
.row > .col,
.row > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.center {
text-align: center;
}