Skip to content

Commit

Permalink
feat: use last-child variants to disable list hairlines
Browse files Browse the repository at this point in the history
  • Loading branch information
nolimits4web committed Feb 16, 2021
1 parent d148e55 commit 227f923
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion src/react/components/List.js
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const List = (props) => {
base: {
initial: `${!nested ? 'my-8' : ''} ${colors.bg} ${
!inset && !nested ? 'hairline-t hairline-b' : ''
} relative`,
} relative last-child:no-hairlines`,
ios: ``,
material: ``,
common: ``,
Expand Down
2 changes: 1 addition & 1 deletion src/react/components/ListButton.js
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ const ListButton = (props) => {

const c = themeClasses(
{
base: `${hairline ? 'last:no-hairlines ' : ''}`,
base: `${!hairline ? 'no-hairlines ' : ''}`,
button: {
initial: `relative flex items-center justify-center px-4 space-x-1 active:bg-opacity-15 w-full duration-300 active:duration-0 focus:outline-none ${
hairline ? 'hairline-b active-no-hairline' : ''
Expand Down

0 comments on commit 227f923

Please sign in to comment.