114 lines
1.8 KiB
SCSS
114 lines
1.8 KiB
SCSS
// ©AngelaMos | 2026
|
|
// intel.module.scss
|
|
|
|
@use "../../styles/mixins" as *;
|
|
|
|
.page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-32);
|
|
}
|
|
|
|
.heading {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
flex-wrap: wrap;
|
|
gap: var(--space-16);
|
|
}
|
|
|
|
.headingLeft {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-4);
|
|
}
|
|
|
|
.title {
|
|
@include display;
|
|
}
|
|
|
|
.subtitle {
|
|
@include label;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
.exports {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--space-8);
|
|
}
|
|
|
|
.exportLabel {
|
|
@include label;
|
|
margin-right: var(--space-4);
|
|
}
|
|
|
|
.exportBtn {
|
|
@include mono(10px);
|
|
font-weight: 700;
|
|
letter-spacing: 1px;
|
|
padding: var(--space-4) var(--space-12);
|
|
border: 1px solid var(--border-hard);
|
|
color: var(--text-secondary);
|
|
transition: all var(--ease);
|
|
|
|
&:hover {
|
|
border-color: var(--accent);
|
|
color: var(--accent);
|
|
}
|
|
}
|
|
|
|
.table {
|
|
@include table-base;
|
|
}
|
|
|
|
.iocType {
|
|
@include mono(10px);
|
|
font-weight: 700;
|
|
letter-spacing: 0.5px;
|
|
text-transform: uppercase;
|
|
color: var(--accent);
|
|
}
|
|
|
|
.pagination {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: var(--space-24);
|
|
padding-top: var(--space-16);
|
|
border-top: 1px solid var(--border-soft);
|
|
}
|
|
|
|
.pageBtn {
|
|
@include mono(11px);
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
padding: var(--space-8) var(--space-16);
|
|
border: 1px solid var(--border-hard);
|
|
color: var(--text-secondary);
|
|
transition: all var(--ease);
|
|
|
|
&:hover:not(:disabled) {
|
|
border-color: var(--accent);
|
|
color: var(--accent);
|
|
}
|
|
|
|
&:disabled {
|
|
opacity: 0.25;
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
.pageInfo {
|
|
@include mono(11px);
|
|
color: var(--text-muted);
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.loading {
|
|
padding: var(--space-64);
|
|
text-align: center;
|
|
@include label;
|
|
letter-spacing: 3px;
|
|
}
|