Base CSS

Fundamental Urturn Expressions elements styled and enhanced with extensible classes.

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

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>

.vertical

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

 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  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_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