Skip to content

Commit 2618619

Browse files
Kiarokhpaulinewahle
authored andcommitted
refactor(from): use h1 and p for selectors, not mdc-classes
We don't use MDC typographic styles anymore and these classes were misleading
1 parent eeb1d04 commit 2618619

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/components/form/form.scss

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -160,7 +160,7 @@ limel-code-editor {
160160
width: 100%;
161161
}
162162

163-
.mdc-typography--headline1 {
163+
h1 {
164164
position: relative;
165165
margin-top: 0;
166166
margin-bottom: 0;
@@ -175,7 +175,7 @@ limel-code-editor {
175175
font-weight: 500;
176176
}
177177

178-
.mdc-typography--body1 {
178+
p {
179179
margin-top: 0;
180180
margin-bottom: 0.75rem;
181181
font-size: var(--limel-theme-default-font-size);
@@ -197,18 +197,18 @@ h1 + .limel-form-array-item--simple {
197197
left: calc(var(--form-column-gap, 1rem) * -0.5);
198198
}
199199

200-
.mdc-typography--headline1,
201-
.mdc-typography--body1 {
200+
h1,
201+
p {
202202
color: rgb(var(--contrast-1400), 0.8);
203203
}
204204

205-
.mdc-typography--headline1 {
205+
h1 {
206206
--limel-form-h1-font-size: 1.476rem;
207207
font-weight: 800;
208208
}
209209

210210
.form-group {
211-
.mdc-typography--headline1 {
211+
h1 {
212212
--limel-form-h1-font-size: 1.383rem;
213213
font-weight: 700;
214214

@@ -234,7 +234,7 @@ h1 + .limel-form-array-item--simple {
234234
}
235235

236236
.form-group {
237-
.mdc-typography--headline1 {
237+
h1 {
238238
--limel-form-h1-font-size: 1.296rem;
239239
font-weight: 600;
240240

@@ -244,7 +244,7 @@ h1 + .limel-form-array-item--simple {
244244
}
245245

246246
.form-group {
247-
.mdc-typography--headline1 {
247+
h1 {
248248
--limel-form-h1-font-size: 1.215rem;
249249

250250
&:before {
@@ -253,7 +253,7 @@ h1 + .limel-form-array-item--simple {
253253
}
254254
}
255255
.form-group {
256-
.mdc-typography--headline1 {
256+
h1 {
257257
--limel-form-h1-font-size: 1.138rem;
258258

259259
&:before {
@@ -262,7 +262,7 @@ h1 + .limel-form-array-item--simple {
262262
}
263263

264264
.form-group {
265-
.mdc-typography--headline1 {
265+
h1 {
266266
--limel-form-h1-font-size: 1.067rem;
267267

268268
&:before {

0 commit comments

Comments
 (0)