._u-animate
/src/css/object/utility/animate.styl
<style>
._u-animate:hover {
width: 100% !important;
opacity: .5 !important;
}
</style>
<div class="_u-animate" style="background-color: #333; width: 100px; height: 20px;"></div>
._u-animate-size
/src/css/object/utility/animate.styl
<style>
._u-animate-size:hover {
width: 100% !important;
}
</style>
<div class="_u-animate-size" style="background-color: #333; width: 100px; height: 20px;"></div>
._u-animate-opacity
/src/css/object/utility/animate.styl
<style>
._u-animate-opacity:hover {
opacity: .5 !important;
}
</style>
<div class="_u-animate-opacity" style="background-color: #333; width: 100px; height: 20px;"></div>
._u-animate-shake-vertical
/src/css/object/utility/animate.styl
<div class="_u-animate-shake-vertical" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-vibrate-vertical
/src/css/object/utility/animate.styl
<div class="_u-animate-vibrate-vertical" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-shake-horizontal
/src/css/object/utility/animate.styl
<div class="_u-animate-shake-horizontal" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-vibrate-horizontal
/src/css/object/utility/animate.styl
<div class="_u-animate-vibrate-horizontal" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-shake-scale
/src/css/object/utility/animate.styl
<div class="_u-animate-shake-scale" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-vibrate-scale
/src/css/object/utility/animate.styl
<div class="_u-animate-vibrate-scale" style="background-color: #333; width: 40px; height: 40px;"></div>
._u-animate-extend-underline
/src/css/object/utility/animate.styl
menu
<span class="_u-animate-extend-underline">menu</span>
._u-clearfix
/src/css/object/utility/clearfix.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <div class="_u-clearfix">
<img class="_u-pull-left" src="/aigis_assets/images/dummy.jpg" style="width: 150px; margin-right: 1em">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
._u-hidden-sm
/src/css/object/utility/hidden.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-hidden-sm">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-hidden-md
/src/css/object/utility/hidden.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-hidden-md">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-hidden-lg
/src/css/object/utility/hidden.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-hidden-lg">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
_u-img-2x
/src/css/object/utility/img.styl
<img class="_u-img-2x" src="/aigis_assets/images/dummy.jpg">
._u-pull-right
/src/css/object/utility/pull.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<img class="_u-pull-right" src="/aigis_assets/images/dummy.jpg" style="width: 150px; margin-left: 1em">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
._u-pull-left
/src/css/object/utility/pull.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<img class="_u-pull-left" src="/aigis_assets/images/dummy.jpg" style="width: 150px; margin-right: 1em">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
._u-text-center
/src/css/object/utility/text.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-text-center">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-text-right
/src/css/object/utility/text.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-text-right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-text-left
/src/css/object/utility/text.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-text-left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-sm-inline
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-sm-inline">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-sm-inline-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-sm-inline-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-sm-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-sm-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-sm-flex
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-sm-flex">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-md-inline
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-md-inline">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-md-inline-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-md-inline-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-md-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-md-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-md-flex
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-md-flex">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-lg-inline
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-lg-inline">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-lg-inline-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-lg-inline-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-lg-block
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-lg-block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
._u-visible-lg-flex
/src/css/object/utility/visible.styl
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<div class="_u-visible-lg-flex">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>