# Globals

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;
    }

# Buttons

## Default buttons

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

Button | class=""
--- | ---
Unstyled | `ut-button`
Default | `ut-default-button ut-button`
Primary | `ut-primary-button ut-button`
Default | `ut-success-button ut-button`
Default | `ut-dark-button ut-button`
Default | `ut-gold-button ut-button`

## Button sizes

Button | class=""
--- | ---
Default | `ut-giant-button ut-default-button ut-button`
Default | `ut-huge-button ut-default-button ut-button`
Default | `ut-large-button ut-default-button ut-button`
Default | `ut-medium-button ut-default-button ut-button`
Default | `ut-small-button ut-default-button ut-button`

## Edit buttons

Button | class=""
--- | ---
Default | `ut-action-button ut-button`
| `icon_camera ut-item-button`
| `icon_check ut-panel-button ut-button`
Add video | `icon_video ut-media-button ut-button`

# Lists

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

# Icons

icon_zoom_out icon_zoom_in icon_youtube icon_yahoo icon_vimeo icon_video icon_video_alt icon_user icon_urturn icon_urturn_alt icon_unrepost icon_unlock icon_unlisted icon_unfollow icon_twitter icon_twitter_alt icon_tumblr icon_trash icon_theme icon_text icon_text_small icon_text_big icon_switch icon_stop icon_star icon_star_outline icon_spinner icon_soundcloud icon_sound icon_sidebar icon_shopping_cart icon_share icon_settings icon_search icon_scissors-20 icon_rotate icon_repost icon_reply icon_reload icon_refresh icon_record icon_quote_close icon_point_up icon_point_right icon_point_left icon_point_down icon_play icon_pinterest icon_pin_up icon_pin_right icon_pin_left icon_pin_down icon_picture icon_picture_alt icon_pen icon_pause icon_participated icon_orientation icon_notifications icon_new_post icon_move icon_more icon_mobile icon_microphone icon_mail icon_lock icon_location icon_load icon_link icon_layout_4 icon_layout_3 icon_layout_2 icon_itunes icon_instagram icon_info icon_home icon_heart icon_heart_outline icon_heart_break icon_google icon_google_plus icon_globe icon_generating icon_fullscreen icon_fullscreen_exit icon_following icon_following_activities icon_follow icon_flickr icon_flash icon_flag icon_filters icon_facebook icon_facebook_alt icon_eye icon_eraser icon_edit icon_delete icon_delete_alt icon_dailymotion icon_contact icon_connect icon_comment icon_comment_outline icon_cloud_upload icon_clock icon_check icon_check_alt icon_category icon_camera icon_camera_switch icon_bucket icon_brush icon_browse icon_blogger icon_block icon_background icon_arrow_up icon_arrow_right icon_arrow_left icon_arrow_down icon_alert icon_add icon_add_friends icon_add_alt icon_activity