sky/gitea-github-theme
1
0
Fork 0
mirror of https://github.com/lutinglt/gitea-github-theme.git synced 2025-10-26 13:00:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

radius only-child 生效顺序

Browse Source
This commit is contained in:
lutinglt
2025-07-03 23:51:57 +08:00
parent 1c6b7540f3
commit f74211749d
1 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
styles/public/radius.tsx
View File

@@ -59,8 +59,6 @@ export const radius = css`
.ui.pointing.dropdown > .menu,
.ui.loading.form.segments:before,
.ui.secondary.menu .dropdown.item > .menu,
.ui.vertical.menu > .active.item:only-child,
.ui.segments:not(.horizontal) > .segment:only-child,
.ui.segments:not(.horizontal) > .segment:has(~ .tw-hidden) {
border-radius: ${otherThemeVars.border.radius};
}
@@ -100,8 +98,7 @@ export const radiusTop = css`
.ui.modal > i.icon:first-child + *,
.ui.modal > .dimmer:first-child + i.icon + *,
.ui.modal > .dimmer:first-child + *:not(.icon),
.ui.modal > :first-child:not(.icon):not(.dimmer),
.ui.table > thead > tr:first-child > th:only-child {
.ui.modal > :first-child:not(.icon):not(.dimmer) {
border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0;
}
`;
@@ -149,15 +146,6 @@ export const radiusBottom = css`
}
}
.ui.table > tfoot > tr:first-child {
> th,
> td {
&:only-child {
border-radius: 0 0 ${otherThemeVars.border.radius} ${otherThemeVars.border.radius};
}
}
}
.ui.bottom.attached.header,
.ui[class*="bottom attached"].table,
.ui.segment[class*="bottom attached"],
@@ -257,3 +245,24 @@ export const radiusBottomRight = css`
border-bottom-right-radius: ${otherThemeVars.border.radius};
}
`;
// only-child 顺序最后生效
export const onlyChild = css`
.ui.vertical.menu > .active.item:only-child,
.ui.segments:not(.horizontal) > .segment:only-child {
border-radius: ${otherThemeVars.border.radius};
}
.ui.table > thead > tr:first-child > th:only-child {
border-radius: ${otherThemeVars.border.radius} ${otherThemeVars.border.radius} 0 0;
}
.ui.table > tfoot > tr:first-child {
> th,
> td {
&:only-child {
border-radius: 0 0 ${otherThemeVars.border.radius} ${otherThemeVars.border.radius};
}
}
}
`;