Move bootstrap @LESS variables to CSS var()

This commit is contained in:
the-djmaze 2022-11-02 20:49:38 +01:00
parent 874bfa852b
commit 0ef8af21b1
19 changed files with 132 additions and 266 deletions

View file

@ -8,14 +8,14 @@
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: @baseLineHeight;
margin-bottom: 1.43em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: @warningBackground;
border: 1px solid @warningBorder;
background-color: var(--warning-bg-clr, #fcf8e3);
border: 1px solid var(--warning-border-clr, #fbeed5);
border-radius: 4px;
color: @warningText;
color: var(--warning-clr, #c09853);
max-width: 800px;
min-height: @baseLineHeight;
min-height: 1.43em;
}
// Adjust close link position
@ -23,7 +23,7 @@
position: relative;
top: -2px;
right: -21px;
line-height: @baseLineHeight;
line-height: 1.43em;
}
@ -31,12 +31,12 @@
// -------------------------
.alert-error {
background-color: @errorBackground;
border-color: @errorBorder;
color: @errorText;
background-color: var(--error-bg-clr, #f2dede);
border-color: var(--error-border-clr, #eed3d7);
color: var(--error-clr, #b94a48);
}
.alert-info {
background-color: @infoBackground;
border-color: @infoBorder;
color: @infoText;
background-color: var(--info-bg-clr, #d9edf7);
border-color: var(--info-border-clr, #bce8f1);
color: var(--info-clr, #3a87ad);
}