Lompat ke isi
RejarsumeDokumen

CSS kustom

Tata ulang kertas dengan CSS Anda sendiri, di mana ia berlaku, bagaimana ia ikut bersama resume, dan cara menulis aturan yang tetap berfungsi.

Lihat sebagai Markdown

CSS kustom untuk apa yang tidak dapat dilakukan kontrol mana pun di tab Gaya. Anda menulisnya di tab style.css pada panel Kode, dan ia berlaku untuk kertas dan tidak ada yang lain. Lihat Panel Markdown dan CSS.

Coba kontrolnya dulu. Menggeser pengaturan di tab Gaya lebih mudah daripada menulis aturan, dan lebih aman: kertas diukur pada nilai yang Anda atur, jadi halaman tetap benar. Lihat Token desain.

Di mana ia berlaku

Tiga lapisan gaya ditumpuk di kertas, dan milik Anda yang tertinggi:

  1. Template, yang menggambar setiap elemen.
  2. Tab Gaya, yang mengatur token desain sebagai variabel CSS.
  3. CSS Anda.

Karena itu aturan Anda mengalahkan template dan tab Gaya dengan selektor biasa. Anda tidak perlu membuatnya lebih spesifik, dan Anda tidak perlu !important, yang dibuang kertas dari CSS Anda disertai catatan. Lihat Apa yang tidak dapat dilakukan CSS.

CSS Anda tidak dapat menjangkau aplikasi di sekeliling kertas, karena kertas adalah dokumen tersendiri. Satu-satunya bagian kertas yang tidak dapat diubahnya adalah halaman itu sendiri: ukuran lembar, marginnya, dan pemotongan di tepinya. Itu adalah pengaturan Kertas.

Ia ikut bersama resume

CSS Anda disimpan bersama resume, persis seperti yang Anda ketik. Ekspor HTML membawanya di dalam berkas, dan PDF adalah dokumen yang sama itu yang dicetak, jadi aturan yang Anda tulis di sini ada di setiap bentuk resume.

Kertas ditata dengan CSS Anda diterapkan, dan pemisah halaman diukur sesudahnya. Karena itu aturan yang membuat sesuatu lebih tinggi atau lebih pendek menggeser di mana sebuah halaman berakhir, dan ekspor terpisah di tempat yang sama. Lihat Halaman dan pemisah.

Menulis aturan

Pilih elemen menurut nama kelasnya, yang semuanya diawali rp-. Daftarnya ada di Acuan kelas CSS. Baca token desain dengan var() supaya aturan mengikuti tab Gaya, seperti var(--paper-accent).

Renggangkan huruf judul bagian:

style.css

.rp-section-title {
  letter-spacing: 0.12em;
}

Taruh setiap kontak di barisnya sendiri:

style.css

.rp-contacts {
  flex-direction: column;
  gap: 0.15em;
}

Taruh garis miring di antara keahlian sebagai ganti titik:

style.css

.rp-tag + .rp-tag::before {
  content: "/";
}

Aturan terakhir itu menambahkan karakter yang ada di halaman dan tidak ada di berkas. Di sini ia tidak berbahaya, tetapi tab ATS menunjukkan teks yang ditambahkan dengan cara ini, karena parser tidak pernah membacanya.

Apa yang dilakukan kertas terhadapnya

Yang Anda tulis disimpan persis seperti yang Anda tulis. Kertas memakai salinan yang sudah dibersihkan, ditulis ulang dalam satu bentuk polos, tanpa komentar, dan tanpa aturan apa pun yang ditolaknya. Aturan yang ditolak digarisbawahi kuning di editor beserta alasannya, dan dihitung sebagai catatan di samping catatan Markdown.

Satu kesalahan tidak membatalkan seluruh stylesheet. Bila sebuah kurung kurawal hilang, atau satu aturan ditolak, setiap aturan lain yang dapat dibaca tetap berlaku. Daftar apa yang ditolak, dan mengapa, ada di Apa yang tidak dapat dilakukan CSS.

CSS yang menyembunyikan teks

Tab ATS membaca CSS Anda selain isi Anda. Ia memperingatkan ketika sebuah aturan menyembunyikan teks, dengan display: none, visibility: hidden, ukuran huruf 0, opasitas 0, atau teks transparan. Teks tersembunyi dibaca parser dan tidak pernah oleh manusia, dan sebagian sistem menilai pola itu sebagai penjejalan kata kunci, apa pun maksud penulisnya.