«Modern»

Modern

.name-list { table-layout: fixed; width: 100%; margin-bottom: 0; background: transparent; color: #3a2a32; } .name-list thead th { border: none; border-bottom: 1px solid #ead9e1; background: transparent; vertical-align: middle; padding: 0.35rem 0.5rem 0.55rem; font-family: 'Open Sans', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1.2; color: #7a6570; text-align: left; } .name-list thead th:first-child { padding-left: 0.15rem; padding-right: 0.15rem; } .name-list thead .name-list__pop-head { text-align: right; text-transform: none; padding-right: 0.65rem; font-size: 0.95rem; color: #bd4993; line-height: 1; } .name-list thead .name-list__pop-head .fa { display: inline-block; } .name-list tbody .name-row { transition: background-color 220ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list tbody td { border: none; border-bottom: 1px solid #f0e6eb; background: transparent; } .name-list tbody .name-row:last-child td { border-bottom: none; } .name-list tbody .name-row:hover, .name-list tbody .name-row:focus-within { background-color: #f7f0f4; box-shadow: inset 3px 0 0 #bd4993; } .name-list tbody .name-row:active { background-color: #f1e6ec; } .name-list col.name-list__fav-col { width: 3.25rem; } .name-list col.name-list__pop-col { width: 4.5rem; } .name-list thead th:first-child, .name-list td.name-favorite-td { width: 3.25rem; padding: 0.4rem 0.1rem 0.5rem; vertical-align: top; text-align: center; } .name-list td.name-favorite-td .fa { font-size: 1.35rem; } .name-list td.name-favorite-td i { color: #b0899c; transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .heart-button:hover i, .name-list .heart-button.is-favorite, .name-list .heart-button.is-favorite i { color: #bd4993; } .name-list .heart-button:active { transform: scale(0.96); } .name-list td.name-favorite-td .heart-button:focus-visible { outline: 2px solid #bd4993; outline-offset: 2px; border-radius: 8px; } .name-list td.name-class { text-align: left; vertical-align: top; padding: 0.7rem 0.55rem 0.85rem; min-width: 0; } .name-list .name-entry { display: flex; flex-direction: column; align-items: flex-start; gap: 0.18rem; width: 100%; min-width: 0; max-width: 38rem; text-align: left; text-decoration: none; color: inherit; border-radius: 4px; } .name-list .name-entry:focus { outline: none; } .name-list .name-entry:focus-visible { outline: 2px solid #bd4993; outline-offset: 3px; } .name-list .name-entry__label { font-family: 'Dosis', sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: #2c2228; text-wrap: balance; transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .name-meaning { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; width: 100%; max-width: 100%; min-width: 0; font-family: 'Open Sans', sans-serif; font-size: 0.875rem; font-weight: 400; font-style: normal; line-height: 1.45; letter-spacing: 0.01em; color: #6a5a62; text-align: left; white-space: normal; overflow-wrap: break-word; word-break: break-word; text-wrap: pretty; } .name-list tbody .name-row:hover .name-entry__label, .name-list tbody .name-row:focus-within .name-entry__label { color: #bd4993; } .name-list tbody .name-row:hover .name-meaning, .name-list tbody .name-row:focus-within .name-meaning { color: #5c4a54; } .name-list td.prevalence { width: 4.5rem; padding: 0.7rem 0.45rem 0.85rem 0.2rem; vertical-align: top; text-align: right; white-space: nowrap; background-color: transparent; } .name-list .prevalence-value { display: inline-block; padding: 0.22em 0.5em; border-radius: 4px; font-family: 'Dosis', sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; text-decoration: none; color: #5a3d4c; background-color: rgba(189, 73, 147, 0.1); transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1), background-color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .prevalence-value:focus-visible { outline: 2px solid #bd4993; outline-offset: 2px; } .name-list tbody .name-row:hover .prevalence-value, .name-list tbody .name-row:focus-within .prevalence-value { color: #bd4993; } .name-list .prevalence-value.prevalence--high { background-color: rgba(189, 73, 147, 0.22); color: #6b2a54; } .name-list .prevalence-value.prevalence--mid { background-color: rgba(189, 73, 147, 0.14); } .name-list .prevalence-value.prevalence--low { background-color: rgba(74, 58, 66, 0.08); color: #6a5a62; } .name-list .prevalence-value.prevalence--base { background-color: rgba(189, 73, 147, 0.1); } .name-list .name-list__empty { padding: 1.25rem 0.75rem 1.5rem; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 0.95rem; font-weight: 400; color: #6a5a62; border-bottom: none; } .name-list .name-list__empty a { color: #bd4993; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(189, 73, 147, 0.35); } .name-list .name-list__empty a:hover, .name-list .name-list__empty a:focus-visible { color: #9a3a78; border-bottom-color: #9a3a78; }

	Name
	Upyr
	Ustrash
	Utisha
	Utishko
	Falets The name 'Falets' is a diminutive variant of the Slavic personal name 'Khvalets', which originates from the verb 'to…
	Falym The personal name Falym, less commonly Falem, derives from the word "Hvalym." It became known based on the oikonym from…
	Falyslav The name "Falyslav" is recorded in the records of the Galicians from the 15th century in Polish-Latin acts as…
	Fal In the Ukrainian name "Fal," one can see its origin from the truncated two-root name "Falъvynyklo," which, in turn…
	Falko
	Khatsyna Khatsyna is a Slavic masculine personal name that is a northern Ukrainian dialectal variant of the name Khotyn. Mention…
	Khatsko The name "Khatsko" is a northern Ukrainian phonetic variant of the Slavic name "Khotko." This variant is characterized…
	Khval The personal name "Khval" is a shortened form of the Proto-Slavic dual-root name, which could have been "Bohukhval" or…
	Khvalyboh The personal name Khvalyboh is derived from the name of the village Khvalyboh in the Zhytomyr region (USSR ATP 862) and…
	Khvalyboha
	Khvalym The personal name "Khvalym" is derived from the name of the village Khvalimychi and the fortification mentioned in…
	Khvalyna The name 'Khvalyna' is formed using the affectionate suffix '-yna' from the name 'Khval', similar to names like…
	Khvaliiko The name "Khvaliiko" is a diminutive form derived from the name "Khvaliy" using the diminutive suffix "-ko." The name…
	Khvalko
	Khvaliata The name Khvaliata has the same origin as the names Khvalim and Khvalimir. It is formed using the suffix -ęta.…
	Khvastko The personal name Khvastko is likely a diminutive form of the nickname Khvast or Khvasta, meaning 'braggart' or…
	Khyla
	Khylko
	Khira The name "Khira" is probably derived from the root "khir-" or "khyr-", from which both anthroponyms (human names) and…
	Khitcha
	Khmil
	Khobota The personal name 'Khobota' is presumably derived from the verbal root 'khov-' (to hide) with the suffix '-ota'. For…
	Khodko The personal name Khodko (less frequently - Khodьko) comes from the verb "ходити" (to walk). Its original meaning is…
	Kholod The lexeme "Kholod" in Ukrainian anthroponymy most often appears as a surname associated with personal names. For…
	Khorobr
	Khorobryt The name 'Khorobryt' is of a nickname type. It is derived from the Ukrainian adjective 'khorobryi' (meaning 'brave')…

1 songs with names Khvalym; 2 songs with names Khmil; 1 songs with names Kholod;

«Modern»

Blog articles