Update all CSS to use logical properties

- Vendor CSS's are excluded for now
- Removed <IE7 asterisk prefix items
This commit is contained in:
iBug
2024-06-25 23:36:16 +08:00
parent 9ffaf41d20
commit 922440cd55
15 changed files with 159 additions and 229 deletions

View File

@@ -3,7 +3,7 @@
========================================================================== */
form {
margin: 0 0 5px 0;
margin-bottom: 5px;
padding: 1em;
background-color: $form-background-color;
@@ -17,7 +17,7 @@ form {
display: block;
width: 100%;
margin-bottom: 5px * 2;
*margin-left: -7px;
margin-inline-start: -7px;
padding: 0;
color: $text-color;
border: 0;
@@ -45,7 +45,6 @@ button,
select,
textarea {
vertical-align: baseline;
*vertical-align: middle;
}
input,
@@ -102,7 +101,6 @@ input[type="radio"] {
height: auto;
padding: 0;
margin: 3px 0;
*margin-top: 0;
line-height: normal;
cursor: pointer;
border-radius: 0;
@@ -114,8 +112,6 @@ input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="image"] {
@@ -138,12 +134,6 @@ input[type="submit"] {
width: auto;
height: auto;
cursor: pointer;
*overflow: visible;
}
select,
input[type="file"] {
*margin-top: 4px;
}
select {
@@ -173,14 +163,14 @@ input[type="hidden"] {
.radio,
.checkbox {
padding-left: 18px;
padding-inline-start: 18px;
font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -18px;
float: inline-start;
margin-inline-start: -18px;
}
.radio.inline,
@@ -193,7 +183,7 @@ input[type="hidden"] {
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
margin-inline-start: 10px;
}
/*
@@ -248,7 +238,7 @@ select:focus {
.help-inline {
display: inline-block;
vertical-align: middle;
padding-left: 5px;
padding-inline-start: 5px;
}
/*
@@ -279,16 +269,16 @@ select:focus {
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
padding-left: 0;
padding-inline-start: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-left: 0;
margin-right: 3px;
float: inline-start;
margin-inline-start: 0;
margin-inline-end: 3px;
}
/*
@@ -303,8 +293,7 @@ select:focus {
}
.form-search .search-query {
padding-left: 14px;
padding-right: 14px;
padding-inline: 14px;
margin-bottom: 0;
border-radius: 14px;
}
@@ -324,15 +313,15 @@ select:focus {
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
float: left;
margin-left: 0;
margin-right: 3px;
margin-inline-start: 0;
margin-inline-end: 3px;
}
/*
.form--loading
========================================================================== */
.form--loading:before {
.form--loading::before {
content: "";
}
@@ -340,7 +329,7 @@ select:focus {
display: block;
}
.form:before {
.form::before {
position: absolute;
top: 0;
left: 0;