Limbo.Umbraco.Separator 1.0.0

Limbo Separator is a small package for Umbraco that adds a property editor serving as a separator to give a better overview of properties within your Umbraco content types.

• License: MIT License
• Umbraco: v10
• Target Framework: .NET 6

Screenshots

The separator property editor helps group similar properties within an existing property group:

Documentation

Description

The title shown in the separator is based on the label of the property. If you also enter a description for your property, the description will be shown below the separator title.

CSS class name

The separator data type has an optional option for entering a custom CSS class name, which can then be used to customize the styling of the separator. Eg. if you'd wish to create a separator that is more visible than the default styling.

The example shown in the screenshots above can be accomplished by adding the following CSS/LESS to your solution:

.limbo-separator-primary.limbo-separator {
    margin: -21px -20px -21px -20px;
    border-bottom: 0;
    .limbo-separator-content {
        border-top: 15px solid #fff;
        border-bottom: 10px solid #fff;
        padding: 7px 20px;
        background: #ccc;
        background: #1b264f;
        color: #fff;
    }
    .limbo-separator-title {
        font-weight: bold;
    }
    .limbo-separator-description {
        color: #efefef;
    }
}