'AZO social share buttons' samples

=== sample 1 ===

  • [ssb] icon only
  • [ssb] column = 0(unlimit) / raw = 0(unlimit) (1 row only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 1em 1em;
  • [td] border-radius: 10%;
  • [icon] width: 2em;

=== sample 2 ===

  • [ssb] icon only
  • [ssb] column = 0(unlimit) / raw = 0(unlimit) (1 row only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 1em 1em;
  • [td] border-radius: 50%;
  • [icon] width: 2em;

=== sample 3 ===

  • [ssb] icon only
  • [ssb] column = 0(unlimit) / raw = 0(unlimit) (1 row only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 0.2em 1em;
  • [td] border-radius: 5px;
  • [td] width: 5em;
  • [icon] width: 2em;

=== sample 4 ===

  • [ssb] icon and label
  • [ssb] column = 0(unlimit) / raw = 0(unlimit) (1 row only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 0em 1em;
  • [td] border-radius: 0%;
  • [td] width: 10em;
  • [icon] width: 2em;

=== sample 5 ===

  • [ssb] icon new-line label
  • [ssb] column = 0(unlimit) / raw = 0(unlimit) (1 row only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 0em 1em;
  • [td] border-radius: 0%;
  • [td] width: 8em;
  • [icon] width: 2em;

=== sample 6 ===

  • [ssb] icon only
  • [ssb] column = 1 / raw = 0(unlimit) (1 column only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 1em 1em;
  • [td] border-radius: 10%;
  • [icon] width: 2em;

=== sample 7 ===

  • [ssb] icon and label
  • [ssb] column = 1 / raw = 0(unlimit) (1 column only)
  • [table] border-collapse: separate;
  • [table] border-spacing: 1em 0.5em;
  • [td] border-radius: 5px;
  • [td] width: 10em;
  • [icon] width: 2em;

=== sample 8 ===

  • [ssb] icon and label
  • [ssb] column = 2 / raw = 4 (max 8 items)
  • [table] border-collapse: separate;
  • [table] border-spacing: 0.5em 0.5em;
  • [td] border-radius: 5px;
  • [td] width: 10em;
  • [icon] width: 2em;

=== sample 9 ===

  • [ssb] icon new-line label
  • [ssb] column = 2 / raw = 4 (max 8 items)
  • [table] border-collapse: separate;
  • [table] border-spacing: 0.5em 0.5em;
  • [td] border-radius: 5px;
  • [td] width: 8em;
  • [icon] width: 2em;

=== sample 10 ===

  • [ssb] icon only
  • [ssb] column = 10 / raw = 0(unlimit)
  • [table] border-collapse: separate;
  • [table] border-spacing: 1em 1em;
  • [td] border-radius: 10%;
  • [icon] width: 2em;