Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-30 04:29:21 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move bootstrap @LESS variables to CSS var()

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

1
dev/Styles/@Main.less
View file

@ -14,7 +14,6 @@
@import "../../vendors/bootstrap/less/alerts.less";
@import "../../vendors/bootstrap/less/code.less";
@import "../../vendors/bootstrap/less/dropdowns.less";
@import "../../vendors/bootstrap/less/navs.less";
@import "../../vendors/bootstrap/less/utilities.less";
@import "_FontasticToBoot.less";

4
dev/Styles/Main.less
View file

@ -11,7 +11,7 @@ html, body {
#rl-app {
-webkit-touch-callout: none;
font-size: @baseFontSize;
font-size: var(--main-font-size, 14px);
line-height: 1.15; /* 1 */
position: fixed;
top: 0;
@ -58,7 +58,7 @@ dialog::backdrop {
dialog {
border: 0;
background-color: @white;
background-color: var(--dialog-bg-clr, #fff);
border: 1px solid rgba(0,0,0,.3);
border-radius: 6px;
box-shadow: 0 5px 80px rgba(0,0,0,0.3);

5
dev/Styles/Ui.less
View file

@ -115,18 +115,17 @@ tr:hover .drag-handle {
border-radius: 4px 4px 0 0;
cursor: pointer;
grid-row-start: 1;
line-height: @baseLineHeight;
opacity: 0.6;
margin: 0 2px -1px 0;
padding: 5px;
text-align: center;
&:hover {
border-color: @grayLighter;
border-color: var(--tab-hover-border-clr, #eee);
opacity: 0.8;
}
}
.tabs > [id^="tab"]:checked + label {
background-color: @white;
background-color: var(--tab-active-bg-clr, #fff);
border-color: rgba(128,128,128,.5) rgba(128,128,128,.5) transparent rgba(128,128,128,.5);
opacity: 1;
z-index: 1;

9
dev/Styles/User/EmailAddresses.less
View file

@ -1,9 +1,10 @@
.emailaddresses {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
background-color: var(--input-bg-clr, #fff);
border: 1px solid var(--input-border-clr, #ccc);
border-radius: var(--input-border-radius, 3px);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-sizing: border-box;
color: var(--input-clr, #555);
cursor: text;
font-size: 90%;
list-style: none;
@ -15,7 +16,7 @@
}
.emailaddresses.emailaddresses-focused {
border: 1px solid darken(@inputBorder, 20%);
border-color: var(--input-focus-border-clr, #999);
box-shadow: none;
}

4
dev/Styles/User/FolderList.less
View file

@ -147,9 +147,9 @@
.b-folders-user a[data-unread]:not(.system)::after
{
content: attr(data-unread);
background-color: @grayLight;
background-color: var(--unread-count-bg-color, #999);
border-radius: 9px;
color: @white;
color: var(--unread-count-color, #fff);
font-size: 11px;
line-height: 19px;
margin-top: 5px;

2
dev/Styles/User/Layout.less
View file

@ -155,7 +155,7 @@ html.rl-side-preview-pane {
}
.dropdown.show {
box-shadow: 0 0 1px var(--main-color, @dropdownLinkColor);
box-shadow: 0 0 1px var(--main-color, #333);
}
.btn.btn-transparent {

17
dev/Styles/_BootstrapFix.less
View file

@ -1,17 +1,11 @@
.legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: @baseLineHeight;
font-size: @baseFontSize * 1.5;
line-height: @baseLineHeight * 1.5;
color: @grayDark;
border: 0;
border-bottom: 1px solid var(--border-color, #ddd);
font-size: 150%;
line-height: 2.1;
margin-bottom: 1.43em;
}
summary.legend {
display: list-item;
cursor: pointer;
}
@ -21,15 +15,14 @@ summary.legend {
.alert a:not(.close) {
text-decoration: underline;
color: @warningText;
}
.alert.alert-info a:not(.close) {
color: @infoText;
color: var(--info-clr, #3a87ad);
}
.alert.alert-error a:not(.close) {
color: @errorText;
color: var(--error-clr, #b94a48);
}
/* mobile and tablet */