Milligram: Ukuran heading membutuhkan penyesuaian.

Harus mengatakan saya setuju. Pengguna yang rajin kerangka kerja tetapi header meninggalkan sesuatu yang diinginkan.

Hai @garwilson @neberkopec

Masalah bagus, teman-teman! Saya akan melakukan beberapa pengujian untuk melihat bagaimana kami dapat meningkatkan ini. Tentang ini, apakah Anda punya saran?

BTW, saya ingin berbagi dengan Anda fitur baru yang telah ditambahkan baru-baru ini untuk memastikan kualitas kerangka kerja. Ini menganalisis dan melaporkan setiap perubahan yang dibuat pada kerangka kerja. Jika ada detail yang luput dari perhatian, itu akan diidentifikasi setelah membandingkan dengan versi lama. Ini adalah uji regresi visual dan akan membantu peningkatan visual versi berikutnya.

@cjpatoilo Skala tipografi tradisional tercakup di sini dan di sini

Saya pikir masalah utama di sini adalah bahwa skala tidak diikuti untuk h1 dan h2 - mereka harus lebih besar.

Berdasarkan sumber daya tersebut, inilah sarannya:

h1
    font-size: 6.0rem

h2
    font-size: 4.8rem

h3
    font-size: 3.6rem

h4
    font-size: 2.4rem

h5
    font-size: 2.1rem

h6
    font-size: 1.8rem

Saya ragu-ragu apakah saya menyukai hal-hal sebesar itu. Tapi bagaimanapun saya masih tidak bisa membedakan banyak antara h2 dan h3. Saya pikir mereka perlu mengecilkan ukuran lebih cepat.

Mungkin cari ide di sini:

• https://www.w3.org/StyleSheets/Core/stylebot.html?family=8&doc=Sampler
• http://materializecss.com/typography.html#headers
• http://www.blueprintcss.org/tests/parts/elements.html

Jika Anda menginginkan ukuran tipe tubuh yang besar (seperti Miligram pada 16px), h1 mungkin akan cukup besar. Begitulah cara kerja tipografi. Anda tidak dapat memiliki header kecil dan teks tubuh besar, mencoba menjejalkan 5 ukuran header yang berbeda dalam rentang yang terlalu kecil berarti Anda tidak dapat membedakan header (seperti sekarang). Miligram perlu membuat teks badannya lebih kecil (saya tidak mendukungnya) atau membuatnya lebih besar.

Berikut alat lain untuk mengotak-atik skala tipografi .

Jika Anda setuju dengan H6 dengan ukuran yang sama dengan body copy, berikut adalah alternatifnya:

h1
    font-size: 4.8rem

h2
    font-size: 3.6rem

h3
    font-size: 2.4rem

h4
    font-size: 2.1rem

h5
    font-size: 1.8rem

h6
    font-size: 1.6rem

Jika Anda setuju dengan H6 dengan ukuran yang sama dengan body copy…

Saya baru saja mencoba tiga yang pertama, dan saya lebih menyukainya !! Dan saya baik-baik saja dengan H6 yang ukurannya sama dengan bodinya. Saya sarankan Anda membuat H6 tebal atau sesuatu secara default. Tetapi bahkan jika Anda tidak melakukannya, saya pribadi akan jarang turun ke H6.

Ukuran font seluler juga perlu diperbaiki - ukurannya terlalu mirip untuk dapat digunakan. Saya akan merekomendasikan hanya menggunakan skala yang sama untuk seluler.

Jadi, apakah ini dijadwalkan untuk rilis baru dalam waktu dekat?

Jadi saya melihat bahwa ini tidak masuk ke v1.2.2. Ada alasan kenapa? Apakah saya perlu membuat permintaan tarik?

Hai @garretwilson @nateberkopec Kerja bagus. Ini sangat berarti bagi saya ♥

Diskusi terbuka! Kerangka kerja ini adalah proyek sumber terbuka dan siapa saja dapat berkontribusi. Saya berharap lebih banyak orang yang memiliki minat dan kontribusi yang sama seperti Anda. Saya akan membahas semua yang telah dibicarakan di sini dan saya akan mengerjakannya secepat mungkin.

Hai @garretwilson npm install .. dan tenang!

Hai @garretwilson npm instal

Bisakah Anda menjelaskan apa yang Anda maksud dengan itu? Saya mengunduh v1.2.2 dari situs dan tampaknya ini tidak disertakan. Apakah Anda mengatakan bahwa "npm install" akan memberi saya sesuatu yang lebih baru yang belum dirilis? Apakah ini versi v1.2.3? Saya seperti komputer, mudah bingung kecuali Anda mengejanya kepada saya.

..dan dinginkan!

Saya hanya memeriksa status karena saya tidak jelas apakah ini dijadwalkan atau dirilis atau apa. Saya juga mencoba menjelaskan bahwa saya menawarkan untuk membantu, tetapi saya tidak yakin apakah seseorang telah melakukan ini. Beri tahu saya bagaimana saya bisa membantu.

@nateberkopec bukan h1 yang ada di 5.0rem (50px)? Apakah Anda menyarankan agar kami menguranginya? sampai 4.8rem?

@sudheerDev Saya bukan juru ketik, saya hanya tahu apa yang saya baca di internet. Jika Anda akan membaca tautan di atas tentang skala tipografi, Anda akan melihat mengapa 4,8 daripada 5 (pada dasarnya - jarak antar ukuran tajuk mengikuti pola).

@nateberkopec Mengerti. Saya akan memberikan PR untuk ini. mari kita lihat bagaimana tampilannya

@nateberkopec terima kasih untuk PR !. Saya sibuk jadi saya tidak bisa mendorong

@garretwilson @nateberkopec @sudheerDev Akhirnya saya bisa meluncurkan versi baru dengan kontribusi ini. Saya melakukan pencarian ukuran heading berdasarkan kerangka utama dan akhirnya saya menemukan situasi yang lebih memadai dari apa yang diminta. Saya harap Anda menyukainya!

Ukuran judul lebih masuk akal, sekarang, terima kasih.