├── .stylelintrc.js ├── .gitignore ├── .stylelintrc ├── LICENSE ├── README.md ├── avatar ├── __photo │ ├── _size │ │ ├── avatar__photo_size_l.post.css │ │ ├── avatar__photo_size_m.post.css │ │ ├── avatar__photo_size_s.post.css │ │ └── avatar__photo_size_xs.post.css │ └── avatar__photo.post.css ├── avatar.md └── avatar.post.css ├── badge ├── _view │ ├── badge_view_alert.post.css │ ├── badge_view_default.post.css │ ├── badge_view_success.post.css │ └── badge_view_warning.post.css ├── badge.md └── badge.post.css ├── decorator ├── _border │ ├── decorator_border_a.post.css │ ├── decorator_border_b.post.css │ ├── decorator_border_h.post.css │ ├── decorator_border_l.post.css │ ├── decorator_border_r.post.css │ ├── decorator_border_t.post.css │ └── decorator_border_v.post.css ├── _distribute │ ├── decorator_distribute_between.post.css │ ├── decorator_distribute_center.post.css │ ├── decorator_distribute_left.post.css │ └── decorator_distribute_right.post.css ├── _indent-a │ ├── decorator_indent-a_2xl.post.css │ ├── decorator_indent-a_2xs.post.css │ ├── decorator_indent-a_3xl.post.css │ ├── decorator_indent-a_3xs.post.css │ ├── decorator_indent-a_4xl.post.css │ ├── decorator_indent-a_5xl.post.css │ ├── decorator_indent-a_6xl.post.css │ ├── decorator_indent-a_l.post.css │ ├── decorator_indent-a_m.post.css │ ├── decorator_indent-a_none.post.css │ ├── decorator_indent-a_s.post.css │ ├── decorator_indent-a_xl.post.css │ └── decorator_indent-a_xs.post.css ├── _indent-b │ ├── decorator_indent-b_2xl.post.css │ ├── decorator_indent-b_2xs.post.css │ ├── decorator_indent-b_3xl.post.css │ ├── decorator_indent-b_3xs.post.css │ ├── decorator_indent-b_4xl.post.css │ ├── decorator_indent-b_5xl.post.css │ ├── decorator_indent-b_6xl.post.css │ ├── decorator_indent-b_l.post.css │ ├── decorator_indent-b_m.post.css │ ├── decorator_indent-b_none.post.css │ ├── decorator_indent-b_s.post.css │ ├── decorator_indent-b_xl.post.css │ └── decorator_indent-b_xs.post.css ├── _indent-h │ ├── decorator_indent-h_2xl.post.css │ ├── decorator_indent-h_2xs.post.css │ ├── decorator_indent-h_3xl.post.css │ ├── decorator_indent-h_3xs.post.css │ ├── decorator_indent-h_4xl.post.css │ ├── decorator_indent-h_5xl.post.css │ ├── decorator_indent-h_6xl.post.css │ ├── decorator_indent-h_auto.post.css │ ├── decorator_indent-h_l.post.css │ ├── decorator_indent-h_m.post.css │ ├── decorator_indent-h_none.post.css │ ├── decorator_indent-h_s.post.css │ ├── decorator_indent-h_xl.post.css │ └── decorator_indent-h_xs.post.css ├── _indent-l │ ├── decorator_indent-l_2xl.post.css │ ├── decorator_indent-l_2xs.post.css │ ├── decorator_indent-l_3xl.post.css │ ├── decorator_indent-l_3xs.post.css │ ├── decorator_indent-l_4xl.post.css │ ├── decorator_indent-l_5xl.post.css │ ├── decorator_indent-l_6xl.post.css │ ├── decorator_indent-l_l.post.css │ ├── decorator_indent-l_m.post.css │ ├── decorator_indent-l_none.post.css │ ├── decorator_indent-l_s.post.css │ ├── decorator_indent-l_xl.post.css │ └── decorator_indent-l_xs.post.css ├── _indent-r │ ├── decorator_indent-r_2xl.post.css │ ├── decorator_indent-r_2xs.post.css │ ├── decorator_indent-r_3xl.post.css │ ├── decorator_indent-r_3xs.post.css │ ├── decorator_indent-r_4xl.post.css │ ├── decorator_indent-r_5xl.post.css │ ├── decorator_indent-r_6xl.post.css │ ├── decorator_indent-r_l.post.css │ ├── decorator_indent-r_m.post.css │ ├── decorator_indent-r_none.post.css │ ├── decorator_indent-r_s.post.css │ ├── decorator_indent-r_xl.post.css │ └── decorator_indent-r_xs.post.css ├── _indent-t │ ├── decorator_indent-t_2xl.post.css │ ├── decorator_indent-t_2xs.post.css │ ├── decorator_indent-t_3xl.post.css │ ├── decorator_indent-t_3xs.post.css │ ├── decorator_indent-t_4xl.post.css │ ├── decorator_indent-t_5xl.post.css │ ├── decorator_indent-t_6xl.post.css │ ├── decorator_indent-t_l.post.css │ ├── decorator_indent-t_m.post.css │ ├── decorator_indent-t_none.post.css │ ├── decorator_indent-t_s.post.css │ ├── decorator_indent-t_xl.post.css │ └── decorator_indent-t_xs.post.css ├── _indent-v │ ├── decorator_indent-v_2xl.post.css │ ├── decorator_indent-v_2xs.post.css │ ├── decorator_indent-v_3xl.post.css │ ├── decorator_indent-v_3xs.post.css │ ├── decorator_indent-v_4xl.post.css │ ├── decorator_indent-v_5xl.post.css │ ├── decorator_indent-v_6xl.post.css │ ├── decorator_indent-v_auto.post.css │ ├── decorator_indent-v_l.post.css │ ├── decorator_indent-v_m.post.css │ ├── decorator_indent-v_none.post.css │ ├── decorator_indent-v_s.post.css │ ├── decorator_indent-v_xl.post.css │ └── decorator_indent-v_xs.post.css ├── _space-a │ ├── decorator_space-a_2xl.post.css │ ├── decorator_space-a_2xs.post.css │ ├── decorator_space-a_3xl.post.css │ ├── decorator_space-a_3xs.post.css │ ├── decorator_space-a_4xl.post.css │ ├── decorator_space-a_5xl.post.css │ ├── decorator_space-a_6xl.post.css │ ├── decorator_space-a_l.post.css │ ├── decorator_space-a_m.post.css │ ├── decorator_space-a_none.post.css │ ├── decorator_space-a_s.post.css │ ├── decorator_space-a_xl.post.css │ └── decorator_space-a_xs.post.css ├── _space-b │ ├── decorator_space-b_2xl.post.css │ ├── decorator_space-b_2xs.post.css │ ├── decorator_space-b_3xl.post.css │ ├── decorator_space-b_3xs.post.css │ ├── decorator_space-b_4xl.post.css │ ├── decorator_space-b_5xl.post.css │ ├── decorator_space-b_6xl.post.css │ ├── decorator_space-b_l.post.css │ ├── decorator_space-b_m.post.css │ ├── decorator_space-b_none.post.css │ ├── decorator_space-b_s.post.css │ ├── decorator_space-b_xl.post.css │ └── decorator_space-b_xs.post.css ├── _space-h │ ├── decorator_space-h_2xl.post.css │ ├── decorator_space-h_2xs.post.css │ ├── decorator_space-h_3xl.post.css │ ├── decorator_space-h_3xs.post.css │ ├── decorator_space-h_4xl.post.css │ ├── decorator_space-h_5xl.post.css │ ├── decorator_space-h_6xl.post.css │ ├── decorator_space-h_l.post.css │ ├── decorator_space-h_m.post.css │ ├── decorator_space-h_none.post.css │ ├── decorator_space-h_s.post.css │ ├── decorator_space-h_xl.post.css │ └── decorator_space-h_xs.post.css ├── _space-l │ ├── decorator_space-l_2xl.post.css │ ├── decorator_space-l_2xs.post.css │ ├── decorator_space-l_3xl.post.css │ ├── decorator_space-l_3xs.post.css │ ├── decorator_space-l_4xl.post.css │ ├── decorator_space-l_5xl.post.css │ ├── decorator_space-l_6xl.post.css │ ├── decorator_space-l_l.post.css │ ├── decorator_space-l_m.post.css │ ├── decorator_space-l_none.post.css │ ├── decorator_space-l_s.post.css │ ├── decorator_space-l_xl.post.css │ └── decorator_space-l_xs.post.css ├── _space-r │ ├── decorator_space-r_2xl.post.css │ ├── decorator_space-r_2xs.post.css │ ├── decorator_space-r_3xl.post.css │ ├── decorator_space-r_3xs.post.css │ ├── decorator_space-r_4xl.post.css │ ├── decorator_space-r_5xl.post.css │ ├── decorator_space-r_6xl.post.css │ ├── decorator_space-r_l.post.css │ ├── decorator_space-r_m.post.css │ ├── decorator_space-r_none.post.css │ ├── decorator_space-r_s.post.css │ ├── decorator_space-r_xl.post.css │ └── decorator_space-r_xs.post.css ├── _space-t │ ├── decorator_space-t_2xl.post.css │ ├── decorator_space-t_2xs.post.css │ ├── decorator_space-t_3xl.post.css │ ├── decorator_space-t_3xs.post.css │ ├── decorator_space-t_4xl.post.css │ ├── decorator_space-t_5xl.post.css │ ├── decorator_space-t_6xl.post.css │ ├── decorator_space-t_l.post.css │ ├── decorator_space-t_m.post.css │ ├── decorator_space-t_none.post.css │ ├── decorator_space-t_s.post.css │ ├── decorator_space-t_xl.post.css │ └── decorator_space-t_xs.post.css ├── _space-v │ ├── decorator_space-v_2xl.post.css │ ├── decorator_space-v_2xs.post.css │ ├── decorator_space-v_3xl.post.css │ ├── decorator_space-v_3xs.post.css │ ├── decorator_space-v_4xl.post.css │ ├── decorator_space-v_5xl.post.css │ ├── decorator_space-v_6xl.post.css │ ├── decorator_space-v_l.post.css │ ├── decorator_space-v_m.post.css │ ├── decorator_space-v_none.post.css │ ├── decorator_space-v_s.post.css │ ├── decorator_space-v_xl.post.css │ └── decorator_space-v_xs.post.css ├── _vertical-align │ ├── decorator_vertical-align_baseline.post.css │ ├── decorator_vertical-align_bottom.post.css │ ├── decorator_vertical-align_center.post.css │ └── decorator_vertical-align_top.post.css └── decorator.md ├── icon ├── _border │ ├── icon_border_alert.post.css │ ├── icon_border_brand.post.css │ ├── icon_border_ghost.post.css │ ├── icon_border_primary.post.css │ ├── icon_border_secondary.post.css │ ├── icon_border_success.post.css │ └── icon_border_warning.post.css ├── _round │ ├── icon_round_alert.post.css │ ├── icon_round_brand.post.css │ ├── icon_round_default.post.css │ ├── icon_round_ghost.post.css │ ├── icon_round_primary.post.css │ ├── icon_round_secondary.post.css │ ├── icon_round_success.post.css │ └── icon_round_warning.post.css ├── _size │ ├── icon_size_m.post.css │ └── icon_size_s.post.css ├── _view │ ├── icon_view_alert.post.css │ ├── icon_view_brand.post.css │ ├── icon_view_ghost.post.css │ ├── icon_view_link.post.css │ ├── icon_view_primary.post.css │ ├── icon_view_secondary.post.css │ ├── icon_view_success.post.css │ └── icon_view_warning.post.css ├── icon.md └── icon.post.css ├── package.json ├── pt-card ├── __content │ ├── _distribute │ │ ├── pt-card__content_distribute_between.post.css │ │ ├── pt-card__content_distribute_center.post.css │ │ ├── pt-card__content_distribute_default.post.css │ │ └── pt-card__content_distribute_right.post.css │ ├── _space-a │ │ ├── pt-card__content_space-a_2xl.post.css │ │ ├── pt-card__content_space-a_3xl.post.css │ │ ├── pt-card__content_space-a_4xl.post.css │ │ ├── pt-card__content_space-a_5xl.post.css │ │ ├── pt-card__content_space-a_l.post.css │ │ ├── pt-card__content_space-a_m.post.css │ │ ├── pt-card__content_space-a_s.post.css │ │ ├── pt-card__content_space-a_xl.post.css │ │ └── pt-card__content_space-a_xs.post.css │ ├── _space-b │ │ ├── pt-card__content_space-b_2xl.post.css │ │ ├── pt-card__content_space-b_3xl.post.css │ │ ├── pt-card__content_space-b_4xl.post.css │ │ ├── pt-card__content_space-b_5xl.post.css │ │ ├── pt-card__content_space-b_l.post.css │ │ ├── pt-card__content_space-b_m.post.css │ │ ├── pt-card__content_space-b_s.post.css │ │ ├── pt-card__content_space-b_xl.post.css │ │ └── pt-card__content_space-b_xs.post.css │ ├── _space-h │ │ ├── pt-card__content_space-h_2xl.post.css │ │ ├── pt-card__content_space-h_3xl.post.css │ │ ├── pt-card__content_space-h_4xl.post.css │ │ ├── pt-card__content_space-h_5xl.post.css │ │ ├── pt-card__content_space-h_l.post.css │ │ ├── pt-card__content_space-h_m.post.css │ │ ├── pt-card__content_space-h_s.post.css │ │ ├── pt-card__content_space-h_xl.post.css │ │ └── pt-card__content_space-h_xs.post.css │ ├── _space-t │ │ ├── pt-card__content_space-t_2xl.post.css │ │ ├── pt-card__content_space-t_3xl.post.css │ │ ├── pt-card__content_space-t_4xl.post.css │ │ ├── pt-card__content_space-t_5xl.post.css │ │ ├── pt-card__content_space-t_l.post.css │ │ ├── pt-card__content_space-t_m.post.css │ │ ├── pt-card__content_space-t_s.post.css │ │ ├── pt-card__content_space-t_xl.post.css │ │ └── pt-card__content_space-t_xs.post.css │ ├── _space-v │ │ ├── pt-card__content_space-v_2xl.post.css │ │ ├── pt-card__content_space-v_3xl.post.css │ │ ├── pt-card__content_space-v_4xl.post.css │ │ ├── pt-card__content_space-v_5xl.post.css │ │ ├── pt-card__content_space-v_l.post.css │ │ ├── pt-card__content_space-v_m.post.css │ │ ├── pt-card__content_space-v_s.post.css │ │ ├── pt-card__content_space-v_xl.post.css │ │ └── pt-card__content_space-v_xs.post.css │ ├── _vertical-align │ │ ├── pt-card__content_vertical-align_baseline.post.css │ │ ├── pt-card__content_vertical-align_bottom.post.css │ │ ├── pt-card__content_vertical-align_center.post.css │ │ └── pt-card__content_vertical-align_top.post.css │ └── pt-card__content.post.css ├── __footer │ ├── _border │ │ └── pt-card__footer_border_top.post.css │ ├── _distribute │ │ ├── pt-card__footer_distribute_between.post.css │ │ ├── pt-card__footer_distribute_center.post.css │ │ ├── pt-card__footer_distribute_default.post.css │ │ └── pt-card__footer_distribute_right.post.css │ ├── _space-a │ │ ├── pt-card__footer_space-a_2xl.post.css │ │ ├── pt-card__footer_space-a_3xl.post.css │ │ ├── pt-card__footer_space-a_4xl.post.css │ │ ├── pt-card__footer_space-a_5xl.post.css │ │ ├── pt-card__footer_space-a_l.post.css │ │ ├── pt-card__footer_space-a_m.post.css │ │ ├── pt-card__footer_space-a_s.post.css │ │ ├── pt-card__footer_space-a_xl.post.css │ │ └── pt-card__footer_space-a_xs.post.css │ ├── _space-h │ │ ├── pt-card__footer_space-h_2xl.post.css │ │ ├── pt-card__footer_space-h_3xl.post.css │ │ ├── pt-card__footer_space-h_4xl.post.css │ │ ├── pt-card__footer_space-h_5xl.post.css │ │ ├── pt-card__footer_space-h_l.post.css │ │ ├── pt-card__footer_space-h_m.post.css │ │ ├── pt-card__footer_space-h_s.post.css │ │ ├── pt-card__footer_space-h_xl.post.css │ │ └── pt-card__footer_space-h_xs.post.css │ ├── _space-v │ │ ├── pt-card__footer_space-v_2xl.post.css │ │ ├── pt-card__footer_space-v_3xl.post.css │ │ ├── pt-card__footer_space-v_4xl.post.css │ │ ├── pt-card__footer_space-v_5xl.post.css │ │ ├── pt-card__footer_space-v_l.post.css │ │ ├── pt-card__footer_space-v_m.post.css │ │ ├── pt-card__footer_space-v_s.post.css │ │ ├── pt-card__footer_space-v_xl.post.css │ │ └── pt-card__footer_space-v_xs.post.css │ ├── _vertical-align │ │ ├── pt-card__footer_vertical-align_baseline.post.css │ │ ├── pt-card__footer_vertical-align_bottom.post.css │ │ ├── pt-card__footer_vertical-align_center.post.css │ │ └── pt-card__footer_vertical-align_top.post.css │ └── pt-card__footer.post.css ├── __header │ ├── _border │ │ └── pt-card__header_border_bottom.post.css │ ├── _distribute │ │ ├── pt-card__header_distribute_between.post.css │ │ ├── pt-card__header_distribute_center.post.css │ │ ├── pt-card__header_distribute_default.post.css │ │ └── pt-card__header_distribute_right.post.css │ ├── _space-a │ │ ├── pt-card__header_space-a_2xl.post.css │ │ ├── pt-card__header_space-a_3xl.post.css │ │ ├── pt-card__header_space-a_4xl.post.css │ │ ├── pt-card__header_space-a_5xl.post.css │ │ ├── pt-card__header_space-a_l.post.css │ │ ├── pt-card__header_space-a_m.post.css │ │ ├── pt-card__header_space-a_s.post.css │ │ ├── pt-card__header_space-a_xl.post.css │ │ └── pt-card__header_space-a_xs.post.css │ ├── _space-h │ │ ├── pt-card__header_space-h_2xl.post.css │ │ ├── pt-card__header_space-h_3xl.post.css │ │ ├── pt-card__header_space-h_4xl.post.css │ │ ├── pt-card__header_space-h_5xl.post.css │ │ ├── pt-card__header_space-h_l.post.css │ │ ├── pt-card__header_space-h_m.post.css │ │ ├── pt-card__header_space-h_s.post.css │ │ ├── pt-card__header_space-h_xl.post.css │ │ └── pt-card__header_space-h_xs.post.css │ ├── _space-v │ │ ├── pt-card__header_space-v_2xl.post.css │ │ ├── pt-card__header_space-v_3xl.post.css │ │ ├── pt-card__header_space-v_4xl.post.css │ │ ├── pt-card__header_space-v_5xl.post.css │ │ ├── pt-card__header_space-v_l.post.css │ │ ├── pt-card__header_space-v_m.post.css │ │ ├── pt-card__header_space-v_s.post.css │ │ ├── pt-card__header_space-v_xl.post.css │ │ └── pt-card__header_space-v_xs.post.css │ └── pt-card__header.post.css ├── __image │ ├── _size │ │ └── pt-card__image_size_cover.post.css │ └── pt-card__image.post.css ├── _border │ ├── pt-card_border_all.post.css │ └── pt-card_border_around.post.css ├── _shadow │ └── pt-card_shadow_cloud.post.css ├── _vertical-align │ ├── pt-card_vertical-align_bottom.post.css │ ├── pt-card_vertical-align_center.post.css │ └── pt-card_vertical-align_top.post.css ├── _view │ └── pt-card_view_default.post.css ├── pt-card.md └── pt-card.post.css ├── pt-form ├── __control │ ├── _distribute │ │ ├── pt-form__control_distribute_between.post.css │ │ ├── pt-form__control_distribute_default.post.css │ │ └── pt-form__control_distribute_right.post.css │ ├── _vertical-align │ │ ├── pt-form__control_vertical-align_bottom.post.css │ │ ├── pt-form__control_vertical-align_center.post.css │ │ └── pt-form__control_vertical-align_top.post.css │ └── pt-form__control.post.css ├── __item │ └── _no-structure │ │ └── pt-form__item_no-structure.post.css ├── __label │ └── pt-form__label.post.css ├── __section │ ├── _border │ │ ├── pt-form__section_border_both.post.css │ │ ├── pt-form__section_border_bottom.post.css │ │ └── pt-form__section_border_top.post.css │ └── _space-v │ │ ├── pt-form__section_space-v_2xl.post.css │ │ ├── pt-form__section_space-v_3xl.post.css │ │ ├── pt-form__section_space-v_4xl.post.css │ │ ├── pt-form__section_space-v_5xl.post.css │ │ ├── pt-form__section_space-v_l.post.css │ │ ├── pt-form__section_space-v_m.post.css │ │ ├── pt-form__section_space-v_s.post.css │ │ ├── pt-form__section_space-v_xl.post.css │ │ └── pt-form__section_space-v_xs.post.css ├── _border │ ├── pt-form_border_all.post.css │ └── pt-form_border_around.post.css ├── _bordered │ └── pt-form_bordered.post.css ├── _space-a │ ├── pt-form_space-a_2xl.post.css │ ├── pt-form_space-a_3xl.post.css │ ├── pt-form_space-a_4xl.post.css │ ├── pt-form_space-a_5xl.post.css │ ├── pt-form_space-a_l.post.css │ ├── pt-form_space-a_m.post.css │ ├── pt-form_space-a_s.post.css │ ├── pt-form_space-a_xl.post.css │ └── pt-form_space-a_xs.post.css ├── _space-h │ ├── pt-form_space-h_2xl.post.css │ ├── pt-form_space-h_3xl.post.css │ ├── pt-form_space-h_4xl.post.css │ ├── pt-form_space-h_5xl.post.css │ ├── pt-form_space-h_l.post.css │ ├── pt-form_space-h_m.post.css │ ├── pt-form_space-h_s.post.css │ ├── pt-form_space-h_xl.post.css │ └── pt-form_space-h_xs.post.css ├── _space-v │ ├── pt-form_space-v_2xl.post.css │ ├── pt-form_space-v_3xl.post.css │ ├── pt-form_space-v_4xl.post.css │ ├── pt-form_space-v_5xl.post.css │ ├── pt-form_space-v_l.post.css │ ├── pt-form_space-v_m.post.css │ ├── pt-form_space-v_s.post.css │ ├── pt-form_space-v_xl.post.css │ └── pt-form_space-v_xs.post.css ├── _structure │ ├── pt-form_structure_10-90.post.css │ ├── pt-form_structure_20-80.post.css │ ├── pt-form_structure_30-70.post.css │ ├── pt-form_structure_40-60.post.css │ ├── pt-form_structure_50-50.post.css │ ├── pt-form_structure_60-40.post.css │ ├── pt-form_structure_70-30.post.css │ ├── pt-form_structure_80-20.post.css │ └── pt-form_structure_90-10.post.css ├── _vertical-align │ ├── pt-form_vertical-align_baseline.post.css │ ├── pt-form_vertical-align_bottom.post.css │ ├── pt-form_vertical-align_center.post.css │ └── pt-form_vertical-align_top.post.css ├── _view │ └── pt-form_view_default.post.css └── pt-form.md ├── pt-icon-plus ├── __icon │ ├── _indent-l │ │ ├── pt-icon-plus__icon_indent-l_2xl.post.css │ │ ├── pt-icon-plus__icon_indent-l_2xs.post.css │ │ ├── pt-icon-plus__icon_indent-l_3xl.post.css │ │ ├── pt-icon-plus__icon_indent-l_4xl.post.css │ │ ├── pt-icon-plus__icon_indent-l_5xl.post.css │ │ ├── pt-icon-plus__icon_indent-l_l.post.css │ │ ├── pt-icon-plus__icon_indent-l_m.post.css │ │ ├── pt-icon-plus__icon_indent-l_s.post.css │ │ ├── pt-icon-plus__icon_indent-l_xl.post.css │ │ └── pt-icon-plus__icon_indent-l_xs.post.css │ ├── _indent-r │ │ ├── pt-icon-plus__icon_indent-r_2xl.post.css │ │ ├── pt-icon-plus__icon_indent-r_2xs.post.css │ │ ├── pt-icon-plus__icon_indent-r_3xl.post.css │ │ ├── pt-icon-plus__icon_indent-r_4xl.post.css │ │ ├── pt-icon-plus__icon_indent-r_5xl.post.css │ │ ├── pt-icon-plus__icon_indent-r_l.post.css │ │ ├── pt-icon-plus__icon_indent-r_m.post.css │ │ ├── pt-icon-plus__icon_indent-r_s.post.css │ │ ├── pt-icon-plus__icon_indent-r_xl.post.css │ │ └── pt-icon-plus__icon_indent-r_xs.post.css │ ├── _indent │ │ ├── pt-icon-plus__icon_indent_2xl.post.css │ │ ├── pt-icon-plus__icon_indent_2xs.post.css │ │ ├── pt-icon-plus__icon_indent_3xl.post.css │ │ ├── pt-icon-plus__icon_indent_4xl.post.css │ │ ├── pt-icon-plus__icon_indent_5xl.post.css │ │ ├── pt-icon-plus__icon_indent_l.post.css │ │ ├── pt-icon-plus__icon_indent_m.post.css │ │ ├── pt-icon-plus__icon_indent_s.post.css │ │ ├── pt-icon-plus__icon_indent_xl.post.css │ │ └── pt-icon-plus__icon_indent_xs.post.css │ ├── _offset │ │ ├── pt-icon-plus__icon_offset_2xs.post.css │ │ ├── pt-icon-plus__icon_offset_l.post.css │ │ ├── pt-icon-plus__icon_offset_m.post.css │ │ ├── pt-icon-plus__icon_offset_no.post.css │ │ ├── pt-icon-plus__icon_offset_s.post.css │ │ └── pt-icon-plus__icon_offset_xs.post.css │ └── pt-icon-plus__icon.post.css ├── _distribute │ ├── pt-icon-plus_distribute_between.post.css │ └── pt-icon-plus_distribute_center.post.css ├── _vertical-align │ ├── pt-icon-plus_vertical-align_baseline.post.css │ ├── pt-icon-plus_vertical-align_bottom.post.css │ ├── pt-icon-plus_vertical-align_center.post.css │ └── pt-icon-plus_vertical-align_top.post.css ├── pt-icon-plus.md └── pt-icon-plus.post.css ├── pt-informer ├── _space-a │ ├── pt-informer_space-a_2xl.post.css │ ├── pt-informer_space-a_3xl.post.css │ ├── pt-informer_space-a_4xl.post.css │ ├── pt-informer_space-a_5xl.post.css │ ├── pt-informer_space-a_l.post.css │ ├── pt-informer_space-a_m.post.css │ ├── pt-informer_space-a_s.post.css │ └── pt-informer_space-a_xl.post.css ├── _space-h │ ├── pt-informer_space-h_2xl.post.css │ ├── pt-informer_space-h_3xl.post.css │ ├── pt-informer_space-h_4xl.post.css │ ├── pt-informer_space-h_5xl.post.css │ ├── pt-informer_space-h_l.post.css │ ├── pt-informer_space-h_m.post.css │ ├── pt-informer_space-h_s.post.css │ └── pt-informer_space-h_xl.post.css ├── _space-v │ ├── pt-informer_space-v_2xl.post.css │ ├── pt-informer_space-v_3xl.post.css │ ├── pt-informer_space-v_4xl.post copy.css │ ├── pt-informer_space-v_4xl.post.css │ ├── pt-informer_space-v_l.post.css │ ├── pt-informer_space-v_m.post.css │ ├── pt-informer_space-v_s.post.css │ └── pt-informer_space-v_xl.post.css ├── _view │ ├── pt-informer_view_alert.post.css │ ├── pt-informer_view_default.post.css │ ├── pt-informer_view_normal.post.css │ ├── pt-informer_view_success.post.css │ ├── pt-informer_view_system.post.css │ └── pt-informer_view_warning.post.css └── pt-informer.md ├── pt-list ├── _bordered │ └── pt-list_bordered.post.css ├── _distribute │ ├── pt-list_distribute_between.post.css │ └── pt-list_distribute_default.post.css ├── _indent-v │ ├── pt-list_indent-v_2xl.post.css │ ├── pt-list_indent-v_2xs.post.css │ ├── pt-list_indent-v_3xl.post.css │ ├── pt-list_indent-v_3xs.post.css │ ├── pt-list_indent-v_4xl.post.css │ ├── pt-list_indent-v_l.post.css │ ├── pt-list_indent-v_m.post.css │ ├── pt-list_indent-v_s.post.css │ ├── pt-list_indent-v_xl.post.css │ └── pt-list_indent-v_xs.post.css ├── _space-a │ ├── pt-list_space-a_2xl.post.css │ ├── pt-list_space-a_2xs.post.css │ ├── pt-list_space-a_3xl.post.css │ ├── pt-list_space-a_3xs.post.css │ ├── pt-list_space-a_4xl.post.css │ ├── pt-list_space-a_l.post.css │ ├── pt-list_space-a_m.post.css │ ├── pt-list_space-a_s.post.css │ ├── pt-list_space-a_xl.post.css │ └── pt-list_space-a_xs.post.css ├── _space-h │ ├── pt-list_space-h_2xl.post.css │ ├── pt-list_space-h_2xs.post.css │ ├── pt-list_space-h_3xl.post.css │ ├── pt-list_space-h_3xs.post.css │ ├── pt-list_space-h_4xl.post.css │ ├── pt-list_space-h_l.post.css │ ├── pt-list_space-h_m.post.css │ ├── pt-list_space-h_s.post.css │ ├── pt-list_space-h_xl.post.css │ └── pt-list_space-h_xs.post.css ├── _space-l │ ├── pt-list_space-l_2xl.post.css │ ├── pt-list_space-l_2xs.post.css │ ├── pt-list_space-l_3xl.post.css │ ├── pt-list_space-l_3xs.post.css │ ├── pt-list_space-l_4xl.post.css │ ├── pt-list_space-l_l.post.css │ ├── pt-list_space-l_m.post.css │ ├── pt-list_space-l_s.post.css │ ├── pt-list_space-l_xl.post.css │ └── pt-list_space-l_xs.post.css ├── _space-r │ ├── pt-list_space-r_2xl.post.css │ ├── pt-list_space-r_2xs.post.css │ ├── pt-list_space-r_3xl.post.css │ ├── pt-list_space-r_3xs.post.css │ ├── pt-list_space-r_4xl.post.css │ ├── pt-list_space-r_l.post.css │ ├── pt-list_space-r_m.post.css │ ├── pt-list_space-r_s.post.css │ ├── pt-list_space-r_xl.post.css │ └── pt-list_space-r_xs.post.css ├── _space-v │ ├── pt-list_space-v_2xl.post.css │ ├── pt-list_space-v_2xs.post.css │ ├── pt-list_space-v_3xl.post.css │ ├── pt-list_space-v_3xs.post.css │ ├── pt-list_space-v_4xl.post.css │ ├── pt-list_space-v_l.post.css │ ├── pt-list_space-v_m.post.css │ ├── pt-list_space-v_s.post.css │ ├── pt-list_space-v_xl.post.css │ └── pt-list_space-v_xs.post.css ├── _stripe │ ├── pt-list_stripe_even.post.css │ └── pt-list_stripe_odd.post.css ├── _vertical-align │ ├── pt-list_vertical-align_baseline.post.css │ ├── pt-list_vertical-align_center.post.css │ └── pt-list_vertical-align_top.post.css ├── _view │ └── pt-list_view_default.post.css └── pt-list.md ├── pt-surface ├── __close │ ├── _view │ │ ├── pt-surface__close_view_desktop.post.css │ │ └── pt-surface__close_view_mobile.post.css │ └── pt-surface__close.post.css ├── __content │ ├── _size │ │ ├── pt-surface__content_size_full.post.css │ │ ├── pt-surface__content_size_m.post.css │ │ ├── pt-surface__content_size_s.post.css │ │ └── pt-surface__content_size_xs.post.css │ ├── _space-a │ │ ├── pt-surface__content_space-a_2xl.post.css │ │ ├── pt-surface__content_space-a_3xl.post.css │ │ ├── pt-surface__content_space-a_4xl.post.css │ │ ├── pt-surface__content_space-a_5xl.post.css │ │ ├── pt-surface__content_space-a_l.post.css │ │ ├── pt-surface__content_space-a_m.post.css │ │ ├── pt-surface__content_space-a_s.post.css │ │ └── pt-surface__content_space-a_xl.post.css │ ├── _space-b │ │ ├── pt-surface__content_space-b_2xl.css │ │ ├── pt-surface__content_space-b_3xl.post.css │ │ ├── pt-surface__content_space-b_4xl.post.css │ │ ├── pt-surface__content_space-b_5xl.post.css │ │ ├── pt-surface__content_space-b_l.post.css │ │ ├── pt-surface__content_space-b_m.post.css │ │ ├── pt-surface__content_space-b_s.post.css │ │ └── pt-surface__content_space-b_xl.post.css │ ├── _space-h │ │ ├── pt-surface__content_space-h_2xl.post.css │ │ ├── pt-surface__content_space-h_3xl.post.css │ │ ├── pt-surface__content_space-h_4xl.post.css │ │ ├── pt-surface__content_space-h_5xl.post.css │ │ ├── pt-surface__content_space-h_l.post.css │ │ ├── pt-surface__content_space-h_m.post.css │ │ ├── pt-surface__content_space-h_s.post.css │ │ └── pt-surface__content_space-h_xl.post.css │ ├── _space-l │ │ ├── pt-surface__content_space-l_2xl.post.css │ │ ├── pt-surface__content_space-l_3xl.post.css │ │ ├── pt-surface__content_space-l_4xl.post.css │ │ ├── pt-surface__content_space-l_5xl.post.css │ │ ├── pt-surface__content_space-l_l.post.css │ │ ├── pt-surface__content_space-l_m.post.css │ │ ├── pt-surface__content_space-l_s.post.css │ │ └── pt-surface__content_space-l_xl.post.css │ ├── _space-r │ │ ├── pt-surface__content_space-r_2xl.post.css │ │ ├── pt-surface__content_space-r_3xl.post.css │ │ ├── pt-surface__content_space-r_4xl.post.css │ │ ├── pt-surface__content_space-r_5xl.post.css │ │ ├── pt-surface__content_space-r_l.post.css │ │ ├── pt-surface__content_space-r_m.post.css │ │ ├── pt-surface__content_space-r_s.post.css │ │ └── pt-surface__content_space-r_xl.post.css │ ├── _space-t │ │ ├── pt-surface__content_space-t_2xl.post.css │ │ ├── pt-surface__content_space-t_3xl.post.css │ │ ├── pt-surface__content_space-t_4xl.post.css │ │ ├── pt-surface__content_space-t_5xl.post.css │ │ ├── pt-surface__content_space-t_l.post.css │ │ ├── pt-surface__content_space-t_m.post.css │ │ ├── pt-surface__content_space-t_s.post.css │ │ └── pt-surface__content_space-t_xl.post.css │ ├── _space-v │ │ ├── pt-surface__content_space-v_2xl.post.css │ │ ├── pt-surface__content_space-v_3xl.post.css │ │ ├── pt-surface__content_space-v_4xl.post.css │ │ ├── pt-surface__content_space-v_5xl.post.css │ │ ├── pt-surface__content_space-v_l.post.css │ │ ├── pt-surface__content_space-v_m.post.css │ │ ├── pt-surface__content_space-v_s.post.css │ │ └── pt-surface__content_space-v_xl.post.css │ ├── _view │ │ └── pt-surface__content_view_default.post.css │ └── pt-surface__content.post.css ├── __window │ └── pt-surface__window.post.css ├── _view │ ├── pt-surface_view_soft.post.css │ └── pt-surface_view_tone.post.css ├── pt-surface.md └── pt-surface.post.css ├── pt-table ├── __col │ ├── _align │ │ ├── pt-table__col_align_center.post.css │ │ ├── pt-table__col_align_left.post.css │ │ └── pt-table__col_align_right.post.css │ ├── _width │ │ ├── pt-table__col_width_10.post.css │ │ ├── pt-table__col_width_100.post.css │ │ ├── pt-table__col_width_15.post.css │ │ ├── pt-table__col_width_20.post.css │ │ ├── pt-table__col_width_25.post.css │ │ ├── pt-table__col_width_30.post.css │ │ ├── pt-table__col_width_35.post.css │ │ ├── pt-table__col_width_40.post.css │ │ ├── pt-table__col_width_45.post.css │ │ ├── pt-table__col_width_5.post.css │ │ ├── pt-table__col_width_50.post.css │ │ ├── pt-table__col_width_55.post.css │ │ ├── pt-table__col_width_60.post.css │ │ ├── pt-table__col_width_65.post.css │ │ ├── pt-table__col_width_70.post.css │ │ ├── pt-table__col_width_75.post.css │ │ ├── pt-table__col_width_80.post.css │ │ ├── pt-table__col_width_85.post.css │ │ ├── pt-table__col_width_90.post.css │ │ └── pt-table__col_width_95.post.css │ └── pt-table__col.post.css ├── __row │ ├── _status │ │ ├── pt-table__row_status_alert.post.css │ │ ├── pt-table__row_status_default.post.css │ │ ├── pt-table__row_status_success.post.css │ │ └── pt-table__row_status_warning.post.css │ ├── _view │ │ └── pt-table__row_view_head.post.css │ └── pt-table__row.post.css ├── _border │ ├── pt-table_border_around.post.css │ └── pt-table_border_between.post.css ├── _space-a │ ├── pt-table_space-a_l.post.css │ ├── pt-table_space-a_m.post.css │ ├── pt-table_space-a_s.post.css │ └── pt-table_space-a_xs.post.css ├── _space-h │ ├── pt-table_space-h_l.post.css │ ├── pt-table_space-h_m.post.css │ ├── pt-table_space-h_s.post.css │ └── pt-table_space-h_xs.post.css ├── _space-v │ ├── pt-table_space-v_l.post.css │ ├── pt-table_space-v_m.post.css │ ├── pt-table_space-v_s.post.css │ └── pt-table_space-v_xs.post.css ├── _stripe │ ├── pt-table_stripe_even.post.css │ └── pt-table_stripe_odd.post.css ├── _vertical-align │ ├── pt-table_vertical-align_bottom.post.css │ ├── pt-table_vertical-align_center.post.css │ └── pt-table_vertical-align_top.post.css ├── _view │ └── pt-table_view_default.post.css └── pt-table.md ├── tag ├── __delete │ └── _indent-l │ │ ├── tag__delete_indent-l_l.post.css │ │ ├── tag__delete_indent-l_m.post.css │ │ ├── tag__delete_indent-l_s.post.css │ │ ├── tag__delete_indent-l_xs.post.css │ │ └── tag__delete_indent-l_xxs.post.css ├── __text │ └── tag__text.post.css ├── _size │ ├── tag_size_m.post.css │ └── tag_size_s.post.css ├── _view │ ├── tag_view_default.post.css │ ├── tag_view_disable.post.css │ └── tag_view_link.post.css ├── tag.md └── tag.post.css ├── text ├── _align │ ├── text_align_center.post.css │ ├── text_align_left.post.css │ └── text_align_right.post.css ├── _decoration │ └── text_decoration_underline.post.css ├── _display │ ├── text_display_block.post.css │ ├── text_display_inline-block.post.css │ └── text_display_inline.post.css ├── _font │ ├── text_font_mono.post.css │ ├── text_font_sans.post.css │ └── text_font_serif.post.css ├── _line-height │ ├── text_line-height_2xs.post.css │ ├── text_line-height_l.post.css │ ├── text_line-height_m.post.css │ ├── text_line-height_s.post.css │ └── text_line-height_xs.post.css ├── _size │ ├── text_size_2xl.post.css │ ├── text_size_2xs.post.css │ ├── text_size_3xl.post.css │ ├── text_size_4xl.post.css │ ├── text_size_5xl.post.css │ ├── text_size_6xl.post.css │ ├── text_size_l.post.css │ ├── text_size_m.post.css │ ├── text_size_s.post.css │ ├── text_size_xl.post.css │ └── text_size_xs.post.css ├── _spacing │ ├── text_spacing_l.post.css │ ├── text_spacing_m.post.css │ ├── text_spacing_s.post.css │ └── text_spacing_xs.post.css ├── _style │ └── text_style_italic.post.css ├── _transform │ └── text_transform_uppercase.post.css ├── _type │ ├── text_type_blockquote.post.css │ ├── text_type_h1.post.css │ ├── text_type_h2.post.css │ ├── text_type_h3.post.css │ └── text_type_p.post.css ├── _view │ ├── text_view_alert.post.css │ ├── text_view_brand.post.css │ ├── text_view_ghost.post.css │ ├── text_view_link-minor.post.css │ ├── text_view_link.post.css │ ├── text_view_primary.post.css │ ├── text_view_secondary.post.css │ ├── text_view_success.post.css │ └── text_view_warning.post.css ├── _weight │ ├── text_weight_black.post.css │ ├── text_weight_bold.post.css │ ├── text_weight_light.post.css │ ├── text_weight_regular.post.css │ ├── text_weight_semibold.post.css │ └── text_weight_thin.post.css ├── _width │ └── text_width_default.post.css ├── text.md └── text.post.css ├── theme ├── _breakpoint │ └── theme_breakpoint_default.post.css ├── _color │ ├── theme_color_whitepaper-alert.post.css │ ├── theme_color_whitepaper-brand.post.css │ ├── theme_color_whitepaper-default.post.css │ ├── theme_color_whitepaper-inverse.post.css │ ├── theme_color_whitepaper-normal.post.css │ ├── theme_color_whitepaper-success.post.css │ ├── theme_color_whitepaper-system.post.css │ └── theme_color_whitepaper-warning.post.css ├── _font │ └── theme_font_default.post.css ├── _gap │ ├── theme_gap_large.post.css │ ├── theme_gap_medium.post.css │ └── theme_gap_small.post.css ├── _size │ └── theme_size_default.post.css ├── _space │ └── theme_space_default.post.css ├── theme.md └── theme.post.css ├── tpl-grid ├── __fraction │ ├── _col │ │ ├── tpl-grid__fraction_col_1.post.css │ │ ├── tpl-grid__fraction_col_10.post.css │ │ ├── tpl-grid__fraction_col_11.post.css │ │ ├── tpl-grid__fraction_col_12.post.css │ │ ├── tpl-grid__fraction_col_2.post.css │ │ ├── tpl-grid__fraction_col_3.post.css │ │ ├── tpl-grid__fraction_col_4.post.css │ │ ├── tpl-grid__fraction_col_5.post.css │ │ ├── tpl-grid__fraction_col_6.post.css │ │ ├── tpl-grid__fraction_col_7.post.css │ │ ├── tpl-grid__fraction_col_8.post.css │ │ └── tpl-grid__fraction_col_9.post.css │ ├── _row │ │ ├── tpl-grid__fraction_row_1.post.css │ │ ├── tpl-grid__fraction_row_2.post.css │ │ ├── tpl-grid__fraction_row_3.post.css │ │ └── tpl-grid__fraction_row_4.post.css │ └── tpl-grid__fraction.post.css ├── _col-gap │ ├── tpl-grid_col-gap_full.post.css │ ├── tpl-grid_col-gap_half.post.css │ ├── tpl-grid_col-gap_none.post.css │ ├── tpl-grid_col-gap_third.post.css │ └── tpl-grid_col-gap_two-thirds.post.css ├── _columns │ ├── tpl-grid_columns_10.post.css │ └── tpl-grid_columns_12.post.css ├── _ratio │ ├── tpl-grid_ratio_1-1-1-1-1-1.post.css │ ├── tpl-grid_ratio_1-1-1-1-1.post.css │ ├── tpl-grid_ratio_1-1-1-1.post.css │ ├── tpl-grid_ratio_1-1-1.post.css │ └── tpl-grid_ratio_1-1.post.css ├── _row-gap │ ├── tpl-grid_row-gap_full.post.css │ ├── tpl-grid_row-gap_half.post.css │ ├── tpl-grid_row-gap_none.post.css │ ├── tpl-grid_row-gap_third.post.css │ └── tpl-grid_row-gap_two-thirds.post.css ├── _vertical-align │ ├── tpl-grid_vertical-align_center.post.css │ └── tpl-grid_vertical-align_top.post.css ├── tpl-grid.md └── tpl-grid.post.css ├── tpl-layout ├── __container │ ├── _distribute │ │ └── tpl-layout__container_distribute_center.post.css │ ├── _size │ │ ├── tpl-layout__container_size_full.post.css │ │ ├── tpl-layout__container_size_m.post.css │ │ ├── tpl-layout__container_size_s.post.css │ │ └── tpl-layout__container_size_xs.post.css │ └── tpl-layout__container.post.css ├── __content │ └── tpl-layout__content.post.css ├── __heading │ └── tpl-layout__heading.post.css ├── __panel │ └── tpl-layout__panel.post.css ├── __section │ └── tpl-layout__section.post.css ├── _structure │ ├── tpl-layout_structure_10-90.post.css │ ├── tpl-layout_structure_20-60-20.post.css │ ├── tpl-layout_structure_30-70.post.css │ ├── tpl-layout_structure_50-50.post.css │ ├── tpl-layout_structure_70-30.post.css │ └── tpl-layout_structure_90-10.post.css ├── tpl-layout.md └── tpl-layout.post.css └── vector ├── _size └── vector_size_m.post.css └── vector.md / .stylelintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | "extends": [ 3 | "stylelint-config-standard"], 4 | "rules": { 5 | "color-no-invalid-hex": true, 6 | "color-hex-case": "lower", 7 | "indentation": "tab" 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .DS_Store 3 | .idea/ 4 | *.iml 5 | .project 6 | .svn 7 | npm-debug.log 8 | -------------------------------------------------------------------------------- /.stylelintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "stylelint-config-standard"], 4 | "rules": { 5 | "indentation": "tab" 6 | } 7 | } -------------------------------------------------------------------------------- /avatar/__photo/_size/avatar__photo_size_l.post.css: -------------------------------------------------------------------------------- 1 | .avatar__photo_size_l { 2 | width: var(--graphics-size-3xl); 3 | height: var(--graphics-size-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /avatar/__photo/_size/avatar__photo_size_m.post.css: -------------------------------------------------------------------------------- 1 | .avatar__photo_size_m { 2 | width: var(--graphics-size-2xl); 3 | height: var(--graphics-size-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /avatar/__photo/_size/avatar__photo_size_s.post.css: -------------------------------------------------------------------------------- 1 | .avatar__photo_size_s { 2 | width: var(--graphics-size-xl); 3 | height: var(--graphics-size-xl); 4 | } 5 | -------------------------------------------------------------------------------- /avatar/__photo/_size/avatar__photo_size_xs.post.css: -------------------------------------------------------------------------------- 1 | .avatar__photo_size_xs { 2 | width: var(--graphics-size-l); 3 | height: var(--graphics-size-l); 4 | } 5 | -------------------------------------------------------------------------------- /avatar/avatar.post.css: -------------------------------------------------------------------------------- 1 | .avatar { 2 | display: inline-block; 3 | position: relative; 4 | } 5 | -------------------------------------------------------------------------------- /badge/_view/badge_view_alert.post.css: -------------------------------------------------------------------------------- 1 | .badge_view_alert { 2 | color: var(--color-typo-alert); 3 | 4 | &::before { 5 | background: var(--color-bg-alert); 6 | opacity: 0.15; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /badge/_view/badge_view_default.post.css: -------------------------------------------------------------------------------- 1 | .badge_view_default { 2 | color: var(--color-typo-secondary); 3 | 4 | &::before { 5 | background: var(--color-bg-ghost); 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /badge/_view/badge_view_success.post.css: -------------------------------------------------------------------------------- 1 | .badge_view_success { 2 | color: var(--color-typo-success); 3 | 4 | &::before { 5 | background: var(--color-bg-success); 6 | opacity: 0.15; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /badge/_view/badge_view_warning.post.css: -------------------------------------------------------------------------------- 1 | .badge_view_warning { 2 | color: var(--color-typo-warning); 3 | 4 | &::before { 5 | background: var(--color-bg-warning); 6 | opacity: 0.15; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_a.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_a { 2 | border: var(--border-width-default) solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_b.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_b { 2 | border-bottom: var(--border-width-default) solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_h.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_h { 2 | border-left: var(--border-width-default) solid var(--color-bg-border); 3 | border-right: var(--border-width-default) solid var(--color-bg-border); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_l { 2 | border-left: var(--border-width-default) solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_r.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_r { 2 | border-right: var(--border-width-default) solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_t.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_t { 2 | border-top: var(--border-width-default) solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_border/decorator_border_v.post.css: -------------------------------------------------------------------------------- 1 | .decorator_border_v { 2 | border-top: var(--border-width-default) solid var(--color-bg-border); 3 | border-bottom: var(--border-width-default) solid var(--color-bg-border); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_distribute/decorator_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .decorator_distribute_between { 2 | display: flex; 3 | justify-content: space-between; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_distribute/decorator_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .decorator_distribute_center { 2 | display: flex; 3 | justify-content: center; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_distribute/decorator_distribute_left.post.css: -------------------------------------------------------------------------------- 1 | .decorator_distribute_left { 2 | display: flex; 3 | justify-content: flex-start; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_distribute/decorator_distribute_right.post.css: -------------------------------------------------------------------------------- 1 | .decorator_distribute_right { 2 | display: flex; 3 | justify-content: flex-end; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_2xl { 2 | margin: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_2xs { 2 | margin: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_3xl { 2 | margin: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_3xs { 2 | margin: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_4xl { 2 | margin: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_5xl { 2 | margin: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_6xl { 2 | margin: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_l { 2 | margin: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_m { 2 | margin: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_none { 2 | margin: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_s { 2 | margin: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_xl { 2 | margin: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-a/decorator_indent-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-a_xs { 2 | margin: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_2xl { 2 | margin-bottom: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_2xs { 2 | margin-bottom: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_3xl { 2 | margin-bottom: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_3xs { 2 | margin-bottom: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_4xl { 2 | margin-bottom: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_5xl { 2 | margin-bottom: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_6xl { 2 | margin-bottom: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_l { 2 | margin-bottom: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_m { 2 | margin-bottom: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_none { 2 | margin-bottom: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_s { 2 | margin-bottom: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_xl { 2 | margin-bottom: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-b/decorator_indent-b_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-b_xs { 2 | margin-bottom: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_2xl { 2 | margin-left: var(--space-2xl); 3 | margin-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_2xs { 2 | margin-left: var(--space-2xs); 3 | margin-right: var(--space-2xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_3xl { 2 | margin-left: var(--space-3xl); 3 | margin-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_3xs { 2 | margin-left: var(--space-3xs); 3 | margin-right: var(--space-3xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_4xl { 2 | margin-left: var(--space-4xl); 3 | margin-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_5xl { 2 | margin-left: var(--space-5xl); 3 | margin-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_6xl { 2 | margin-left: var(--space-6xl); 3 | margin-right: var(--space-6xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_auto.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_auto { 2 | margin-left: auto; 3 | margin-right: auto; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_l { 2 | margin-left: var(--space-l); 3 | margin-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_m { 2 | margin-left: var(--space-m); 3 | margin-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_none { 2 | margin-left: 0; 3 | margin-right: 0; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_s { 2 | margin-left: var(--space-s); 3 | margin-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_xl { 2 | margin-left: var(--space-xl); 3 | margin-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-h/decorator_indent-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-h_xs { 2 | margin-left: var(--space-xs); 3 | margin-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_2xl { 2 | margin-left: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_2xs { 2 | margin-left: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_3xl { 2 | margin-left: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_3xs { 2 | margin-left: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_4xl { 2 | margin-left: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_5xl { 2 | margin-left: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_6xl { 2 | margin-left: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_l { 2 | margin-left: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_m { 2 | margin-left: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_none { 2 | margin-left: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_s { 2 | margin-left: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_xl { 2 | margin-left: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-l/decorator_indent-l_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-l_xs { 2 | margin-left: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_2xl { 2 | margin-right: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_2xs { 2 | margin-right: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_3xl { 2 | margin-right: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_3xs { 2 | margin-right: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_4xl { 2 | margin-right: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_5xl { 2 | margin-right: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_6xl { 2 | margin-right: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_l { 2 | margin-right: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_m { 2 | margin-right: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_none { 2 | margin-right: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_s { 2 | margin-right: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_xl { 2 | margin-right: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-r/decorator_indent-r_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-r_xs { 2 | margin-right: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_2xl { 2 | margin-top: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_2xs { 2 | margin-top: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_3xl { 2 | margin-top: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_3xs { 2 | margin-top: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_4xl { 2 | margin-top: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_5xl { 2 | margin-top: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_6xl { 2 | margin-top: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_l { 2 | margin-top: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_m { 2 | margin-top: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_none { 2 | margin-top: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_s { 2 | margin-top: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_xl { 2 | margin-top: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-t/decorator_indent-t_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-t_xs { 2 | margin-top: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_2xl { 2 | margin-top: var(--space-2xl); 3 | margin-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_2xs { 2 | margin-top: var(--space-2xs); 3 | margin-bottom: var(--space-2xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_3xl { 2 | margin-top: var(--space-3xl); 3 | margin-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_3xs { 2 | margin-top: var(--space-3xs); 3 | margin-bottom: var(--space-3xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_4xl { 2 | margin-top: var(--space-4xl); 3 | margin-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_5xl { 2 | margin-top: var(--space-5xl); 3 | margin-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_6xl { 2 | margin-top: var(--space-6xl); 3 | margin-bottom: var(--space-6xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_auto.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_auto { 2 | margin-top: auto; 3 | margin-bottom: auto; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_l { 2 | margin-top: var(--space-l); 3 | margin-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_m { 2 | margin-top: var(--space-m); 3 | margin-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_none { 2 | margin-top: 0; 3 | margin-bottom: 0; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_s { 2 | margin-top: var(--space-s); 3 | margin-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_xl { 2 | margin-top: var(--space-xl); 3 | margin-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_indent-v/decorator_indent-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_indent-v_xs { 2 | margin-top: var(--space-xs); 3 | margin-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_2xs { 2 | padding: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_3xs { 2 | padding: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_6xl { 2 | padding: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_none { 2 | padding: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-a/decorator_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-a_xs { 2 | padding: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_2xl { 2 | padding-bottom: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_2xs { 2 | padding-bottom: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_3xl { 2 | padding-bottom: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_3xs { 2 | padding-bottom: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_4xl { 2 | padding-bottom: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_5xl { 2 | padding-bottom: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_6xl { 2 | padding-bottom: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_l { 2 | padding-bottom: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_m { 2 | padding-bottom: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_none { 2 | padding-bottom: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_s { 2 | padding-bottom: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_xl { 2 | padding-bottom: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-b/decorator_space-b_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-b_xs { 2 | padding-bottom: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_2xs { 2 | padding-left: var(--space-2xs); 3 | padding-right: var(--space-2xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_3xs { 2 | padding-left: var(--space-3xs); 3 | padding-right: var(--space-3xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_6xl { 2 | padding-left: var(--space-6xl); 3 | padding-right: var(--space-6xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_none { 2 | padding-left: 0; 3 | padding-right: 0; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-h/decorator_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-h_xs { 2 | padding-left: var(--space-xs); 3 | padding-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_2xl { 2 | padding-left: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_3xs { 2 | padding-left: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_3xl { 2 | padding-left: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_3xs { 2 | padding-left: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_4xl { 2 | padding-left: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_5xl { 2 | padding-left: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_6xl { 2 | padding-left: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_l { 2 | padding-left: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_m { 2 | padding-left: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_none { 2 | padding-left: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_s { 2 | padding-left: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_xl { 2 | padding-left: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-l/decorator_space-l_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-l_xs { 2 | padding-left: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_2xl { 2 | padding-right: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_2xs { 2 | padding-right: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_3xl { 2 | padding-right: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_3xs { 2 | padding-right: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_4xl { 2 | padding-right: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_5xl { 2 | padding-right: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_6xl { 2 | padding-right: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_l { 2 | padding-right: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_m { 2 | padding-right: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_none { 2 | padding-right: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_s { 2 | padding-right: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_xl { 2 | padding-right: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-r/decorator_space-r_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-r_xs { 2 | padding-right: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_2xl { 2 | padding-top: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_2xs { 2 | padding-top: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_3xl { 2 | padding-top: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_3xs { 2 | padding-top: var(--space-3xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_4xl { 2 | padding-top: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_5xl { 2 | padding-top: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_6xl { 2 | padding-top: var(--space-6xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_l { 2 | padding-top: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_m { 2 | padding-top: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_none { 2 | padding-top: 0; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_s { 2 | padding-top: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_xl { 2 | padding-top: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-t/decorator_space-t_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-t_xs { 2 | padding-top: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_2xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_2xs { 2 | padding-top: var(--space-2xs); 3 | padding-bottom: var(--space-2xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_3xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_3xs { 2 | padding-top: var(--space-3xs); 3 | padding-bottom: var(--space-3xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_6xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_6xl { 2 | padding-top: var(--space-6xl); 3 | padding-bottom: var(--space-6xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_none.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_none { 2 | padding-top: 0; 3 | padding-bottom: 0; 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_space-v/decorator_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .decorator_space-v_xs { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /decorator/_vertical-align/decorator_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .decorator_vertical-align_baseline { 2 | align-items: baseline; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_vertical-align/decorator_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .decorator_vertical-align_bottom { 2 | align-items: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_vertical-align/decorator_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .decorator_vertical-align_center { 2 | align-items: center; 3 | } 4 | -------------------------------------------------------------------------------- /decorator/_vertical-align/decorator_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .decorator_vertical-align_top { 2 | align-items: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /icon/_border/icon_border_alert.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_alert { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-alert); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_brand.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_brand { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-brand); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_ghost.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_ghost { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-ghost); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_primary.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_primary { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-primary); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_secondary.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_secondary { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-secondary); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_success.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_success { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-success); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_border/icon_border_warning.post.css: -------------------------------------------------------------------------------- 1 | .icon_border_warning { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | box-shadow: inset 0 0 0 2px var(--color-bg-warning); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_alert.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_alert { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-alert); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_brand.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_brand { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-brand); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_default.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_default { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-default); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_ghost.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_ghost { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-ghost); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_primary.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_primary { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-primary); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_secondary.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_secondary { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-secondary); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_success.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_success { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-success); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_round/icon_round_warning.post.css: -------------------------------------------------------------------------------- 1 | .icon_round_warning { 2 | background-repeat: no-repeat; 3 | padding: var(--space-s); 4 | border-radius: 50%; 5 | background-color: var(--color-bg-warning); 6 | } 7 | -------------------------------------------------------------------------------- /icon/_size/icon_size_m.post.css: -------------------------------------------------------------------------------- 1 | .icon_size_m { 2 | width: var(--graphics-size-m); 3 | height: var(--graphics-size-m); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_size/icon_size_s.post.css: -------------------------------------------------------------------------------- 1 | .icon_size_s { 2 | width: var(--graphics-size-s); 3 | height: var(--graphics-size-s); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_alert.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_alert { 2 | fill: var(--color-typo-alert); 3 | color: var(--color-typo-alert); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_brand.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_brand { 2 | fill: var(--color-typo-brand); 3 | color: var(--color-typo-brand); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_ghost.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_ghost { 2 | fill: var(--color-typo-ghost); 3 | color: var(--color-typo-ghost); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_link.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_link { 2 | fill: var(--color-link); 3 | color: var(--color-link); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_primary.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_primary { 2 | fill: var(--color-typo-primary); 3 | color: var(--color-typo-primary); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_secondary.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_secondary { 2 | fill: var(--color-typo-secondary); 3 | color: var(--color-typo-secondary); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_success.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_success { 2 | fill: var(--color-typo-success); 3 | color: var(--color-typo-success); 4 | } 5 | -------------------------------------------------------------------------------- /icon/_view/icon_view_warning.post.css: -------------------------------------------------------------------------------- 1 | .icon_view_warning { 2 | fill: var(--color-typo-warning); 3 | color: var(--color-typo-warning); 4 | } 5 | -------------------------------------------------------------------------------- /icon/icon.post.css: -------------------------------------------------------------------------------- 1 | .icon { 2 | background-repeat: no-repeat; 3 | display: inline-block; 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_distribute/pt-card__content_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_distribute_between { 2 | display: flex; 3 | justify-content: space-between; 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_distribute/pt-card__content_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_distribute_center { 2 | display: flex; 3 | flex-direction: column; 4 | align-items: center; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__content/_distribute/pt-card__content_distribute_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_distribute_default { 2 | display: flex; 3 | justify-content: flex-start; 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_distribute/pt-card__content_distribute_right.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_distribute_right { 2 | display: flex; 3 | justify-content: flex-end; 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-a/pt-card__content_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-a_xs { 2 | padding: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_2xl { 2 | padding-bottom: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_3xl { 2 | padding-bottom: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_4xl { 2 | padding-bottom: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_5xl { 2 | padding-bottom: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_l { 2 | padding-bottom: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_m { 2 | padding-bottom: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_s { 2 | padding-bottom: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_xl { 2 | padding-bottom: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-b/pt-card__content_space-b_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-b_xs { 2 | padding-bottom: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-h/pt-card__content_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-h_xs { 2 | padding-left: var(--space-xs); 3 | padding-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_2xl { 2 | padding-top: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_3xl { 2 | padding-top: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_4xl { 2 | padding-top: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_5xl { 2 | padding-top: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_l { 2 | padding-top: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_m { 2 | padding-top: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_s { 2 | padding-top: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_xl { 2 | padding-top: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-t/pt-card__content_space-t_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-t_xs { 2 | padding-top: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_space-v/pt-card__content_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_space-v_xs { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__content/_vertical-align/pt-card__content_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_vertical-align_baseline { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: baseline; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__content/_vertical-align/pt-card__content_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_vertical-align_bottom { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: flex-end; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__content/_vertical-align/pt-card__content_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_vertical-align_center { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: center; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__content/_vertical-align/pt-card__content_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content_vertical-align_top { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: flex-start; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__content/pt-card__content.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__content { 2 | position: relative; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_border/pt-card__footer_border_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_border_top { 2 | border-top: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_distribute/pt-card__footer_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_distribute_between { 2 | justify-content: space-between; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_distribute/pt-card__footer_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_distribute_center { 2 | justify-content: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_distribute/pt-card__footer_distribute_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_distribute_default { 2 | justify-content: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_distribute/pt-card__footer_distribute_right.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_distribute_right { 2 | justify-content: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-a/pt-card__footer_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-a_xs { 2 | padding: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-h/pt-card__footer_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-h_xs { 2 | padding-left: var(--space-xs); 3 | padding-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_space-v/pt-card__footer_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_space-v_xs { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__footer/_vertical-align/pt-card__footer_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_vertical-align_baseline { 2 | align-items: baseline; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_vertical-align/pt-card__footer_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_vertical-align_bottom { 2 | align-items: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_vertical-align/pt-card__footer_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_vertical-align_center { 2 | align-items: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__footer/_vertical-align/pt-card__footer_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__footer_vertical-align_top { 2 | align-items: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_border/pt-card__header_border_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_border_bottom { 2 | border-bottom: 1px solid var(--color-bg-border); 3 | } -------------------------------------------------------------------------------- /pt-card/__header/_distribute/pt-card__header_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_distribute_between { 2 | justify-content: space-between; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_distribute/pt-card__header_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_distribute_center { 2 | justify-content: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_distribute/pt-card__header_distribute_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_distribute_default { 2 | justify-content: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_distribute/pt-card__header_distribute_right.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_distribute_right { 2 | justify-content: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | ы.pt-card__header_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-a/pt-card__header_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-a_xs { 2 | padding: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-h/pt-card__header_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-h_xs { 2 | padding-left: var(--space-xs); 3 | padding-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__header/_space-v/pt-card__header_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__header_space-v_xs { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/__image/_size/pt-card__image_size_cover.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__image_size_cover { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | } 6 | -------------------------------------------------------------------------------- /pt-card/__image/pt-card__image.post.css: -------------------------------------------------------------------------------- 1 | .pt-card__image { 2 | width: 100%; 3 | position: relative; 4 | } 5 | -------------------------------------------------------------------------------- /pt-card/_border/pt-card_border_all.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_border_all { 2 | border: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/_border/pt-card_border_around.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_border_around { 2 | border: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/_shadow/pt-card_shadow_cloud.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_shadow_cloud { 2 | box-shadow: var(--shadow-cloud); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/_vertical-align/pt-card_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_vertical-align_bottom { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: flex-end; 5 | } -------------------------------------------------------------------------------- /pt-card/_vertical-align/pt-card_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_vertical-align_center { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: center; 5 | } -------------------------------------------------------------------------------- /pt-card/_vertical-align/pt-card_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_vertical-align_top { 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: flex-start; 5 | } -------------------------------------------------------------------------------- /pt-card/_view/pt-card_view_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-card_view_default { 2 | background-color: var(--color-bg-default); 3 | } 4 | -------------------------------------------------------------------------------- /pt-card/pt-card.post.css: -------------------------------------------------------------------------------- 1 | .pt-card { 2 | box-sizing: border-box; 3 | position: relative; 4 | overflow: hidden; 5 | } 6 | -------------------------------------------------------------------------------- /pt-form/__control/_distribute/pt-form__control_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_distribute_between { 2 | display: flex; 3 | justify-content: space-between; 4 | } -------------------------------------------------------------------------------- /pt-form/__control/_distribute/pt-form__control_distribute_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_distribute_default { 2 | display: flex; 3 | } -------------------------------------------------------------------------------- /pt-form/__control/_distribute/pt-form__control_distribute_right.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_distribute_right { 2 | display: flex; 3 | justify-content: flex-end; 4 | } -------------------------------------------------------------------------------- /pt-form/__control/_vertical-align/pt-form__control_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_vertical-align_bottom { 2 | align-items: flex-end; 3 | } -------------------------------------------------------------------------------- /pt-form/__control/_vertical-align/pt-form__control_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_vertical-align_center { 2 | align-items: center; 3 | } -------------------------------------------------------------------------------- /pt-form/__control/_vertical-align/pt-form__control_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control_vertical-align_top { 2 | align-items: flex-start; 3 | } -------------------------------------------------------------------------------- /pt-form/__control/pt-form__control.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__control { 2 | flex-shrink: 0; 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/__item/_no-structure/pt-form__item_no-structure.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__item_no-structure { 2 | display: block; 3 | } 4 | .pt-form__item_no-structure .pt-form__control { 5 | width: 100%; 6 | } 7 | .pt-form__item_no-structure .pt-form__label { 8 | width: 100%; 9 | } -------------------------------------------------------------------------------- /pt-form/__label/pt-form__label.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__label { 2 | flex-shrink: 0; 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/__section/_border/pt-form__section_border_both.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_border_both { 2 | border-top: 1px solid var(--color-bg-border); 3 | border-bottom: 1px solid var(--color-bg-border); 4 | } -------------------------------------------------------------------------------- /pt-form/__section/_border/pt-form__section_border_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_border_bottom { 2 | border-bottom: 1px solid var(--color-bg-border); 3 | } -------------------------------------------------------------------------------- /pt-form/__section/_border/pt-form__section_border_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_border_top { 2 | border-top: 1px solid var(--color-bg-border); 3 | } -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/__section/_space-v/pt-form__section_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-form__section_space-v_xs { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-form/_border/pt-form_border_all.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_border_all { 2 | border: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/_border/pt-form_border_around.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_border_around { 2 | border: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/_bordered/pt-form_bordered.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_bordered .pt-form__item:not(:last-child) { 2 | border-bottom: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/_vertical-align/pt-form_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_vertical-align_baseline .pt-form__item { 2 | align-items: baseline; 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/_vertical-align/pt-form_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_vertical-align_bottom .pt-form__item { 2 | align-items: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /pt-form/_vertical-align/pt-form_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_vertical-align_center .pt-form__item { 2 | align-items: center; 3 | } -------------------------------------------------------------------------------- /pt-form/_vertical-align/pt-form_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_vertical-align_top .pt-form__item { 2 | align-items: flex-start; 3 | } -------------------------------------------------------------------------------- /pt-form/_view/pt-form_view_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-form_view_default { 2 | background: var(--color-bg-default); 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_2xl { 2 | margin-left: var(--space-2xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_2xs { 2 | margin-left: var(--space-2xs); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_3xl { 2 | margin-left: var(--space-3xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_4xl { 2 | margin-left: var(--space-4xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_5xl { 2 | margin-left: var(--space-5xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_l { 2 | margin-left: var(--space-l); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_m { 2 | margin-left: var(--space-m); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_s { 2 | margin-left: var(--space-s); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_xl { 2 | margin-left: var(--space-xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-l/pt-icon-plus__icon_indent-l_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-l_xs { 2 | margin-left: var(--space-xs); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_2xl { 2 | margin-right: var(--space-2xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_2xs { 2 | margin-right: var(--space-2xs); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_3xl { 2 | margin-right: var(--space-3xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_4xl { 2 | margin-right: var(--space-4xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_5xl { 2 | margin-right: var(--space-5xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_l { 2 | margin-right: var(--space-l); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_m { 2 | margin-right: var(--space-m); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_s { 2 | margin-right: var(--space-s); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_xl { 2 | margin-right: var(--space-xl); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent-r/pt-icon-plus__icon_indent-r_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent-r_xs { 2 | margin-right: var(--space-xs); /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_2xl { 2 | --icon-indent: var(--space-2xl); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_2xs { 2 | --icon-indent: var(--space-2xs); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_3xl { 2 | --icon-indent: var(--space-3xl); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_4xl { 2 | --icon-indent: var(--space-4xl); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_5xl { 2 | --icon-indent: var(--space-5xl); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_l { 2 | --icon-indent: var(--space-l); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_m { 2 | --icon-indent: var(--space-m); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_s { 2 | --icon-indent: var(--space-s); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_xl { 2 | --icon-indent: var(--space-xl); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_indent/pt-icon-plus__icon_indent_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_indent_xs { 2 | --icon-indent: var(--space-xs); 3 | } -------------------------------------------------------------------------------- /pt-icon-plus/__icon/_offset/pt-icon-plus__icon_offset_no.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus__icon_offset_no { 2 | margin-top: 0; /*DEPRECATED*/ 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_distribute/pt-icon-plus_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_distribute_between { 2 | justify-content: space-between; 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_distribute/pt-icon-plus_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_distribute_center { 2 | justify-content: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_vertical-align/pt-icon-plus_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_vertical-align_baseline { 2 | align-items: baseline; 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_vertical-align/pt-icon-plus_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_vertical-align_bottom { 2 | align-items: flex-end; 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_vertical-align/pt-icon-plus_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_vertical-align_center { 2 | align-items: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-icon-plus/_vertical-align/pt-icon-plus_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-icon-plus_vertical-align_top { 2 | align-items: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer__content_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer__content_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer__content_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-a/pt-informer_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer__content_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-h/pt-informer_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_4xl.post copy.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_space-v/pt-informer_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_alert.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_alert { 2 | background: var(--color-bg-alert); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_default { 2 | background: var(--color-bg-default); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_normal.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_normal { 2 | background: var(--color-bg-normal); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_success.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_success { 2 | background: var(--color-bg-success); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_system.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_system { 2 | background: var(--color-bg-system); 3 | } 4 | -------------------------------------------------------------------------------- /pt-informer/_view/pt-informer_view_warning.post.css: -------------------------------------------------------------------------------- 1 | .pt-informer_view_warning { 2 | background: var(--color-bg-warning); 3 | } 4 | -------------------------------------------------------------------------------- /pt-list/_bordered/pt-list_bordered.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_bordered .pt-list__item:not(:last-child) { 2 | border-bottom: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-list/_distribute/pt-list_distribute_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_distribute_between { 2 | .pt-list__item { 3 | display: flex; 4 | justify-content: space-between; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_distribute/pt-list_distribute_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_distribute_default { 2 | .pt-list__item { 3 | display: flex; 4 | justify-content: flex-start; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_2xl { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-2xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_2xs { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-2xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_3xl { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-3xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_3xs { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-3xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_4xl { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-4xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_l { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-l); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_m { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-m); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_s { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-s); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_xl { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_indent-v/pt-list_indent-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_indent-v_xs { 2 | .pt-list__item:not(:last-child) { 3 | margin-bottom: var(--space-xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_2xl { 2 | .pt-list__item { 3 | padding: var(--space-2xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_2xs { 2 | .pt-list__item { 3 | padding: var(--space-2xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_3xl { 2 | .pt-list__item { 3 | padding: var(--space-3xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_3xs { 2 | .pt-list__item { 3 | padding: var(--space-3xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_4xl { 2 | .pt-list__item { 3 | padding: var(--space-4xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_l { 2 | .pt-list__item { 3 | padding: var(--space-l); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_m { 2 | .pt-list__item { 3 | padding: var(--space-m); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_s { 2 | .pt-list__item { 3 | padding: var(--space-s); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_xl { 2 | .pt-list__item { 3 | padding: var(--space-xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-a/pt-list_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-a_xs { 2 | .pt-list__item { 3 | padding: var(--space-xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_2xl { 2 | .pt-list__item { 3 | padding-left: var(--space-2xl); 4 | padding-right: var(--space-2xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_2xs { 2 | .pt-list__item { 3 | padding-left: var(--space-2xs); 4 | padding-right: var(--space-2xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_3xl { 2 | .pt-list__item { 3 | padding-left: var(--space-3xl); 4 | padding-right: var(--space-3xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_3xs { 2 | .pt-list__item { 3 | padding-left: var(--space-3xs); 4 | padding-right: var(--space-3xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_4xl { 2 | .pt-list__item { 3 | padding-left: var(--space-4xl); 4 | padding-right: var(--space-4xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_l { 2 | .pt-list__item { 3 | padding-left: var(--space-l); 4 | padding-right: var(--space-l); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_m { 2 | .pt-list__item { 3 | padding-left: var(--space-m); 4 | padding-right: var(--space-m); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_s { 2 | .pt-list__item { 3 | padding-left: var(--space-s); 4 | padding-right: var(--space-s); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_xl { 2 | .pt-list__item { 3 | padding-left: var(--space-xl); 4 | padding-right: var(--space-xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-h/pt-list_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-h_xs { 2 | .pt-list__item { 3 | padding-left: var(--space-xs); 4 | padding-right: var(--space-xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_2xl { 2 | .pt-list__item { 3 | padding-left: var(--space-2xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_2xs { 2 | .pt-list__item { 3 | padding-left: var(--space-2xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_3xl { 2 | .pt-list__item { 3 | padding-left: var(--space-3xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_3xs { 2 | .pt-list__item { 3 | padding-left: var(--space-3xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_4xl { 2 | .pt-list__item { 3 | padding-left: var(--space-4xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_l { 2 | .pt-list__item { 3 | padding-left: var(--space-l); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_m { 2 | .pt-list__item { 3 | padding-left: var(--space-m); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_s { 2 | .pt-list__item { 3 | padding-left: var(--space-s); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_xl { 2 | .pt-list__item { 3 | padding-left: var(--space-xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-l/pt-list_space-l_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-l_xs { 2 | .pt-list__item { 3 | padding-left: var(--space-xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_2xl { 2 | .pt-list__item { 3 | padding-right: var(--space-2xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_2xs { 2 | .pt-list__item { 3 | padding-right: var(--space-2xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_3xl { 2 | .pt-list__item { 3 | padding-right: var(--space-3xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_3xs { 2 | .pt-list__item { 3 | padding-right: var(--space-3xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_4xl { 2 | .pt-list__item { 3 | padding-right: var(--space-4xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_l { 2 | .pt-list__item { 3 | padding-right: var(--space-l); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_m { 2 | .pt-list__item { 3 | padding-right: var(--space-m); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_s { 2 | .pt-list__item { 3 | padding-right: var(--space-s); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_xl { 2 | .pt-list__item { 3 | padding-right: var(--space-xl); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-r/pt-list_space-r_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-r_xs { 2 | .pt-list__item { 3 | padding-right: var(--space-xs); 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_2xl { 2 | .pt-list__item { 3 | padding-top: var(--space-2xl); 4 | padding-bottom: var(--space-2xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_2xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_2xs { 2 | .pt-list__item { 3 | padding-top: var(--space-2xs); 4 | padding-bottom: var(--space-2xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_3xl { 2 | .pt-list__item { 3 | padding-top: var(--space-3xl); 4 | padding-bottom: var(--space-3xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_3xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_3xs { 2 | .pt-list__item { 3 | padding-top: var(--space-3xs); 4 | padding-bottom: var(--space-3xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_4xl { 2 | .pt-list__item { 3 | padding-top: var(--space-4xl); 4 | padding-bottom: var(--space-4xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_l { 2 | .pt-list__item { 3 | padding-top: var(--space-l); 4 | padding-bottom: var(--space-l); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_m { 2 | .pt-list__item { 3 | padding-top: var(--space-m); 4 | padding-bottom: var(--space-m); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_s { 2 | .pt-list__item { 3 | padding-top: var(--space-s); 4 | padding-bottom: var(--space-s); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_xl { 2 | .pt-list__item { 3 | padding-top: var(--space-xl); 4 | padding-bottom: var(--space-xl); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_space-v/pt-list_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_space-v_xs { 2 | .pt-list__item { 3 | padding-top: var(--space-xs); 4 | padding-bottom: var(--space-xs); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_stripe/pt-list_stripe_even.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_stripe_even > .pt-list__item:nth-child(2n) { 2 | background-color: var(--color-bg-stripe); 3 | } 4 | -------------------------------------------------------------------------------- /pt-list/_stripe/pt-list_stripe_odd.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_stripe_odd > .pt-list__item:nth-child(2n-1) { 2 | background-color: var(--color-bg-stripe); 3 | } 4 | -------------------------------------------------------------------------------- /pt-list/_vertical-align/pt-list_vertical-align_baseline.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_vertical-align_baseline { 2 | .pt-list__item { 3 | display: flex; 4 | align-items: baseline; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_vertical-align/pt-list_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_vertical-align_center { 2 | .pt-list__item { 3 | display: flex; 4 | align-items: center; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_vertical-align/pt-list_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_vertical-align_top { 2 | .pt-list__item { 3 | display: flex; 4 | align-items: flex-start; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /pt-list/_view/pt-list_view_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-list_view_default { 2 | background: var(--color-bg-default); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__close/_view/pt-surface__close_view_desktop.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__close_view_desktop { 2 | width: var(--space-xl); 3 | height: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__close/_view/pt-surface__close_view_mobile.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__close_view_mobile { 2 | width: var(--space-2xl); 3 | height: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_size/pt-surface__content_size_full.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_size_full { 2 | width: 100%; 3 | min-height: 100%; 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_size/pt-surface__content_size_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_size_m { 2 | width: 1144px; 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_size/pt-surface__content_size_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_size_s { 2 | width: 880px; 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_size/pt-surface__content_size_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_size_xs { 2 | width: 500px; 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_2xl { 2 | padding: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_3xl { 2 | padding: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_4xl { 2 | padding: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_5xl { 2 | padding: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_l { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_m { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_s { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-a/pt-surface__content_space-a_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-a_xl { 2 | padding: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_2xl.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_2xl { 2 | padding-bottom: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_3xl { 2 | padding-bottom: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_4xl { 2 | padding-bottom: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_5xl { 2 | padding-bottom: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_l { 2 | padding-bottom: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_m { 2 | padding-bottom: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_s { 2 | padding-bottom: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-b/pt-surface__content_space-b_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-b_xl { 2 | padding-bottom: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_2xl { 2 | padding-left: var(--space-2xl); 3 | padding-right: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_3xl { 2 | padding-left: var(--space-3xl); 3 | padding-right: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_4xl { 2 | padding-left: var(--space-4xl); 3 | padding-right: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_5xl { 2 | padding-left: var(--space-5xl); 3 | padding-right: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_l { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_m { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_s { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-h/pt-surface__content_space-h_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-h_xl { 2 | padding-left: var(--space-xl); 3 | padding-right: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_2xl { 2 | padding-left: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_3xl { 2 | padding-left: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_4xl { 2 | padding-left: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_5xl { 2 | padding-left: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_l { 2 | padding-left: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_m { 2 | padding-left: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_s { 2 | padding-left: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-l/pt-surface__content_space-l_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-l_xl { 2 | padding-left: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_2xl { 2 | padding-right: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_3xl { 2 | padding-right: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_4xl { 2 | padding-right: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_5xl { 2 | padding-right: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_l { 2 | padding-right: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_m { 2 | padding-right: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_s { 2 | padding-right: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-r/pt-surface__content_space-r_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-r_xl { 2 | padding-right: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_2xl { 2 | padding-top: var(--space-2xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_3xl { 2 | padding-top: var(--space-3xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_4xl { 2 | padding-top: var(--space-4xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_5xl { 2 | padding-top: var(--space-5xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_l { 2 | padding-top: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_m { 2 | padding-top: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_s { 2 | padding-top: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-t/pt-surface__content_space-t_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-t_xl { 2 | padding-top: var(--space-xl); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_2xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_2xl { 2 | padding-top: var(--space-2xl); 3 | padding-bottom: var(--space-2xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_3xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_3xl { 2 | padding-top: var(--space-3xl); 3 | padding-bottom: var(--space-3xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_4xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_4xl { 2 | padding-top: var(--space-4xl); 3 | padding-bottom: var(--space-4xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_5xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_5xl { 2 | padding-top: var(--space-5xl); 3 | padding-bottom: var(--space-5xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_l { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_m { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_s { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_space-v/pt-surface__content_space-v_xl.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_space-v_xl { 2 | padding-top: var(--space-xl); 3 | padding-bottom: var(--space-xl); 4 | } 5 | -------------------------------------------------------------------------------- /pt-surface/__content/_view/pt-surface__content_view_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content_view_default { 2 | background: var(--color-bg-default); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/__content/pt-surface__content.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__content { 2 | margin: auto; 3 | box-sizing: border-box; 4 | -webkit-overflow-scrolling: touch; 5 | } 6 | -------------------------------------------------------------------------------- /pt-surface/__window/pt-surface__window.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface__window { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | width: 100%; 6 | height: 100%; 7 | z-index: 99999; 8 | } 9 | -------------------------------------------------------------------------------- /pt-surface/_view/pt-surface_view_soft.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface_view_soft { 2 | background: var(--color-bg-soft); 3 | } 4 | -------------------------------------------------------------------------------- /pt-surface/_view/pt-surface_view_tone.post.css: -------------------------------------------------------------------------------- 1 | .pt-surface_view_tone { 2 | background: var(--color-bg-tone); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_align/pt-table__col_align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_align_center { 2 | text-align: center; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_align/pt-table__col_align_left.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_align_left { 2 | text-align: left; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_align/pt-table__col_align_right.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_align_right { 2 | text-align: right; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_10.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_10 { 2 | width: 10%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_100.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_100 { 2 | width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_15.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_15 { 2 | width: 15%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_20.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_20 { 2 | width: 20%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_25.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_25 { 2 | width: 25%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_30.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_30 { 2 | width: 30%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_35.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_35 { 2 | width: 35%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_40.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_40 { 2 | width: 40%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_45.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_45 { 2 | width: 45%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_5.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_5 { 2 | width: 5%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_50.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_50 { 2 | width: 50%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_55.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_55 { 2 | width: 55%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_60.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_60 { 2 | width: 60%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_65.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_65 { 2 | width: 65%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_70.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_70 { 2 | width: 70%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_75.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_75 { 2 | width: 75%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_80.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_80 { 2 | width: 80%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_85.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_85 { 2 | width: 85%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_90.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_90 { 2 | width: 90%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/_width/pt-table__col_width_95.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col_width_95 { 2 | width: 95%; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__col/pt-table__col.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__col { 2 | position: relative; 3 | box-sizing: border-box; 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/__row/_status/pt-table__row_status_alert.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row_status_alert { 2 | border-left: var(--space-2xs) solid var(--color-bg-alert); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__row/_status/pt-table__row_status_default.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row_status_default { 2 | border-left: var(--space-2xs) solid var(--color-bg-normal); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__row/_status/pt-table__row_status_success.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row_status_success { 2 | border-left: var(--space-2xs) solid var(--color-bg-success); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__row/_status/pt-table__row_status_warning.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row_status_warning { 2 | border-left: var(--space-2xs) solid var(--color-bg-warning); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/__row/_view/pt-table__row_view_head.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row_view_head { 2 | background: transparent; 3 | 4 | &:hover { 5 | background: transparent; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /pt-table/__row/pt-table__row.post.css: -------------------------------------------------------------------------------- 1 | .pt-table__row { 2 | transition: background-color 0.5s ease-out; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_border/pt-table_border_around.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_border_around { 2 | border: 1px solid var(--color-bg-border); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_border/pt-table_border_between.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_border_between { 2 | border-collapse: collapse; 3 | 4 | & .pt-table__row:not(:last-child) { 5 | border-bottom: 1px solid var(--color-bg-border); 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /pt-table/_space-a/pt-table_space-a_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-a_l .pt-table__col { 2 | padding: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_space-a/pt-table_space-a_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-a_m .pt-table__col { 2 | padding: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_space-a/pt-table_space-a_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-a_s .pt-table__col { 2 | padding: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_space-a/pt-table_space-a_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-a_xs .pt-table__col { 2 | padding: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_space-h/pt-table_space-h_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-h_l .pt-table__col { 2 | padding-left: var(--space-l); 3 | padding-right: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-h/pt-table_space-h_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-h_m .pt-table__col { 2 | padding-left: var(--space-m); 3 | padding-right: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-h/pt-table_space-h_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-h_s .pt-table__col { 2 | padding-left: var(--space-s); 3 | padding-right: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-h/pt-table_space-h_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-h_xs .pt-table__col { 2 | padding-left: var(--space-xs); 3 | padding-right: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-v/pt-table_space-v_l.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-v_l .pt-table__col { 2 | padding-top: var(--space-l); 3 | padding-bottom: var(--space-l); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-v/pt-table_space-v_m.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-v_m .pt-table__col { 2 | padding-top: var(--space-m); 3 | padding-bottom: var(--space-m); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-v/pt-table_space-v_s.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-v_s .pt-table__col { 2 | padding-top: var(--space-s); 3 | padding-bottom: var(--space-s); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_space-v/pt-table_space-v_xs.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_space-v_xs .pt-table__col { 2 | padding-top: var(--space-xs); 3 | padding-bottom: var(--space-xs); 4 | } 5 | -------------------------------------------------------------------------------- /pt-table/_stripe/pt-table_stripe_even.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_stripe_even .pt-table__row:nth-child(2n) { 2 | background: var(--color-bg-stripe); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_stripe/pt-table_stripe_odd.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_stripe_odd .pt-table__row:nth-child(2n-1) { 2 | background: var(--color-bg-stripe); 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_vertical-align/pt-table_vertical-align_bottom.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_vertical-align_bottom .pt-table__row { 2 | vertical-align: bottom; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_vertical-align/pt-table_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_vertical-align_center .pt-table__row { 2 | vertical-align: middle; 3 | } 4 | -------------------------------------------------------------------------------- /pt-table/_vertical-align/pt-table_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .pt-table_vertical-align_top .pt-table__row { 2 | vertical-align: top; 3 | } 4 | -------------------------------------------------------------------------------- /tag/__delete/_indent-l/tag__delete_indent-l_l.post.css: -------------------------------------------------------------------------------- 1 | .tag__delete_indent-l_l { 2 | margin-left: var(--space-l); 3 | } 4 | -------------------------------------------------------------------------------- /tag/__delete/_indent-l/tag__delete_indent-l_m.post.css: -------------------------------------------------------------------------------- 1 | .tag__delete_indent-l_m { 2 | margin-left: var(--space-m); 3 | } 4 | -------------------------------------------------------------------------------- /tag/__delete/_indent-l/tag__delete_indent-l_s.post.css: -------------------------------------------------------------------------------- 1 | .tag__delete_indent-l_s { 2 | margin-left: var(--space-s); 3 | } 4 | -------------------------------------------------------------------------------- /tag/__delete/_indent-l/tag__delete_indent-l_xs.post.css: -------------------------------------------------------------------------------- 1 | .tag__delete_indent-l_xs { 2 | margin-left: var(--space-xs); 3 | } 4 | -------------------------------------------------------------------------------- /tag/__delete/_indent-l/tag__delete_indent-l_xxs.post.css: -------------------------------------------------------------------------------- 1 | .tag__delete_indent-l_2xs { 2 | margin-left: var(--space-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /tag/__text/tag__text.post.css: -------------------------------------------------------------------------------- 1 | .tag__text { 2 | white-space: nowrap; 3 | text-overflow: ellipsis; 4 | max-width: 100%; 5 | overflow: hidden; 6 | } 7 | -------------------------------------------------------------------------------- /tag/_view/tag_view_default.post.css: -------------------------------------------------------------------------------- 1 | .tag_view_default { 2 | color: var(--color-typo-secondary); 3 | background: transparent; 4 | border: 1px solid var(--color-bg-border); 5 | } 6 | -------------------------------------------------------------------------------- /tag/_view/tag_view_disable.post.css: -------------------------------------------------------------------------------- 1 | .tag_view_disable { 2 | color: var(--color-typo-ghost); 3 | background: var(--color-bg-ghost); 4 | 5 | .pt-tag__delete { 6 | cursor: default; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /tag/tag.post.css: -------------------------------------------------------------------------------- 1 | .tag { 2 | display: inline-flex; 3 | align-items: center; 4 | box-sizing: border-box; 5 | max-width: 100%; 6 | overflow: hidden; 7 | } 8 | -------------------------------------------------------------------------------- /text/_align/text_align_center.post.css: -------------------------------------------------------------------------------- 1 | .text_align_center { 2 | text-align: center; 3 | } 4 | -------------------------------------------------------------------------------- /text/_align/text_align_left.post.css: -------------------------------------------------------------------------------- 1 | .text_align_left { 2 | text-align: left; 3 | } 4 | -------------------------------------------------------------------------------- /text/_align/text_align_right.post.css: -------------------------------------------------------------------------------- 1 | .text_align_right { 2 | text-align: right; 3 | } 4 | -------------------------------------------------------------------------------- /text/_decoration/text_decoration_underline.post.css: -------------------------------------------------------------------------------- 1 | .text_decoration_underline { 2 | text-decoration: underline; 3 | } 4 | -------------------------------------------------------------------------------- /text/_display/text_display_block.post.css: -------------------------------------------------------------------------------- 1 | .text_display_block { 2 | display: block; 3 | } 4 | -------------------------------------------------------------------------------- /text/_display/text_display_inline-block.post.css: -------------------------------------------------------------------------------- 1 | .text_display_inline-block { 2 | display: inline-block; 3 | } 4 | -------------------------------------------------------------------------------- /text/_display/text_display_inline.post.css: -------------------------------------------------------------------------------- 1 | .text_display_inline { 2 | display: inline; 3 | } 4 | -------------------------------------------------------------------------------- /text/_font/text_font_mono.post.css: -------------------------------------------------------------------------------- 1 | .text_font_mono { 2 | font-family: var(--font-mono); 3 | } 4 | -------------------------------------------------------------------------------- /text/_font/text_font_sans.post.css: -------------------------------------------------------------------------------- 1 | .text_font_sans { 2 | font-family: var(--font-sans); 3 | } 4 | -------------------------------------------------------------------------------- /text/_font/text_font_serif.post.css: -------------------------------------------------------------------------------- 1 | .text_font_serif { 2 | font-family: var(--font-serif); 3 | } 4 | -------------------------------------------------------------------------------- /text/_line-height/text_line-height_2xs.post.css: -------------------------------------------------------------------------------- 1 | .text_line-height_2xs { 2 | line-height: var(--line-height-text-2xs); 3 | } 4 | -------------------------------------------------------------------------------- /text/_line-height/text_line-height_l.post.css: -------------------------------------------------------------------------------- 1 | .text_line-height_l { 2 | line-height: var(--line-height-text-l); 3 | } 4 | -------------------------------------------------------------------------------- /text/_line-height/text_line-height_m.post.css: -------------------------------------------------------------------------------- 1 | .text_line-height_m { 2 | line-height: var(--line-height-text-m); 3 | } 4 | -------------------------------------------------------------------------------- /text/_line-height/text_line-height_s.post.css: -------------------------------------------------------------------------------- 1 | .text_line-height_s { 2 | line-height: var(--line-height-text-s); 3 | } 4 | -------------------------------------------------------------------------------- /text/_line-height/text_line-height_xs.post.css: -------------------------------------------------------------------------------- 1 | .text_line-height_xs { 2 | line-height: var(--line-height-text-xs); 3 | } 4 | -------------------------------------------------------------------------------- /text/_size/text_size_2xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_2xl { 2 | font-size: var(--size-text-2xl, var(--size-typo-2xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-2xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_2xs.post.css: -------------------------------------------------------------------------------- 1 | .text_size_2xs { 2 | font-size: var(--size-text-2xs, var(--size-typo-2xs)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-2xs)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_3xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_3xl { 2 | font-size: var(--size-text-3xl, var(--size-typo-3xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-3xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_4xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_4xl { 2 | font-size: var(--size-text-4xl, var(--size-typo-4xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-4xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_5xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_5xl { 2 | font-size: var(--size-text-5xl, var(--size-typo-5xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-5xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_6xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_6xl { 2 | font-size: var(--size-text-6xl, var(--size-typo-6xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-6xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_l.post.css: -------------------------------------------------------------------------------- 1 | .text_size_l { 2 | font-size: var(--size-text-l, var(--size-typo-l)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-l)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_m.post.css: -------------------------------------------------------------------------------- 1 | .text_size_m { 2 | font-size: var(--size-text-m, var(--size-typo-m)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-m)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_s.post.css: -------------------------------------------------------------------------------- 1 | .text_size_s { 2 | font-size: var(--size-text-s, var(--size-typo-s)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-s)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_xl.post.css: -------------------------------------------------------------------------------- 1 | .text_size_xl { 2 | font-size: var(--size-text-xl, var(--size-typo-xl)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-xl)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_size/text_size_xs.post.css: -------------------------------------------------------------------------------- 1 | .text_size_xs { 2 | font-size: var(--size-text-xs, var(--size-typo-xs)); /* Fallback to deprecated variable */ 3 | line-height: var(--line-height-text-m, var(--line-height-typo-xs)); /* Fallback to deprecated variable */ 4 | } 5 | -------------------------------------------------------------------------------- /text/_spacing/text_spacing_l.post.css: -------------------------------------------------------------------------------- 1 | .text_spacing_l { 2 | letter-spacing: 0.2em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_spacing/text_spacing_m.post.css: -------------------------------------------------------------------------------- 1 | .text_spacing_m { 2 | letter-spacing: 0.14em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_spacing/text_spacing_s.post.css: -------------------------------------------------------------------------------- 1 | .text_spacing_s { 2 | letter-spacing: 0.1em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_spacing/text_spacing_xs.post.css: -------------------------------------------------------------------------------- 1 | .text_spacing_xs { 2 | letter-spacing: 0.06em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_style/text_style_italic.post.css: -------------------------------------------------------------------------------- 1 | .text_style_italic { 2 | font-style: italic; 3 | } 4 | -------------------------------------------------------------------------------- /text/_transform/text_transform_uppercase.post.css: -------------------------------------------------------------------------------- 1 | .text_transform_uppercase { 2 | text-transform: uppercase; 3 | } 4 | -------------------------------------------------------------------------------- /text/_type/text_type_blockquote.post.css: -------------------------------------------------------------------------------- 1 | .text_type_blockquote { 2 | margin-left: var(--space-4xl); 3 | padding-left: var(--space-m); 4 | margin-bottom: var(--space-l); 5 | border-left: var(--space-xxs) solid var(--color-bg-brand); 6 | } 7 | -------------------------------------------------------------------------------- /text/_type/text_type_h1.post.css: -------------------------------------------------------------------------------- 1 | .text_type_h1 { 2 | margin: 2em 0 1em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_type/text_type_h2.post.css: -------------------------------------------------------------------------------- 1 | .text_type_h2 { 2 | margin: 2em 0 1em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_type/text_type_h3.post.css: -------------------------------------------------------------------------------- 1 | .text_type_h3 { 2 | margin: 2em 0 1em; 3 | } 4 | -------------------------------------------------------------------------------- /text/_type/text_type_p.post.css: -------------------------------------------------------------------------------- 1 | .text_type_p { 2 | margin: 0 0 0.9em; 3 | } 4 | 5 | .text_type_p:last-child { 6 | margin-bottom: 0; 7 | } 8 | -------------------------------------------------------------------------------- /text/_view/text_view_alert.post.css: -------------------------------------------------------------------------------- 1 | .text_view_alert { 2 | color: var(--color-typo-alert); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_brand.post.css: -------------------------------------------------------------------------------- 1 | .text_view_brand { 2 | color: var(--color-typo-brand); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_ghost.post.css: -------------------------------------------------------------------------------- 1 | .text_view_ghost { 2 | color: var(--color-typo-ghost); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_link-minor.post.css: -------------------------------------------------------------------------------- 1 | .text_view_link-minor { 2 | color: var(--color-link-minor); 3 | text-decoration: none; 4 | transition: 0.3s ease; 5 | 6 | &:hover { 7 | color: var(--color-link-hover); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /text/_view/text_view_link.post.css: -------------------------------------------------------------------------------- 1 | .text_view_link { 2 | color: var(--color-link); 3 | text-decoration: none; 4 | cursor: pointer; 5 | transition: 0.3s ease; 6 | 7 | &:hover { 8 | color: var(--color-link-hover); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /text/_view/text_view_primary.post.css: -------------------------------------------------------------------------------- 1 | .text_view_primary { 2 | color: var(--color-typo-primary); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_secondary.post.css: -------------------------------------------------------------------------------- 1 | .text_view_secondary { 2 | color: var(--color-typo-secondary); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_success.post.css: -------------------------------------------------------------------------------- 1 | .text_view_success { 2 | color: var(--color-typo-success); 3 | } 4 | -------------------------------------------------------------------------------- /text/_view/text_view_warning.post.css: -------------------------------------------------------------------------------- 1 | .text_view_warning { 2 | color: var(--color-typo-warning); 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_black.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_black { 2 | font-weight: 900; 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_bold.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_bold { 2 | font-weight: 600; 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_light.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_light { 2 | font-weight: 300; 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_regular.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_regular { 2 | font-weight: 400; 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_semibold.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_semibold { 2 | font-weight: 500; 3 | } 4 | -------------------------------------------------------------------------------- /text/_weight/text_weight_thin.post.css: -------------------------------------------------------------------------------- 1 | .text_weight_thin { 2 | font-weight: 100; 3 | } 4 | -------------------------------------------------------------------------------- /text/_width/text_width_default.post.css: -------------------------------------------------------------------------------- 1 | .text_width_default { 2 | max-width: 75ch; 3 | } 4 | -------------------------------------------------------------------------------- /text/text.post.css: -------------------------------------------------------------------------------- 1 | .text { 2 | line-height: var(--line-height-text-m); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_1 { 2 | grid-column: span 1; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_10.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_10 { 2 | grid-column: span 10; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_11.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_11 { 2 | grid-column: span 11; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_12.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_12 { 2 | grid-column: span 12; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_2.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_2 { 2 | grid-column: span 2; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_3.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_3 { 2 | grid-column: span 3; 3 | } 4 | 5 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_4.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_4 { 2 | grid-column: span 4; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_5.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_5 { 2 | grid-column: span 5; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_6.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_6 { 2 | grid-column: span 6; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_7.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_7 { 2 | grid-column: span 7; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_8.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_8 { 2 | grid-column: span 8; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_col/tpl-grid__fraction_col_9.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_col_9 { 2 | grid-column: span 9; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_row/tpl-grid__fraction_row_1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_row_1 { 2 | grid-row: span 1; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_row/tpl-grid__fraction_row_2.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_row_2 { 2 | grid-row: span 2; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_row/tpl-grid__fraction_row_3.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_row_3 { 2 | grid-row: span 3; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/__fraction/_row/tpl-grid__fraction_row_4.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid__fraction_row_4 { 2 | grid-row: span 4; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_col-gap/tpl-grid_col-gap_full.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_col-gap_full { 2 | grid-column-gap: var(--col-gap-full); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_col-gap/tpl-grid_col-gap_half.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_col-gap_half { 2 | grid-column-gap: var(--col-gap-half); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_col-gap/tpl-grid_col-gap_none.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_col-gap_none { 2 | grid-column-gap: var(--space-none); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_col-gap/tpl-grid_col-gap_third.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_col-gap_third { 2 | grid-column-gap: var(--col-gap-third); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_col-gap/tpl-grid_col-gap_two-thirds.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_col-gap_two-thirds { 2 | grid-column-gap: var(--col-gap-two-thirds); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_columns/tpl-grid_columns_10.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_columns_10 { 2 | grid-template-columns: repeat(10, 1fr); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_columns/tpl-grid_columns_12.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_columns_12 { 2 | grid-template-columns: repeat(12, 1fr); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_ratio/tpl-grid_ratio_1-1-1-1-1-1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_ratio_1-1-1-1-1-1 { 2 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_ratio/tpl-grid_ratio_1-1-1-1-1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_ratio_1-1-1-1-1 { 2 | grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_ratio/tpl-grid_ratio_1-1-1-1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_ratio_1-1-1-1 { 2 | grid-template-columns: 1fr 1fr 1fr 1fr; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_ratio/tpl-grid_ratio_1-1-1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_ratio_1-1-1 { 2 | grid-template-columns: 1fr 1fr 1fr; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_ratio/tpl-grid_ratio_1-1.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_ratio_1-1 { 2 | grid-template-columns: 1fr 1fr; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_row-gap/tpl-grid_row-gap_full.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_row-gap_full { 2 | grid-row-gap: var(--col-gap-full); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_row-gap/tpl-grid_row-gap_half.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_row-gap_half { 2 | grid-row-gap: var(--col-gap-half); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_row-gap/tpl-grid_row-gap_none.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_row-gap_none { 2 | grid-row-gap: none; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_row-gap/tpl-grid_row-gap_third.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_row-gap_third { 2 | grid-row-gap: var(--row-gap-third); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_row-gap/tpl-grid_row-gap_two-thirds.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_row-gap_two-thirds { 2 | grid-row-gap: var(--col-gap-two-thirds); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_vertical-align/tpl-grid_vertical-align_center.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_vertical-align_center { 2 | align-items: center; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-grid/_vertical-align/tpl-grid_vertical-align_top.post.css: -------------------------------------------------------------------------------- 1 | .tpl-grid_vertical-align_top { 2 | align-items: flex-start; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/_distribute/tpl-layout__container_distribute_center.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container_distribute_center { 2 | margin: 0 auto; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/_size/tpl-layout__container_size_full.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container_size_full { 2 | max-width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/_size/tpl-layout__container_size_m.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container_size_m { 2 | max-width: 1144px; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/_size/tpl-layout__container_size_s.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container_size_s { 2 | max-width: 880px; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/_size/tpl-layout__container_size_xs.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container_size_xs { 2 | max-width: 560px; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__container/tpl-layout__container.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__container { 2 | width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__content/tpl-layout__content.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__content { 2 | padding: 0 var(--gap); 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/__heading/tpl-layout__heading.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__heading { } 2 | -------------------------------------------------------------------------------- /tpl-layout/__panel/tpl-layout__panel.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__panel { } 2 | -------------------------------------------------------------------------------- /tpl-layout/__section/tpl-layout__section.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout__section { 2 | box-sizing: border-box; 3 | } 4 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_10-90.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_10-90 { 2 | display: grid; 3 | grid-template-columns: 10% 90%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_20-60-20.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_20-60-20 { 2 | display: grid; 3 | grid-template-columns: 20% 60% 20%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_30-70.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_30-70 { 2 | display: grid; 3 | grid-template-columns: 30% 70%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_50-50.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_50-50 { 2 | display: grid; 3 | grid-template-columns: 50% 50%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_70-30.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_70-30 { 2 | display: grid; 3 | grid-template-columns: 70% 30%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/_structure/tpl-layout_structure_90-10.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout_structure_90-10 { 2 | display: grid; 3 | grid-template-columns: 90% 10%; 4 | grid-template-rows: minmax(100vh, auto); 5 | } 6 | -------------------------------------------------------------------------------- /tpl-layout/tpl-layout.post.css: -------------------------------------------------------------------------------- 1 | .tpl-layout { 2 | display: grid; 3 | } 4 | -------------------------------------------------------------------------------- /vector/_size/vector_size_m.post.css: -------------------------------------------------------------------------------- 1 | .vector_size_m { 2 | width: 80px; 3 | height: 80px; 4 | } --------------------------------------------------------------------------------