Skip to content

Commit 5904384

Browse files
committed
[css-text] Tweak example styling
1 parent 9883ac5 commit 5904384

2 files changed

Lines changed: 12 additions & 36 deletions

File tree

css-text-3/Overview.bs

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -134,18 +134,6 @@ spec:css-ruby-1; type:dfn; text:ruby
134134
.ls-ex .letter.ls2 { padding: 0 1em 0 1em; }
135135
.ls-ex .letter.first { padding-left: 0; }
136136
.ls-ex .letter.last { padding-right: 0; }
137-
.ls-ex .letter.ls2::after {
138-
margin-right: 1em;
139-
margin-left: 1em;
140-
left: 0;
141-
right: 0;
142-
top: 0;
143-
border-right: 1px solid black;
144-
border-left: 1px solid black;
145-
content: "";
146-
position: absolute;
147-
height: 5px;
148-
}
149137
.ls-ex .letter::after {
150138
left: 0;
151139
right: 0;
@@ -156,13 +144,13 @@ spec:css-ruby-1; type:dfn; text:ruby
156144
position: absolute;
157145
height: 5px;
158146
}
159-
.ls-ex .letter.ls1::after {
160-
margin-right: 0.5em;
161-
margin-left: 0.5em;
162-
}
163147
.ls-ex .letter.ls2::after {
164-
margin-right: 1em;
165-
margin-left: 1em;
148+
margin-right: calc(1em + 0.5px);
149+
margin-left: calc(1em + 0.5px);
150+
}
151+
.ls-ex .letter.ls1::after {
152+
margin-right: calc(0.5em + 0.5px);
153+
margin-left: calc(0.5em + 0.5px);
166154
}
167155
.ls-ex .letter.last::after {
168156
border-right: none;

css-text-4/Overview.bs

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -146,18 +146,6 @@ spec:selectors-4; type:dfn; text:selector
146146
.ls-ex .letter.ls2 { padding: 0 1em 0 1em; }
147147
.ls-ex .letter.first { padding-left: 0; }
148148
.ls-ex .letter.last { padding-right: 0; }
149-
.ls-ex .letter.ls2::after {
150-
margin-right: 1em;
151-
margin-left: 1em;
152-
left: 0;
153-
right: 0;
154-
top: 0;
155-
border-right: 1px solid black;
156-
border-left: 1px solid black;
157-
content: "";
158-
position: absolute;
159-
height: 5px;
160-
}
161149
.ls-ex .letter::after {
162150
left: 0;
163151
right: 0;
@@ -168,13 +156,13 @@ spec:selectors-4; type:dfn; text:selector
168156
position: absolute;
169157
height: 5px;
170158
}
171-
.ls-ex .letter.ls1::after {
172-
margin-right: 0.5em;
173-
margin-left: 0.5em;
174-
}
175159
.ls-ex .letter.ls2::after {
176-
margin-right: 1em;
177-
margin-left: 1em;
160+
margin-right: calc(1em + 0.5px);
161+
margin-left: calc(1em + 0.5px);
162+
}
163+
.ls-ex .letter.ls1::after {
164+
margin-right: calc(0.5em + 0.5px);
165+
margin-left: calc(0.5em + 0.5px);
178166
}
179167
.ls-ex .letter.last::after {
180168
border-right: none;

0 commit comments

Comments
 (0)