Skip to content

Commit 89a3798

Browse files
AlemTuzlakAlemTuzlak
authored
Merge pull request #3 from sa23sa/rtl-effect
changed rtl behaviour
2 parents 7888df6 + 527ed9b commit 89a3798

2 files changed

Lines changed: 65 additions & 31 deletions

File tree

‎src/input.css‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.remix-dev-tools ::before,
22
.remix-dev-tools ::after {
3-
--tw-content: "";
3+
--tw-content: '';
44
}
55
.remix-dev-tools *,
66
.remix-dev-tools ::before,
@@ -32,7 +32,7 @@
3232
border-radius: 0.4rem;
3333
margin-right: 0.2rem;
3434
background-color: #212121;
35-
display: "none";
35+
display: 'none';
3636
}
3737

3838
.remix-dev-tools *::-webkit-scrollbar {
@@ -96,7 +96,7 @@ Add the correct font weight in Edge and Safari.
9696
.remix-dev-tools samp,
9797
.remix-dev-tools pre {
9898
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
99-
"Liberation Mono", "Courier New", monospace;
99+
'Liberation Mono', 'Courier New', monospace;
100100
/* 1 */
101101
font-size: 1em;
102102
/* 2 */
@@ -187,9 +187,9 @@ Remove the inheritance of text transform in Edge and Firefox.
187187
*/
188188

189189
.remix-dev-tools button,
190-
.remix-dev-tools [type="button"],
191-
.remix-dev-tools [type="reset"],
192-
.remix-dev-tools [type="submit"] {
190+
.remix-dev-tools [type='button'],
191+
.remix-dev-tools [type='reset'],
192+
.remix-dev-tools [type='submit'] {
193193
-webkit-appearance: button;
194194
/* 1 */
195195
background-color: transparent;
@@ -236,7 +236,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
236236
2. Correct the outline style in Safari.
237237
*/
238238

239-
.remix-dev-tools [type="search"] {
239+
.remix-dev-tools [type='search'] {
240240
-webkit-appearance: textfield;
241241
/* 1 */
242242
outline-offset: -2px;
@@ -342,7 +342,7 @@ Set the default cursor for buttons.
342342
*/
343343

344344
.remix-dev-tools button,
345-
.remix-dev-tools [role="button"] {
345+
.remix-dev-tools [role='button'] {
346346
cursor: pointer;
347347
}
348348

@@ -502,12 +502,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
502502
tab-size: 4;
503503
/* 3 */
504504
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
505-
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
506-
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
505+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
506+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
507507
/* 4 */
508508
font-feature-settings: normal;
509509
/* 5 */
510510
font-variation-settings: normal;
511+
/* Content stays at ltr direction even if dir="rtl" is specified */
512+
direction: ltr;
511513
}
512514
@tailwind components;
513515
@tailwind utilities;

‎src/public/stylesheet.css‎

Lines changed: 53 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.remix-dev-tools ::before,
22
.remix-dev-tools ::after {
3-
--tw-content: "";
3+
--tw-content: '';
44
}
55

66
.remix-dev-tools *,
@@ -35,7 +35,7 @@
3535
border-radius: 0.4rem;
3636
margin-right: 0.2rem;
3737
background-color: #212121;
38-
display: "none";
38+
display: 'none';
3939
}
4040

4141
.remix-dev-tools *::-webkit-scrollbar {
@@ -100,7 +100,7 @@ Add the correct font weight in Edge and Safari.
100100
.remix-dev-tools samp,
101101
.remix-dev-tools pre {
102102
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
103-
"Liberation Mono", "Courier New", monospace;
103+
'Liberation Mono', 'Courier New', monospace;
104104
/* 1 */
105105
font-size: 1em;
106106
/* 2 */
@@ -191,9 +191,9 @@ Remove the inheritance of text transform in Edge and Firefox.
191191
*/
192192

193193
.remix-dev-tools button,
194-
.remix-dev-tools [type="button"],
195-
.remix-dev-tools [type="reset"],
196-
.remix-dev-tools [type="submit"] {
194+
.remix-dev-tools [type='button'],
195+
.remix-dev-tools [type='reset'],
196+
.remix-dev-tools [type='submit'] {
197197
-webkit-appearance: button;
198198
/* 1 */
199199
background-color: transparent;
@@ -240,7 +240,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
240240
2. Correct the outline style in Safari.
241241
*/
242242

243-
.remix-dev-tools [type="search"] {
243+
.remix-dev-tools [type='search'] {
244244
-webkit-appearance: textfield;
245245
/* 1 */
246246
outline-offset: -2px;
@@ -333,7 +333,8 @@ Prevent resizing textareas horizontally by default.
333333
/* 2 */
334334
}
335335

336-
.remix-dev-tools input::-moz-placeholder, .remix-dev-tools textarea::-moz-placeholder {
336+
.remix-dev-tools input::-moz-placeholder,
337+
.remix-dev-tools textarea::-moz-placeholder {
337338
opacity: 1;
338339
/* 1 */
339340
color: #9ca3af;
@@ -353,7 +354,7 @@ Set the default cursor for buttons.
353354
*/
354355

355356
.remix-dev-tools button,
356-
.remix-dev-tools [role="button"] {
357+
.remix-dev-tools [role='button'] {
357358
cursor: pointer;
358359
}
359360

@@ -514,12 +515,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
514515
tab-size: 4;
515516
/* 3 */
516517
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
517-
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
518-
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
518+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
519+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
519520
/* 4 */
520521
font-feature-settings: normal;
521522
/* 5 */
522523
font-variation-settings: normal;
524+
/* Content stays at ltr direction even if dir="rtl" is specified */
525+
direction: ltr;
523526
}
524527

525528
.rdt-pointer-events-none {
@@ -750,7 +753,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
750753

751754
@keyframes rdt-pulse {
752755
50% {
753-
opacity: .5;
756+
opacity: 0.5;
754757
}
755758
}
756759

@@ -1027,7 +1030,9 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
10271030
}
10281031

10291032
.rdt-font-sans {
1030-
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1033+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
1034+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
1035+
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
10311036
}
10321037

10331038
.rdt-text-base {
@@ -1123,9 +1128,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
11231128
}
11241129

11251130
.rdt-ring-4 {
1126-
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1127-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1128-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1131+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
1132+
var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1133+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
1134+
calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1135+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
1136+
var(--tw-shadow, 0 0 #0000) !important;
11291137
}
11301138

11311139
.rdt-ring-blue-900 {
@@ -1140,7 +1148,9 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
11401148

11411149
.rdt-drop-shadow-2xl {
11421150
--tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15)) !important;
1143-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
1151+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
1152+
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
1153+
var(--tw-sepia) var(--tw-drop-shadow) !important;
11441154
}
11451155

11461156
.rdt-transition-all {
@@ -1166,14 +1176,34 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
11661176
@keyframes enter {
11671177
from {
11681178
opacity: var(--tw-enter-opacity, 1);
1169-
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1179+
transform: translate3d(
1180+
var(--tw-enter-translate-x, 0),
1181+
var(--tw-enter-translate-y, 0),
1182+
0
1183+
)
1184+
scale3d(
1185+
var(--tw-enter-scale, 1),
1186+
var(--tw-enter-scale, 1),
1187+
var(--tw-enter-scale, 1)
1188+
)
1189+
rotate(var(--tw-enter-rotate, 0));
11701190
}
11711191
}
11721192

11731193
@keyframes exit {
11741194
to {
11751195
opacity: var(--tw-exit-opacity, 1);
1176-
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1196+
transform: translate3d(
1197+
var(--tw-exit-translate-x, 0),
1198+
var(--tw-exit-translate-y, 0),
1199+
0
1200+
)
1201+
scale3d(
1202+
var(--tw-exit-scale, 1),
1203+
var(--tw-exit-scale, 1),
1204+
var(--tw-exit-scale, 1)
1205+
)
1206+
rotate(var(--tw-exit-rotate, 0));
11771207
}
11781208
}
11791209

@@ -1185,7 +1215,9 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
11851215
animation-duration: 300ms !important;
11861216
}
11871217

1188-
.\[\&\[data-state\=open\]\>svg\]\:rdt-rotate-180[data-state=open]>svg {
1218+
.\[\&\[data-state\=open\]\>svg\]\:rdt-rotate-180[data-state='open'] > svg {
11891219
--tw-rotate: 180deg !important;
1190-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
1220+
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1221+
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1222+
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
11911223
}

0 commit comments

Comments
 (0)