ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust padding and gap in the tables componets styles.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-04-24 09:33:26 +02:00
commit 25e792dd22
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
assets/sass/components/tables/_tables.scss
View file

@ -2,6 +2,10 @@
%zebra-table {
--padding: .5rem;
@include respond-to-max(s) {
--padding: .3rem;
}
th,
td {
padding: var(--padding);
@ -28,7 +32,7 @@
.responsive-table,
%responsive-table {
--padding: .5rem;
--gap: .5rem;
@include respond-to-max(s) {
th {
@ -37,7 +41,7 @@
td {
display: grid;
gap: var(--padding);
gap: var(--gap);
grid-template-columns: 12ch auto;
&::before {
@ -46,11 +50,11 @@
}
&:first-of-type {
padding-block-start: var(--padding);
padding-block-start: var(--gap);
}
&:last-of-type {
padding-block-end: var(--padding);
padding-block-end: var(--gap);
}
}
}