121 lines
1.8 KiB
SCSS
121 lines
1.8 KiB
SCSS
.jet-table-wrapper {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
|
|
.jet-table {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.jet-table {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
background-color: transparent;
|
|
|
|
& &__cell {
|
|
padding: 0;
|
|
border: 1px none;
|
|
}
|
|
|
|
&__cell {
|
|
transition: .2s;
|
|
|
|
&-inner {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 5px;
|
|
}
|
|
|
|
&-link {
|
|
color: inherit;
|
|
}
|
|
}
|
|
|
|
&__head-cell {
|
|
background-color: #00B4FF;
|
|
color: #fff;
|
|
}
|
|
|
|
&-header-sort {
|
|
cursor: pointer;
|
|
}
|
|
|
|
&__sort-icon {
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
flex-shrink: 0;
|
|
margin-left: 5px;
|
|
|
|
.jet-table--fa5-compat & {
|
|
font: normal normal 900 12px/1 'Font Awesome 5 Free';
|
|
}
|
|
|
|
&:before {
|
|
content: '\f0dc';
|
|
|
|
.jet-table-header-sort--up & { content: '\f0de'; }
|
|
.jet-table-header-sort--down & { content: '\f0dd'; }
|
|
}
|
|
}
|
|
|
|
&__cell-content {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
body:not(.rtl) & {
|
|
margin-left: 0;
|
|
margin-right: auto;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
&__cell-img {
|
|
display: block;
|
|
img {
|
|
vertical-align: top;
|
|
}
|
|
}
|
|
|
|
&__cell-icon {
|
|
width: 1em;
|
|
}
|
|
|
|
&__cell-icon,
|
|
&__cell-img {
|
|
&--before:not(:only-child) {
|
|
body:not(.rtl) & {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
&--after:not(:only-child) {
|
|
order: 2;
|
|
|
|
body:not(.rtl) & {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-elementor-device-mode="mobile"] .jet-table-responsive-mobile,
|
|
[data-elementor-device-mode="tablet"] .jet-table-responsive-tablet,
|
|
[data-elementor-device-mode="desktop"] .jet-table-responsive-desktop {
|
|
display: block;
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
-ms-overflow-style: -ms-autohiding-scrollbar;
|
|
|
|
.jet-table {
|
|
width: auto;
|
|
max-width: none;
|
|
}
|
|
} |