මෙහි ඇති සෑම නමක්ම ස්ථාවරව තබා ඇත, එබැවින් ඔබ ලියන රීතියක් නිකුතුවකින් පසුවත් ක්රියා කරයි. සම්පූර්ණ යොමුව
[data-portal-sidebar]- පැති තීරු කාඩ්පත
[data-portal-item="…"]- පැති තීරුවේ කොටසක්: tagline, metrics, buttons, description, social_links හෝ footer
[data-portal-locale-switcher]- කාඩ්පත යට ඇති භාෂා ලැයිස්තුව
[data-portal-content]- ඒ අසල ඇති අන්තර්ගත කාඩ්පත: සැලසුම්, ගෙවීම සහ සාමාජික තිර
[data-portal-header]- බෙදාගන්න සහ පිවිසෙන්න බොත්තම්
[data-portal-announcement]- නිවේදන තීරුව
[data-portal-plans-heading]- සැලසුම් මත ඇති ශීර්ෂය සහ උප ශීර්ෂය
[data-portal-social-proof]- මේ සතියේ එක් වූවන්ගේ පේළිය
[data-portal-plan-list]- සැලසුම් කාඩ්පත් ලැයිස්තුව
[data-portal-plan]- සැලසුම් කාඩ්පතක්
[data-portal-featured]- විශේෂිත සැලසුම් කාඩ්පත
[data-portal-block="…"]- සැලසුම් යට ඇති කොටසක්: perks, about, faq, video, gallery හෝ testimonials
.portal-card- කාඩ්පත් දෙකම
.portal-button- සාමාජිකයන් ඔබන සෑම බොත්තමක්ම
--portal-accent, --portal-accent-foreground- ඔබේ උච්චාරණ වර්ණය සහ ඒ මත ඇඳි පෙළ
--portal-accent-2, --portal-accent-2-foreground- දෙවන උච්චාරණ වර්ණය සහ ඒ මත ඇඳි පෙළ
--portal-bg, --portal-surface- කාඩ්පත් පිටුපස පිටුව සහ කාඩ්පත්
--portal-heading, --portal-text, --portal-muted- ශීර්ෂ, ප්රධාන පෙළ සහ සිරස්තල
--portal-faint, --portal-text-strong- ලාවම සිරස්තල සහ ශක්තිමත්ම ප්රධාන පෙළ
--portal-line, --portal-line-strong- සිහින් රේඛා සහ මායිම්
--portal-well, --portal-well-strong- ගිලුණු පුවරු සහ චිප්, විවේකයේ සහ එබූ විට
--portal-accent-ink, --portal-accent-soft, --portal-accent-line- උච්චාරණ වර්ණය පෙළක් ලෙස, ලා වර්ණයක් ලෙස සහ රේඛාවක් ලෙස
--portal-accent-2-ink, --portal-accent-2-soft, --portal-accent-2-line- දෙවන උච්චාරණ වර්ණය පෙළක්, ලා වර්ණයක් සහ රේඛාවක් ලෙස
--portal-radius-card, --portal-button-radius- කාඩ්පත් සහ බොත්තම්වල කොන් අරය
--portal-shadow-card, --portal-shadow-float, --portal-shadow-soft- සෙවණැලි ගැඹුරු තුන
--font-condensed, --font-sans- ශීර්ෂ අකුරු මුහුණත සහ පෙළ අකුරු මුහුණත
--portal-heading-case, --portal-button-case- ශීර්ෂ සහ බොත්තම් ලේබලවල අකුරු ස්වරූපය