Viewing File: /usr/local/cpanel/share/libraries/cjt2/src/styles/callout.less

/*
# callout.less                                      Copyright 2022 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

@import (reference) "variables.less";

/* ------------------------------------------------------------------------------ */
/* Callouts
/* ------------------------------------------------------------------------------ */
.callout {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #eeeeee;
    margin: 20px 0 20px 0;
    padding: 20px;
}

html[dir="rtl"] .callout {
    border-left-width: 0;
    border-left-style: none;
    border-left-color: transparent;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #eeeeee;
}

.callout-danger {
    background-color: @danger-bg;
    border-left: 3px solid @danger-border;
}

html[dir="rtl"] .callout-danger {
    border-left-color: transparent;
    border-right-color: @danger-border;
}

.callout-success {
    background-color: @success-bg;
    border-left: 3px solid @success-border;
}

html[dir="rtl"] .callout-success {
    border-left-color: transparent;
    border-right-color: @success-border;
}

.callout-warning {
    background-color: @warning-bg;
    border-left: 3px solid @warning-border;
}

html[dir="rtl"] .callout-warning {
    border-left-color: transparent;
    border-right-color: @warning-border;
}

.callout-info {
    background-color: @info-bg;
    border-left: 3px solid @info-border;
}

html[dir="rtl"] .callout-info {
    border-left-color: transparent;
    border-right-color: @info-border;
}

.callout-cpanel {
    background-color: @cpanel-bg;
    border-left-color: @cpanel-border;
}
html[dir="rtl"] .callout-cpanel {
    border-left-color: transparent;
    border-right-color: @cpanel-border;
}

.callout-heading {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}