refactor: slash as division code in sass #58

This commit is contained in:
Sivan 2021-09-16 11:09:08 +08:00
parent 4bec7525aa
commit f1673dc827
8 changed files with 5469 additions and 34 deletions

View file

@ -21,12 +21,12 @@
// 定义块级元素样式 // 定义块级元素样式
blockquote { blockquote {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit; margin-block-end: $std-block-unit;
margin-inline-start: $std-inline-unit * 2; margin-inline-start: $std-inline-unit * 2;
margin-inline-end: $std-inline-unit * 2; margin-inline-end: $std-inline-unit * 2;
padding-block-start: $std-block-unit / 2; padding-block-start: $std-block-unit * 0.5;
padding-block-end: $std-block-unit / 2; padding-block-end: $std-block-unit * 0.5;
padding-inline-start: $std-inline-unit; padding-inline-start: $std-inline-unit;
padding-inline-end: $std-inline-unit; padding-inline-end: $std-inline-unit;
//border-radius: 4px; //border-radius: 4px;
@ -64,7 +64,7 @@
} }
p { p {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit; margin-block-end: $std-block-unit;
text-align: justify; text-align: justify;
@ -77,12 +77,12 @@
@if $format_pre_code { @if $format_pre_code {
pre { pre {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit / 2; margin-block-end: $std-block-unit * 0.5;
margin-inline-start: 0; margin-inline-start: 0;
margin-inline-end: 0; margin-inline-end: 0;
padding-block-start: $std-block-unit / 2; padding-block-start: $std-block-unit * 0.5;
padding-block-end: $std-block-unit / 2; padding-block-end: $std-block-unit * 0.5;
padding-inline-start: $std-inline-unit; padding-inline-start: $std-inline-unit;
padding-inline-end: $std-inline-unit; padding-inline-end: $std-inline-unit;
overflow: auto; overflow: auto;

View file

@ -15,7 +15,7 @@
// 底边距考虑到亲密性默认为半行间距 // 底边距考虑到亲密性默认为半行间距
margin: 0; margin: 0;
margin-block-start: $std-block-unit; margin-block-start: $std-block-unit;
margin-block-end: $std-block-unit / 2; margin-block-end: $std-block-unit * 0.5;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
} }
@ -68,6 +68,6 @@
h3 + h4, h3 + h4,
h4 + h5, h4 + h5,
h5 + h6 { h5 + h6 {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
} }
} }

View file

@ -7,7 +7,7 @@
ul, ul,
ol, ol,
dl { dl {
margin-block-start: $line-height-size-normal / 2; margin-block-start: $line-height-size-normal * 0.5;
margin-block-end: $line-height-size-normal; margin-block-end: $line-height-size-normal;
} }

View file

@ -6,7 +6,7 @@
table { table {
box-sizing: border-box; box-sizing: border-box;
table-layout: fixed; table-layout: fixed;
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit; margin-block-end: $std-block-unit;
margin-inline-start: auto; margin-inline-start: auto;
margin-inline-end: auto; margin-inline-end: auto;
@ -23,10 +23,10 @@
th, th,
td { td {
padding-block-start: $std-block-unit / 4; padding-block-start: $std-block-unit * 0.25;
padding-block-end: $std-block-unit / 4; padding-block-end: $std-block-unit * 0.25;
padding-inline-start: $std-inline-unit / 2; padding-inline-start: $std-inline-unit * 0.5;
padding-inline-end: $std-inline-unit / 2; padding-inline-end: $std-inline-unit * 0.5;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: hsl(0, 0%, 80%); border-color: hsl(0, 0%, 80%);

View file

@ -81,7 +81,7 @@
} }
ol { ol {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: 0; margin-block-end: 0;
} }

View file

@ -25,7 +25,7 @@
// 元信息保持间距 // 元信息保持间距
#{$root-selector}-meta { #{$root-selector}-meta {
margin-block-start: $std-block-unit / 2; margin-block-start: $std-block-unit * 0.5;
margin-block-end: $std-block-unit; margin-block-end: $std-block-unit;
} }

View file

@ -13,8 +13,8 @@
// 多栏排版时减半段间距 // 多栏排版时减半段间距
p { p {
margin-block-start: $std-block-unit / 2 / 2; margin-block-start: $std-block-unit * 0.5 * 0.5;
margin-block-end: $std-block-unit / 2; margin-block-end: $std-block-unit * 0.5;
text-indent: $text-indent-length; text-indent: $text-indent-length;
} }
} }

5463
package-lock.json generated

File diff suppressed because it is too large Load diff