36 行
768 B
SCSS
36 行
768 B
SCSS
/* #Align
|
|
-------------------------------------------------------------------------- */
|
|
/*doc
|
|
---
|
|
title: align
|
|
name: align
|
|
categories: [utility]
|
|
---
|
|
|
|
画像などを左右や中央に配置します。
|
|
|
|
```block
|
|
<div class="c-wrapper">
|
|
<img src="http://lorempixel.com/150/150/">
|
|
<img src="http://lorempixel.com/150/150/" class="u-align-center">
|
|
<img src="http://lorempixel.com/150/150/" class="u-align-right">
|
|
</div>
|
|
```
|
|
*/
|
|
.u-align-left {
|
|
display: block !important;
|
|
margin-left: 0 !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.u-align-center {
|
|
display: block !important;
|
|
margin-right: auto !important;
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
.u-align-right {
|
|
display: block !important;
|
|
margin-left: auto !important;
|
|
margin-right: 0 !important;
|
|
} |