SebinNyshkim/viktor-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: move table styles to main.scss

Browse source
This commit is contained in:
Sebin Nyshkim 2022-09-28 01:51:50 +02:00
parent 33c4cc6c37
commit d643ce2646
2 changed files with 53 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/ColorTable.vue
View file

@ -35,40 +35,13 @@ defineProps<Props>();
<style lang="scss">
.color-table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
max-width: var(--container-width-tables);
margin: 2rem auto;
padding: var(--color-table-spacing);
&__heading,
&__cell {
padding: 0.5rem 1rem;
}
&__heading {
font-weight: bold;
background-color: var(--color-table-heading-background);
color: var(--color-table-heading-text-color);
&:first-child {
border-radius: var(--color-table-border-radius) 0 0 0;
}
&:last-child {
border-radius: 0 var(--color-table-border-radius) 0 0;
}
&.name {
text-align: right;
}
}
&__cell {
background-color: var(--color-table-cell-background);
color: var(--color-table-cell-text-color);
&.name {
text-align: right;
}
@ -79,22 +52,7 @@ defineProps<Props>();
}
&.color {
min-width: var(--color-table-color-cell-width);
}
}
&__row:hover &__cell {
background-color: var(--color-table-row-hover);
color: var(--color-table-cell-text-color-hover);
}
&__row:last-child &__cell {
&:first-child {
border-radius: 0 0 0 var(--color-table-border-radius);
}
&:last-child {
border-radius: 0 0 var(--color-table-border-radius) 0;
min-width: 10vw;
}
}
}