You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
1.5 KiB
80 lines
1.5 KiB
/* Base styles for misc helper components around forms */ |
|
|
|
/* STATUS-CONTAINER BASE */ |
|
.status-container { |
|
&.status-success { |
|
color: var(--ant-success); |
|
} |
|
&.status-error { |
|
color: var(--ant-error); |
|
} |
|
&.status-warning { |
|
color: var(--ant-warning); |
|
} |
|
|
|
&.empty { |
|
display: none; |
|
} |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: flex-start; |
|
align-items: center; |
|
font-size: 0.75rem; |
|
.status-icon { |
|
display: inline-block; |
|
margin-right: 0.5em; |
|
} |
|
} |
|
|
|
/* TIP CONTAINER BASE */ |
|
.field-tip { |
|
font-size: 0.8em; |
|
color: var(--white-50); |
|
} |
|
|
|
/* |
|
Ideal for wrapping each Textfield on a page with many text fields in a row. This div will alternate colors and look like a table. |
|
*/ |
|
.field-container { |
|
padding: 0.85em 0 0.5em; |
|
} |
|
|
|
/* SEGMENT SLIDER GROUP WITH SELECTED NOTE, OR STATUS */ |
|
.segment-slider-container { |
|
width: 100%; |
|
margin: auto; |
|
padding: 1em 2em 0.75em; |
|
background-color: var(--owncast-purple-25); |
|
border-radius: var(--container-border-radius); |
|
|
|
.status-container { |
|
width: 100%; |
|
margin: 0.5em auto; |
|
text-align: center; |
|
} |
|
|
|
.selected-value-note { |
|
width: 100%; |
|
margin: 3em auto 0; |
|
text-align: center; |
|
font-size: 0.75em; |
|
line-height: normal; |
|
color: var(--white); |
|
padding: 1em; |
|
border-radius: var(--container-border-radius); |
|
background-color: var(--black-35); |
|
} |
|
} |
|
|
|
.segment-tip { |
|
width: 10em; |
|
text-align: center; |
|
margin: auto; |
|
display: inline-block; |
|
} |
|
|
|
#selected-codec-note { |
|
margin-top: 8px; |
|
text-align: justify; |
|
line-height: 1.4em; |
|
}
|
|
|