.description{ /* margin-bottom: calc(var(--baseline)*1); */ padding-left: calc(var(--unit)*0.75); padding-right: calc(var(--unit)*0.75); position: relative; } .description-after{ margin-top: -2px; margin-bottom: calc(var(--baseline)*1); } .description-before{ margin-bottom: 2px; } .description-before, .description-after{ font-size: var(--sign-size); color: var(--sign-color); letter-spacing: var(--sign-spacing); font-family: var(--sign-family); line-height: var(--sign-baseline); } .description::before, .description::after{ content: "......"; font-size: var(--sign-size); color: var(--sign-color); letter-spacing: var(--sign-spacing); font-family: var(--sign-family); line-height: var(--sign-baseline); word-break: break-all; width: calc(var(--unit)*0.75 + 4px); overflow-wrap: anywhere; display: block; } .description::before{ position: absolute; left: 0; top: -3px; } .description::after{ position: absolute; right: -13px; top: -3px; } h6{ font-size: var(--sign-size); color: var(--sign-color); font-weight: normal; /* margin-bottom: calc(var(--baseline)*1); margin-top: calc(var(--baseline)*1); */ position: relative; background-color: white; display: inline; position: relative; z-index: 10; top: calc(var(--baseline)*1); } h6::before{ content: "++"; font-size: var(--sign-size); color: var(--sign-color); letter-spacing: var(--sign-spacing); font-family: var(--sign-family); line-height: var(--sign-baseline); } .h6-before, .h6-after{ font-size: var(--sign-size); color: var(--sign-color); letter-spacing: var(--sign-spacing); font-family: var(--sign-family); line-height: var(--sign-baseline); } .h6-before{ position: absolute; left: -40px; }