mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
56836eb077
* feat: add tabs and tab shortcodes support Powered by https://github.com/github/tab-container-element * fix: adjust tab-container styles for improved layout and responsiveness - [x] Underline Style (Default) - [x] Pill Style - [x] Card Style - [x] Segment Style * test: add tabs comprehensive test cases * style: code optimization * fix: add tabs support in home scope * docs: add `<tab-container>` element reference to README files * feat: enhance tab-container with loading mixin and simplify code * refactor: update variable references to use root prefix in styles * docs: add tabs shortcode support to README files * fix: ensure shortcode is enclosed within a tabs block * feat: add responsive design for tab-container on smaller screens * test: remove unnecessary placement attribute for segment tabs * refactor: remove unused vertical attribute from tabs shortcode * fix: set default tab type to 'underline' for consistency * refactor: update tab-button and tab-panel selectors for improved specificity
57 lines
866 B
SCSS
57 lines
866 B
SCSS
// ==============================
|
|
// Common Styles
|
|
// 常用样式
|
|
// ==============================
|
|
|
|
.text-truncate {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.text-start {
|
|
text-align: left !important;
|
|
}
|
|
.text-end {
|
|
text-align: right !important;
|
|
}
|
|
.text-center {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.d-none {
|
|
display: none !important;
|
|
}
|
|
|
|
.ms-1,
|
|
.mx-1 {
|
|
margin-left: 0.25em !important;
|
|
}
|
|
.me-1,
|
|
.mx-1 {
|
|
margin-right: 0.25em !important;
|
|
}
|
|
.ps-1,
|
|
.px-1 {
|
|
padding-left: 0.25em !important;
|
|
}
|
|
.pe-1,
|
|
.px-1 {
|
|
padding-right: 0.25em !important;
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
.text-#{$color} {
|
|
color: var(#{$rootPrefix}#{$color}) !important;
|
|
}
|
|
}
|
|
|
|
@each $key, $value in $orders {
|
|
.order-#{$key} {
|
|
order: #{$value} !important;
|
|
}
|
|
}
|
|
|
|
.variant-numeric {
|
|
font-variant-numeric: tabular-nums lining-nums;
|
|
}
|