Milligram: Normalize.css v.6.0.0 memecah gaya ukuran font masukan

Dibuat pada 29 Mar 2017 · 7Komentar · Sumber: milligram/milligram

Sepertinya beberapa gaya elemen input telah dihapus di versi 6.0.0. Oleh karena itu, properti ukuran font input sekarang diwarisi dari gaya agen pengguna.

Normalisasikan v.5.0.0.
screen shot 2017-03-29 at 15 47 58

Normalisasi v.6.0.0.
screen shot 2017-03-29 at 15 47 42

Hacktoberfest

Sumber

negativefix

👍1

Komentar yang paling membantu

Saya setuju dengan Anda bahwa menggunakan normalize.css berlebihan.

Yah itu hanya sampingan.

Saya kira saya setuju dengan masalah ini. Mungkin Milligram bisa memasukkan mini-reset, mirip dengan yang saya posting.

nateberkopec pada 1 Apr 2017

👍3

Semua 7 komentar

Oleh karena itu, properti ukuran font input sekarang diwarisi dari gaya agen pengguna.

Bukankah itu masalah dengan Normalize.css?

nateberkopec pada 30 Mar 2017

Mungkin ada masalah dengan Normalize.css. Saya akan membuka tiket dan melaporkan kembali.

negativefix pada 31 Mar 2017

Sepertinya mereka menghapus semua aturan css yang berpendirian dari Normalize.css. Lihat komit #649 . Gaya elemen formulir yang dihapus termasuk yang -seperti font-size - yang dapat diwarisi dari body . Beberapa aturan ini dapat dimasukkan dalam miligram untuk membuat gaya formulir konsisten dengan kerangka kerja lainnya.

negativefix pada 31 Mar 2017

Huh, itu... intens. Tangkapan layar Anda masih aneh, karena formulir di https://milligram.github.io/forms.html terlihat sangat normal dan saya cukup yakin mereka tidak menggunakan normalisasi. Jadi saya masih berpikir ini bukan masalah dengan Milligram.

FWIW Saya menggunakan reset CSS yang jauh lebih kecil dengan Milligram: https://github.com/nateberkopec/speedshop/blob/master/_sass/mini-reset.sass

Miligram adalah ~9kb tidak terkompresi/tidak diperkecil, dan Normalisasi adalah ~7,5kb. Menggunakan reset CSS yang ukurannya sama dengan kerangka kerja Anda menurut saya berlebihan.

nateberkopec pada 31 Mar 2017

👀1

Form terlihat normal karena menggunakan normalize.css 5.0.0. Lihat sumbernya. Dan karena pengaturan ulang Anda memiliki gaya yang sama dengan normalize.csss 5.0.0, mungkin Anda tidak terpengaruh.

Saya setuju dengan Anda bahwa menggunakan normalize.css berlebihan. Tapi ukuran bukanlah masalah di sini. Masalahnya adalah terlepas dari reset yang saya gunakan, apakah saya akan bisa mendapatkan tampilan yang diiklankan di situs miligram. Saya kira itulah yang terkait dengan miligram.

negativefix pada 31 Mar 2017

Saya setuju dengan Anda bahwa menggunakan normalize.css berlebihan.

Yah itu hanya sampingan.

Saya kira saya setuju dengan masalah ini. Mungkin Milligram bisa memasukkan mini-reset, mirip dengan yang saya posting.

nateberkopec pada 1 Apr 2017

👍3

@negativefix selamat atas pekerjaan besar ini!
Terima kasih banyak.

@nateberkopec Anda benar. Saatnya untuk perubahan normalize.css. Saya telah mengerjakan yang baru, tetapi saya menghabiskan banyak waktu jauh dari Milligram. Jadi saya perlu mengulang studi/tes yang diperlukan untuk memastikan semuanya baik-baik saja.

btw, saya membawa berita: Milligram v1.4.0 https://github.com/milligram/milligram/pull/244

Tolong, beri tahu saya jika saya dapat membantu Anda dengan sesuatu.
Untuk saat ini, saya akan menutup masalah ini.