Demo Projects > focalboard >

main

mattermost/focalboard

Get started View on GitHub

Last updated at: 29/12/2023 09:42

dividerElement.scss

TLDR

The dividerElement.scss file contains the styling rules for a divider element.

Classes

DividerElement

The DividerElement class applies styling to create a divider element. It includes the following CSS properties:

padding-top: Sets the top padding of the divider element to 16 pixels.
border-bottom: Creates a 1 pixel solid border at the bottom of the divider element. The border color is set to a translucent version of the "center-channel-color" with 0.09 opacity.
margin-bottom: Sets the bottom margin of the divider element to 17 pixels.
flex-grow: Specifies the flex grow property of the divider element to 1.

.DividerElement {
    padding-top: 16px;
    border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.09);
    margin-bottom: 17px;
    flex-grow: 1;
}