<div class="grid-2col gap10 t-center t-white">
    <div class="pad30 gr-linear-top">gr-linear-top</div>
    <div class="pad30 gr-linear-right">gr-linear-right</div>
    <div class="pad30 gr-linear-bottom">gr-linear-bottom</div>
    <div class="pad30 gr-linear-left">gr-linear-left</div>

    <div class="pad30 gr-linear-top-right">gr-linear-top-right</div>
    <div class="pad30 gr-linear-top-left">gr-linear-top-left</div>
    <div class="pad30 gr-linear-bottom-right">gr-linear-bottom-right</div>
    <div class="pad30 gr-linear-bottom-left">gr-linear-bottom-left</div>

    <div class="pad30 gr-radial-circle">gr-radial-circle</div>
    <div class="pad30 gr-radial-ellipse">gr-radial-ellipse</div>
    <div class="pad30 gr-radial-closest-side">gr-radial-closest-side</div>
    <div class="pad30 gr-radial-closest-corner">gr-radial-closest-corner</div>
    <div class="pad30 gr-radial-farthest-side">gr-radial-farthest-side</div>
    <div class="pad30 gr-radial-farthest-corner">gr-radial-farthest-corner</div>
</div>