Spacing Complete
Adjust margin or padding properties of an element
- Margin top none
- Margin top small
- Margin top
- Margin top large
- Margin right none
- Margin right small
- Margin right
- Margin right large
- Margin bottom none
- Margin bottom small
- Margin bottom
- Margin bottom large
- Margin left none
- Margin left small
- Margin left
- Margin left large
- Padding none
- Padding small
- Padding
- Padding large
- Padding top none
- Padding top small
- Padding top
- Padding top large
- Padding bottom none
- Padding bottom small
- Padding bottom
- Padding bottom large
Margin top none orc-u-margin-top-none
Margin description
Margin top small orc-u-margin-top-small
Margin description
Margin top orc-u-margin-top
Margin description
Margin top large orc-u-margin-top-large
Margin description
Margin right none orc-u-margin-right-none
Margin description
Margin right small orc-u-margin-right-small
Margin description
Margin right orc-u-margin-right
Margin description
Margin right large orc-u-margin-right-large
Margin description
Margin bottom none orc-u-marginbottomp-none
Margin description
Margin bottom small orc-u-margin-bottom-small
Margin description
Margin bottom orc-u-margin-bottom
Margin description
Margin bottom large orc-u-margin-bottom-large
Margin description
Margin left none orc-u-margin-left-none
Margin description
Margin left small orc-u-margin-left-small
Margin description
Margin left orc-u-margin-left
Margin description
Margin left large orc-u-margin-left-large
Margin description
Padding none orc-u-padding-none
Padding description
Padding small orc-u-padding-small
Padding description
Padding orc-u-padding
Padding description
Padding large orc-u-padding-large
Padding description
Padding top none orc-u-padding-top-none
Padding description
Padding top small orc-u-padding-top-small
Padding description
Padding top orc-u-padding-top
Padding description
Padding top large orc-u-padding-top-large
Padding description
Padding bottom none orc-u-padding-bottom-none
Padding description
Padding bottom small orc-u-padding-bottom-small
Padding description
Padding bottom orc-u-padding-bottom
Padding description
Padding bottom large orc-u-padding-bottom-large
Padding description
-
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-top-none fpo-block"> Margin top none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-top-small fpo-block"> Margin top small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-top fpo-block"> Margin top </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-top-large fpo-block"> Margin top large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-right-none fpo-block"> Margin right none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-right-small fpo-block"> Margin right small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-right fpo-block"> Margin right </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-right-large fpo-block"> Margin right large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-bottom-none fpo-block"> Margin bottom none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-bottom-small fpo-block"> Margin bottom small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-bottom fpo-block"> Margin bottom </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-bottom-large fpo-block"> Margin bottom large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-left-none fpo-block"> Margin left none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-left-small fpo-block"> Margin left small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-left fpo-block"> Margin left </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-margin-left-large fpo-block"> Margin left large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-none fpo-block"> Padding none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-small fpo-block"> Padding small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding fpo-block"> Padding </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-large fpo-block"> Padding large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-top-none fpo-block"> Padding top none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-top-small fpo-block"> Padding top small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-top fpo-block"> Padding top </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-top-large fpo-block"> Padding top large </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-bottom-none fpo-block"> Padding bottom none </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-bottom-small fpo-block"> Padding bottom small </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-bottom fpo-block"> Padding bottom </div> -
<!-- 'fpo' stands for 'for placement only'. 'fpo-block' should be ignored--> <div class="orc-u-padding-bottom-large fpo-block"> Padding bottom large </div>