@gravity-ui/uikit/build/cjs/components/layout/spacing/spacing.css

Gravity UI base styling and components

.g-s__m_0 {
  margin: var(--g-spacing-0);
}
.g-s__mr_0 {
  margin-inline-end: var(--g-spacing-0);
}
.g-s__ml_0 {
  margin-inline-start: var(--g-spacing-0);
}
.g-s__mt_0 {
  margin-block-start: var(--g-spacing-0);
}
.g-s__mb_0 {
  margin-block-end: var(--g-spacing-0);
}
.g-s__mx_0 {
  margin-inline: var(--g-spacing-0);
}
.g-s__my_0 {
  margin-block: var(--g-spacing-0);
}
.g-s__p_0 {
  padding: var(--g-spacing-0);
}
.g-s__pl_0 {
  padding-inline-start: var(--g-spacing-0);
}
.g-s__pr_0 {
  padding-inline-end: var(--g-spacing-0);
}
.g-s__pb_0 {
  padding-block-end: var(--g-spacing-0);
}
.g-s__pt_0 {
  padding-block-start: var(--g-spacing-0);
}
.g-s__py_0 {
  padding-block: var(--g-spacing-0);
}
.g-s__px_0 {
  padding-inline: var(--g-spacing-0);
}
.g-s__m_half {
  margin: var(--g-spacing-half);
}
.g-s__mr_half {
  margin-inline-end: var(--g-spacing-half);
}
.g-s__ml_half {
  margin-inline-start: var(--g-spacing-half);
}
.g-s__mt_half {
  margin-block-start: var(--g-spacing-half);
}
.g-s__mb_half {
  margin-block-end: var(--g-spacing-half);
}
.g-s__mx_half {
  margin-inline: var(--g-spacing-half);
}
.g-s__my_half {
  margin-block: var(--g-spacing-half);
}
.g-s__p_half {
  padding: var(--g-spacing-half);
}
.g-s__pl_half {
  padding-inline-start: var(--g-spacing-half);
}
.g-s__pr_half {
  padding-inline-end: var(--g-spacing-half);
}
.g-s__pb_half {
  padding-block-end: var(--g-spacing-half);
}
.g-s__pt_half {
  padding-block-start: var(--g-spacing-half);
}
.g-s__py_half {
  padding-block: var(--g-spacing-half);
}
.g-s__px_half {
  padding-inline: var(--g-spacing-half);
}
.g-s__m_1 {
  margin: var(--g-spacing-1);
}
.g-s__mr_1 {
  margin-inline-end: var(--g-spacing-1);
}
.g-s__ml_1 {
  margin-inline-start: var(--g-spacing-1);
}
.g-s__mt_1 {
  margin-block-start: var(--g-spacing-1);
}
.g-s__mb_1 {
  margin-block-end: var(--g-spacing-1);
}
.g-s__mx_1 {
  margin-inline: var(--g-spacing-1);
}
.g-s__my_1 {
  margin-block: var(--g-spacing-1);
}
.g-s__p_1 {
  padding: var(--g-spacing-1);
}
.g-s__pl_1 {
  padding-inline-start: var(--g-spacing-1);
}
.g-s__pr_1 {
  padding-inline-end: var(--g-spacing-1);
}
.g-s__pb_1 {
  padding-block-end: var(--g-spacing-1);
}
.g-s__pt_1 {
  padding-block-start: var(--g-spacing-1);
}
.g-s__py_1 {
  padding-block: var(--g-spacing-1);
}
.g-s__px_1 {
  padding-inline: var(--g-spacing-1);
}
.g-s__m_2 {
  margin: var(--g-spacing-2);
}
.g-s__mr_2 {
  margin-inline-end: var(--g-spacing-2);
}
.g-s__ml_2 {
  margin-inline-start: var(--g-spacing-2);
}
.g-s__mt_2 {
  margin-block-start: var(--g-spacing-2);
}
.g-s__mb_2 {
  margin-block-end: var(--g-spacing-2);
}
.g-s__mx_2 {
  margin-inline: var(--g-spacing-2);
}
.g-s__my_2 {
  margin-block: var(--g-spacing-2);
}
.g-s__p_2 {
  padding: var(--g-spacing-2);
}
.g-s__pl_2 {
  padding-inline-start: var(--g-spacing-2);
}
.g-s__pr_2 {
  padding-inline-end: var(--g-spacing-2);
}
.g-s__pb_2 {
  padding-block-end: var(--g-spacing-2);
}
.g-s__pt_2 {
  padding-block-start: var(--g-spacing-2);
}
.g-s__py_2 {
  padding-block: var(--g-spacing-2);
}
.g-s__px_2 {
  padding-inline: var(--g-spacing-2);
}
.g-s__m_3 {
  margin: var(--g-spacing-3);
}
.g-s__mr_3 {
  margin-inline-end: var(--g-spacing-3);
}
.g-s__ml_3 {
  margin-inline-start: var(--g-spacing-3);
}
.g-s__mt_3 {
  margin-block-start: var(--g-spacing-3);
}
.g-s__mb_3 {
  margin-block-end: var(--g-spacing-3);
}
.g-s__mx_3 {
  margin-inline: var(--g-spacing-3);
}
.g-s__my_3 {
  margin-block: var(--g-spacing-3);
}
.g-s__p_3 {
  padding: var(--g-spacing-3);
}
.g-s__pl_3 {
  padding-inline-start: var(--g-spacing-3);
}
.g-s__pr_3 {
  padding-inline-end: var(--g-spacing-3);
}
.g-s__pb_3 {
  padding-block-end: var(--g-spacing-3);
}
.g-s__pt_3 {
  padding-block-start: var(--g-spacing-3);
}
.g-s__py_3 {
  padding-block: var(--g-spacing-3);
}
.g-s__px_3 {
  padding-inline: var(--g-spacing-3);
}
.g-s__m_4 {
  margin: var(--g-spacing-4);
}
.g-s__mr_4 {
  margin-inline-end: var(--g-spacing-4);
}
.g-s__ml_4 {
  margin-inline-start: var(--g-spacing-4);
}
.g-s__mt_4 {
  margin-block-start: var(--g-spacing-4);
}
.g-s__mb_4 {
  margin-block-end: var(--g-spacing-4);
}
.g-s__mx_4 {
  margin-inline: var(--g-spacing-4);
}
.g-s__my_4 {
  margin-block: var(--g-spacing-4);
}
.g-s__p_4 {
  padding: var(--g-spacing-4);
}
.g-s__pl_4 {
  padding-inline-start: var(--g-spacing-4);
}
.g-s__pr_4 {
  padding-inline-end: var(--g-spacing-4);
}
.g-s__pb_4 {
  padding-block-end: var(--g-spacing-4);
}
.g-s__pt_4 {
  padding-block-start: var(--g-spacing-4);
}
.g-s__py_4 {
  padding-block: var(--g-spacing-4);
}
.g-s__px_4 {
  padding-inline: var(--g-spacing-4);
}
.g-s__m_5 {
  margin: var(--g-spacing-5);
}
.g-s__mr_5 {
  margin-inline-end: var(--g-spacing-5);
}
.g-s__ml_5 {
  margin-inline-start: var(--g-spacing-5);
}
.g-s__mt_5 {
  margin-block-start: var(--g-spacing-5);
}
.g-s__mb_5 {
  margin-block-end: var(--g-spacing-5);
}
.g-s__mx_5 {
  margin-inline: var(--g-spacing-5);
}
.g-s__my_5 {
  margin-block: var(--g-spacing-5);
}
.g-s__p_5 {
  padding: var(--g-spacing-5);
}
.g-s__pl_5 {
  padding-inline-start: var(--g-spacing-5);
}
.g-s__pr_5 {
  padding-inline-end: var(--g-spacing-5);
}
.g-s__pb_5 {
  padding-block-end: var(--g-spacing-5);
}
.g-s__pt_5 {
  padding-block-start: var(--g-spacing-5);
}
.g-s__py_5 {
  padding-block: var(--g-spacing-5);
}
.g-s__px_5 {
  padding-inline: var(--g-spacing-5);
}
.g-s__m_6 {
  margin: var(--g-spacing-6);
}
.g-s__mr_6 {
  margin-inline-end: var(--g-spacing-6);
}
.g-s__ml_6 {
  margin-inline-start: var(--g-spacing-6);
}
.g-s__mt_6 {
  margin-block-start: var(--g-spacing-6);
}
.g-s__mb_6 {
  margin-block-end: var(--g-spacing-6);
}
.g-s__mx_6 {
  margin-inline: var(--g-spacing-6);
}
.g-s__my_6 {
  margin-block: var(--g-spacing-6);
}
.g-s__p_6 {
  padding: var(--g-spacing-6);
}
.g-s__pl_6 {
  padding-inline-start: var(--g-spacing-6);
}
.g-s__pr_6 {
  padding-inline-end: var(--g-spacing-6);
}
.g-s__pb_6 {
  padding-block-end: var(--g-spacing-6);
}
.g-s__pt_6 {
  padding-block-start: var(--g-spacing-6);
}
.g-s__py_6 {
  padding-block: var(--g-spacing-6);
}
.g-s__px_6 {
  padding-inline: var(--g-spacing-6);
}
.g-s__m_7 {
  margin: var(--g-spacing-7);
}
.g-s__mr_7 {
  margin-inline-end: var(--g-spacing-7);
}
.g-s__ml_7 {
  margin-inline-start: var(--g-spacing-7);
}
.g-s__mt_7 {
  margin-block-start: var(--g-spacing-7);
}
.g-s__mb_7 {
  margin-block-end: var(--g-spacing-7);
}
.g-s__mx_7 {
  margin-inline: var(--g-spacing-7);
}
.g-s__my_7 {
  margin-block: var(--g-spacing-7);
}
.g-s__p_7 {
  padding: var(--g-spacing-7);
}
.g-s__pl_7 {
  padding-inline-start: var(--g-spacing-7);
}
.g-s__pr_7 {
  padding-inline-end: var(--g-spacing-7);
}
.g-s__pb_7 {
  padding-block-end: var(--g-spacing-7);
}
.g-s__pt_7 {
  padding-block-start: var(--g-spacing-7);
}
.g-s__py_7 {
  padding-block: var(--g-spacing-7);
}
.g-s__px_7 {
  padding-inline: var(--g-spacing-7);
}
.g-s__m_8 {
  margin: var(--g-spacing-8);
}
.g-s__mr_8 {
  margin-inline-end: var(--g-spacing-8);
}
.g-s__ml_8 {
  margin-inline-start: var(--g-spacing-8);
}
.g-s__mt_8 {
  margin-block-start: var(--g-spacing-8);
}
.g-s__mb_8 {
  margin-block-end: var(--g-spacing-8);
}
.g-s__mx_8 {
  margin-inline: var(--g-spacing-8);
}
.g-s__my_8 {
  margin-block: var(--g-spacing-8);
}
.g-s__p_8 {
  padding: var(--g-spacing-8);
}
.g-s__pl_8 {
  padding-inline-start: var(--g-spacing-8);
}
.g-s__pr_8 {
  padding-inline-end: var(--g-spacing-8);
}
.g-s__pb_8 {
  padding-block-end: var(--g-spacing-8);
}
.g-s__pt_8 {
  padding-block-start: var(--g-spacing-8);
}
.g-s__py_8 {
  padding-block: var(--g-spacing-8);
}
.g-s__px_8 {
  padding-inline: var(--g-spacing-8);
}
.g-s__m_9 {
  margin: var(--g-spacing-9);
}
.g-s__mr_9 {
  margin-inline-end: var(--g-spacing-9);
}
.g-s__ml_9 {
  margin-inline-start: var(--g-spacing-9);
}
.g-s__mt_9 {
  margin-block-start: var(--g-spacing-9);
}
.g-s__mb_9 {
  margin-block-end: var(--g-spacing-9);
}
.g-s__mx_9 {
  margin-inline: var(--g-spacing-9);
}
.g-s__my_9 {
  margin-block: var(--g-spacing-9);
}
.g-s__p_9 {
  padding: var(--g-spacing-9);
}
.g-s__pl_9 {
  padding-inline-start: var(--g-spacing-9);
}
.g-s__pr_9 {
  padding-inline-end: var(--g-spacing-9);
}
.g-s__pb_9 {
  padding-block-end: var(--g-spacing-9);
}
.g-s__pt_9 {
  padding-block-start: var(--g-spacing-9);
}
.g-s__py_9 {
  padding-block: var(--g-spacing-9);
}
.g-s__px_9 {
  padding-inline: var(--g-spacing-9);
}
.g-s__m_10 {
  margin: var(--g-spacing-10);
}
.g-s__mr_10 {
  margin-inline-end: var(--g-spacing-10);
}
.g-s__ml_10 {
  margin-inline-start: var(--g-spacing-10);
}
.g-s__mt_10 {
  margin-block-start: var(--g-spacing-10);
}
.g-s__mb_10 {
  margin-block-end: var(--g-spacing-10);
}
.g-s__mx_10 {
  margin-inline: var(--g-spacing-10);
}
.g-s__my_10 {
  margin-block: var(--g-spacing-10);
}
.g-s__p_10 {
  padding: var(--g-spacing-10);
}
.g-s__pl_10 {
  padding-inline-start: var(--g-spacing-10);
}
.g-s__pr_10 {
  padding-inline-end: var(--g-spacing-10);
}
.g-s__pb_10 {
  padding-block-end: var(--g-spacing-10);
}
.g-s__pt_10 {
  padding-block-start: var(--g-spacing-10);
}
.g-s__py_10 {
  padding-block: var(--g-spacing-10);
}
.g-s__px_10 {
  padding-inline: var(--g-spacing-10);
}