diff --git a/games/static/base.css b/games/static/base.css index fe7c0fb..da52310 100644 --- a/games/static/base.css +++ b/games/static/base.css @@ -1952,9 +1952,17 @@ border-top-left-radius: 0; border-top-right-radius: 0; } + .rounded-l-lg { + border-top-left-radius: var(--radius-lg); + border-bottom-left-radius: var(--radius-lg); + } .rounded-tl-none { border-top-left-radius: 0; } + .rounded-r-lg { + border-top-right-radius: var(--radius-lg); + border-bottom-right-radius: var(--radius-lg); + } .rounded-tr-md { border-top-right-radius: var(--radius-md); } @@ -2055,6 +2063,12 @@ .border-blue-200 { border-color: var(--color-blue-200); } + .border-blue-600 { + border-color: var(--color-blue-600); + } + .border-blue-700 { + border-color: var(--color-blue-700); + } .border-brand { border-color: var(--color-brand); } @@ -2185,6 +2199,9 @@ .bg-gray-100 { background-color: var(--color-gray-100); } + .bg-gray-200 { + background-color: var(--color-gray-200); + } .bg-gray-400 { background-color: var(--color-gray-400); } @@ -2667,6 +2684,9 @@ .text-blue-500 { color: var(--color-blue-500); } + .text-blue-600 { + color: var(--color-blue-600); + } .text-blue-800 { color: var(--color-blue-800); } @@ -3076,6 +3096,13 @@ } } } + .hover\:border-gray-300 { + &:hover { + @media (hover: hover) { + border-color: var(--color-gray-300); + } + } + } .hover\:border-green-600 { &:hover { @media (hover: hover) { @@ -3672,6 +3699,11 @@ border-color: var(--color-amber-700); } } + .dark\:border-blue-500 { + &:is(.dark *) { + border-color: var(--color-blue-500); + } + } .dark\:border-blue-700 { &:is(.dark *) { border-color: var(--color-blue-700); @@ -3707,6 +3739,11 @@ border-color: var(--color-red-700); } } + .dark\:border-transparent { + &:is(.dark *) { + border-color: transparent; + } + } .dark\:bg-amber-900 { &:is(.dark *) { background-color: var(--color-amber-900); @@ -4004,6 +4041,15 @@ } } } + .dark\:hover\:text-blue-500 { + &:is(.dark *) { + &:hover { + @media (hover: hover) { + color: var(--color-blue-500); + } + } + } + } .dark\:hover\:text-gray-300 { &:is(.dark *) { &:hover {