Expressions are served encapsuled in a .urturn-expression-wrapper class that apply some defaults style:

body {
  box-sizing: border-box;
  background-origin: padding-box;
}

.urturn-expression-wrapper {
  font-size: 62.5%;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

Default buttons

Button styles can be applied to anything with the .ut-button class applied.

Button sizes

Edit buttons

Unorderd lists can be display vertically .vertical or horizontaly .horizontal extening the .index class. With margins by adding .spaced

.horizontal

<ul class="horizontal index">
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
<ul>

• Button
• Button
• Button

.vertical

<ul class="horizontal index spaced">
<ul class="vertical index">
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
<ul>

• Button
• Button
• Button