Lompat ke isi
RejarsumeDokumen

Acuan kelas CSS

Nama kelas yang menyusun kertas, per kelompok, dan cara mengarahkan aturan ke satu template atau satu ukuran kertas.

Lihat sebagai Markdown

Kertas adalah HTML biasa dengan nama kelas yang diawali rp-. Inilah yang dipakai untuk menulis CSS. Kertas memiliki beberapa lagi yang ada untuk menyunting dan mengukur, dan sengaja tidak ditulis di sini karena dapat berubah.

Aturan ditulis di tab style.css. Lihat CSS kustom.

Halaman

KelasApa itu
.rp-pageSatu lembar kertas. Ia juga membawa rejarsume-paper, template, dan ukurannya.

Dua atribut pada lembar memungkinkan aturan diarahkan ke template atau ukuran kertas:

  • data-template adalah id template: classic, modern, technical, editorial, compact, profile, atau bold.
  • data-size adalah A4 atau Letter.

style.css

.rejarsume-paper[data-template="classic"] .rp-name {
  letter-spacing: 0.02em;
}

.rejarsume-paper[data-size="A4"] .rp-section-title {
  letter-spacing: 0.1em;
}

Header

KelasApa itu
.rp-headerBlok header, dengan foto di samping teks bila ada.
.rp-avatarFoto.
.rp-header-textNama, tajuk, dan kontak sekaligus.
.rp-nameNama Anda.
.rp-headlineBaris di bawah nama Anda.
.rp-contactsDeretan kontak.
.rp-contactSatu kontak. Ikonnya adalah svg di dalamnya.
.rp-linkSebuah tautan, di header atau di teks.

Bagian

KelasApa itu
.rp-sectionBlok judul sebuah bagian: baris judul dan garis di bawahnya.
.rp-section-title-rowBaris yang memuat ikon bagian, bila ada, dan judulnya.
.rp-section-titleJudul bagian.
.rp-section-ruleGaris di bawah atau di samping judul.

Isi sebuah bagian tidak berada di dalam .rp-section. Blok yang mengikuti judul adalah saudaranya, dan itulah yang membuat halaman bisa terpisah di antaranya. Bagian tanpa judul sama sekali tidak menggambar blok judul.

Entri

KelasApa itu
.rp-entrySatu entri.
.rp-entry-headBaris pertama entri: judul di kiri, tanggal di kanan.
.rp-entry-titleJudul entri.
.rp-entry-subtitleSubjudul, ditaruh setelah judul.
.rp-entry-metaTanggal dan lokasi, di kanan baris pertama.
.rp-entry-summaryParagraf ringkasan entri.
.rp-bulletsDaftar butir milik entri.

Daftar dan teks

KelasApa itu
.rp-listDaftar di sebuah bagian. Yang bernomor juga memiliki .rp-list-ordered.
.rp-taskButir daftar yang berupa tugas, dengan kotaknya sendiri sebagai ganti titik.
.rp-checkboxKotak sebuah tugas.
.rp-headingSubjudul di dalam sebuah bagian. Ia memiliki data-level 3 sampai 6.
.rp-quoteKutipan blok.
.rp-code-blockBlok kode berpagar.
.rp-tableSebuah tabel.
.rp-strongTeks tebal.
.rp-codeKode di dalam sebaris teks.

Sisanya

KelasApa itu
.rp-tagsDaftar ::tags.
.rp-tagSatu butir daftar tag.
.rp-icon-labelBaris ::label, dengan ikon di depannya.
.rp-figureSebuah gambar, dan kotak di sekelilingnya.
.rp-imageGambarnya sendiri.
.rp-image-missingKotak putus-putus yang tampil saat sebuah gambar tidak ditemukan.
.rp-dividerPemisah tematik, yaitu baris berisi tiga tanda hubung di Markdown.
.rp-rawBaris Markdown yang tidak dapat ditata, disimpan dan dicetak apa adanya.

Lebar sebuah gambar berasal dari gambar itu sendiri, diatur dari kontrol kertas, jadi aturan untuk lebar .rp-figure tidak mengubahnya. Lihat Gambar dan pemisah halaman.

Kelas pada teks yang digambar template dipakai bersama oleh setiap template. Template berbeda dengan menyatakan ulang beberapa di antaranya, itulah sebabnya satu aturan yang ditulis terhadap nama-nama ini berfungsi di template mana pun.