last-nth child css return to tailwind class names

This commit is contained in:
Burak Civan 2022-10-27 14:51:09 +03:00
parent 92f2d23b28
commit b84f271d00
2 changed files with 56 additions and 57 deletions

78
public/css/app.css vendored
View File

@ -47366,39 +47366,67 @@ button, input, optgroup, select, textarea{
.max-h-0 {
max-height: 0;
}
/* index */
html[dir='ltr'] .index-actions:first-child{
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right-width: 0px;
}
html[dir='rtl'] .index-actions:first-child{
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left-width: 0px;
}
html[dir='ltr'] .index-actions:last-child{
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left-width: 0px;
}
html[dir='rtl'] .index-actions:last-child{
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right-width: 0px;
}
html[dir='ltr'] .index-actions:nth-child(2){
[dir="ltr"] .index-actions:nth-child(2){
border-left-width: 1px;
}
html[dir='rtl'] .index-actions:nth-child(2){
[dir="rtl"] .index-actions:nth-child(2){
border-right-width: 1px;
}
html[dir='ltr'] .index-actions:nth-child(3){
[dir="ltr"] .index-actions:nth-child(3){
border-left-width: 0px;
}
html[dir='rtl'] .index-actions:nth-child(3){
[dir="rtl"] .index-actions:nth-child(3){
border-right-width: 0px;
}
[dir="ltr"] .index-actions:first-child{
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right-width: 0px;
}
[dir="rtl"] .index-actions:first-child{
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left-width: 0px;
}
[dir="ltr"] .index-actions:last-child{
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
border-left-width: 0px;
}
[dir="rtl"] .index-actions:last-child{
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
border-right-width: 0px;
}
/* index */
/* html[dir='ltr'] .index-actions:first-child {
@apply rounded-tl-lg rounded-bl-lg border-r-0;
} */
/* html[dir='rtl'] .index-actions:first-child {
@apply rounded-tr-lg rounded-br-lg border-l-0;
}
*/
/* html[dir='ltr'] .index-actions:last-child {
@apply rounded-tr-lg rounded-br-lg border-l-0;
} */
/* html[dir='rtl'] .index-actions:last-child {
@apply rounded-tl-lg rounded-bl-lg border-r-0;
} */
/* html[dir='ltr'] .index-actions:nth-child(2) {
@apply border-l;
}
html[dir='rtl'] .index-actions:nth-child(2) {
@apply border-r;
}
html[dir='ltr'] .index-actions:nth-child(3) {
@apply border-l-0;
}
html[dir='rtl'] .index-actions:nth-child(3) {
@apply border-r-0;
} */
[data-dropdown-actions] {
-webkit-transform: unset !important;
transform: unset !important;

View File

@ -17,39 +17,10 @@
max-height: 0;
}
/* index */
html[dir='ltr'] .index-actions:first-child {
@apply rounded-tl-lg rounded-bl-lg border-r-0;
/* index */
.index-actions {
@apply ltr:[&:nth-child(2)]:border-l ltr:[&:nth-child(3)]:border-l-0 rtl:[&:nth-child(2)]:border-r rtl:[&:nth-child(3)]:border-r-0 ltr:[&:first-child]:rounded-tl-lg ltr:[&:first-child]:rounded-bl-lg ltr:[&:first-child]:border-r-0 rtl:[&:first-child]:rounded-tr-lg rtl:[&:first-child]:rounded-br-lg rtl:[&:first-child]:border-l-0 ltr:[&:last-child]:rounded-tr-lg ltr:[&:last-child]:rounded-br-lg ltr:[&:last-child]:border-l-0 rtl:[&:last-child]:rounded-tl-lg rtl:[&:last-child]:rounded-bl-lg rtl:[&:last-child]:border-r-0;
}
html[dir='rtl'] .index-actions:first-child {
@apply rounded-tr-lg rounded-br-lg border-l-0;
}
html[dir='ltr'] .index-actions:last-child {
@apply rounded-tr-lg rounded-br-lg border-l-0;
}
html[dir='rtl'] .index-actions:last-child {
@apply rounded-tl-lg rounded-bl-lg border-r-0;
}
html[dir='ltr'] .index-actions:nth-child(2) {
@apply border-l;
}
html[dir='rtl'] .index-actions:nth-child(2) {
@apply border-r;
}
html[dir='ltr'] .index-actions:nth-child(3) {
@apply border-l-0;
}
html[dir='rtl'] .index-actions:nth-child(3) {
@apply border-r-0;
}
[data-dropdown-actions] {
transform: unset !important;
}