«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
	Koshka
	Krailo
	Krai The name "Krai" originates from the Old Slavic language and is a shortened form of more complex composite names such as…
	Krainyk
	Kras The name 'Kras' is derived by truncating one of the two-root Slavic names, such as Krasibor, Krasimil, Krasislav…
	Krasylo The name "Krasylo" originates from the Ukrainian patronymic "Krasilenko," recorded in 1666. It is also associated with…
	Krasko The name Krasko is no longer used in Ukraine, but it is still preserved by Serbs and Croats. Since the mid-17th…
	Krasnets
	Krasnysh The name 'Krasnysh' is a Ukrainian personal name formed from the same root as the name 'Krasnets' and the surname…
	Krasun
	Krachun
	Kremin The name "Kremin" originates from the name of the mineral flint. In Bulgarian, similar to the name "Otsil," it serves…
	Kresymyr The Slavic personal name Kresimir is formed by combining the verbal root "kres-iti," which means 'to wake' or 'to…
	Krysko Krisko The name Krisko is no longer used in Ukraine, but it has been recorded multiple times in the registers of…
	Krechun
	Kreshymyr
	Kryvets Kryvets is a Slavic personal name that likely derives from the noun "kryvets." In contemporary Slavic languages, this…
	Kryvko
	Krytsko
	Krych The name "Krych" is an ancient possessive adjective derived from the personal name "Kryk." In it, the final consonant…
	Krychko
	Krolyk
	Krot
	Kromko The name "Kromko" is a suffix-based formation from the noun "step." This name was also used in Old Czech in the 11th…
	Kruk The name "Kruk" originates from the name of a well-known bird—the raven—which can also denote a crow in a different…
	Kulak
	Kulyk The Ukrainian family name "Kulyk" has at least two etymological interpretations: a) from the name of the wetland bird…
	Kumko The name 'Kumko' is a rare Ukrainian name of a colloquial type. It is derived from the word 'kum', which means…
	Kuna
	Kunets

2 songs with names Krasun; 2 songs with names Kremin; 2 songs with names Kulak;

«Modern»

Blog articles