complete story 9.8 with qa tests
This commit is contained in:
+23
-15
@@ -290,26 +290,13 @@ button.btn-danger:disabled {
|
||||
.btn-group > .btn-primary:first-child,
|
||||
.btn-group > .btn-secondary:first-child,
|
||||
.btn-group > .btn-danger:first-child {
|
||||
@apply rounded-r-none;
|
||||
@apply rounded-e-none;
|
||||
}
|
||||
|
||||
.btn-group > .btn-primary:last-child,
|
||||
.btn-group > .btn-secondary:last-child,
|
||||
.btn-group > .btn-danger:last-child {
|
||||
@apply rounded-l-none;
|
||||
}
|
||||
|
||||
/* RTL support for button groups */
|
||||
[dir="rtl"] .btn-group > .btn-primary:first-child,
|
||||
[dir="rtl"] .btn-group > .btn-secondary:first-child,
|
||||
[dir="rtl"] .btn-group > .btn-danger:first-child {
|
||||
@apply rounded-l-none rounded-r-md;
|
||||
}
|
||||
|
||||
[dir="rtl"] .btn-group > .btn-primary:last-child,
|
||||
[dir="rtl"] .btn-group > .btn-secondary:last-child,
|
||||
[dir="rtl"] .btn-group > .btn-danger:last-child {
|
||||
@apply rounded-r-none rounded-l-md;
|
||||
@apply rounded-s-none;
|
||||
}
|
||||
|
||||
/* RTL support for icon buttons */
|
||||
@@ -426,3 +413,24 @@ button.btn-danger:disabled {
|
||||
.shadow-card-hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
RTL/LTR Layout Utilities (Story 9.8)
|
||||
========================================================================== */
|
||||
|
||||
/* RTL-aware icon flipping - use on directional icons like chevrons, arrows */
|
||||
[dir="rtl"] .flip-rtl {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
/* Force LTR for numbers, emails, code, and other content that should stay LTR */
|
||||
.ltr-content {
|
||||
direction: ltr;
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
/* Inline LTR content within RTL text flow */
|
||||
.ltr-inline {
|
||||
direction: ltr;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user