Patrick Yeo

This is just a test to see how big the file will be and how well it will plug into Liferay themes. We are going to do a 1 to...

@clayui/css: clay-form-control-variant mixin should be able to style :placeholder-shown

1

https://caniuse.com/css-placeholder-shown `:placeholder-shown` is used in floating input labels. It allows us to provide specific styles when an input is filled with text. We should also supply `:not(:placeholder-shown)`.

@clayui/css: Utilities `sr-only-focusable` should show the item when focused by a screen reader

2

https://github.com/liferay-frontend/liferay-portal/pull/1695#issuecomment-982694508 `sr-only-focusable` changes position to static on focus. This causes issues with voice over not displaying the link properly due to `clip` and `position: static` properties.

@clayui/css: Cadmin Nav consider removing `nav-fill` and `nav-justified`

1

These [components](https://github.com/liferay/clay/blob/master/packages/clay-css/src/scss/cadmin/components/_navs.scss#L81-L101) aren't used in any of our admin interfaces. `.nav-justified` is only used in a few files inside `site-navigation-menu-web` which is not admin.

clayui.com: Document customization via mixin principles

1

https://github.com/liferay/clay/pull/4476#pullrequestreview-823097539 Will update description later.

@clayui/css: Standardize the syntax for Clay CSS Sass maps

6

As I mentioned in recent pr's, we are trying to match Sass map key names as close as possible to the Sass selector. I just realized we can use strings...

@clayui/css Remove unused components with fallback to add back in

7

Related to https://github.com/liferay/clay/issues/1104. We have a lot of components in Clay CSS that are specifically created for DXP's admin ui. These may be of use to site creators, but most...

ClayLayout.ContentCol should always output ClayLayout.ContentSection

1

Not sure if we're too late for this, `` should always output ``. `` uses `flex-direction: column` which makes all direct children elements flex items (direct children are width: 100%,...

We added new features to several components in https://github.com/liferay/clay/issues/4083. We should document how to use it in: Dropdown Color Picker Modal Popover Tooltip

Clay CSS Navbar, Application Bar, Management Bar, Navigation Bar only output `.navbar-expand` and `.navbar-expand-md` styles

2

## What is your proposal? This is a breaking change. Right now we output styles for `.navbar-expand`, `.navbar-expand-{sm|md|lg|xl}`. The same goes for `.application-bar.navbar-expand-{sm|md|lg|xl}`, `.management-bar.navbar-expand-{sm|md|lg|xl}`, `.navigation-bar.navbar-expand-{sm|md|lg|xl}`. We should only output the...