Refine alignment and area usage

okkur · Oct 8, 2017 · 3f025d9 · 3f025d9
1 parent 6941ec3
commit 3f025d9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/layouts/partials/fragments/item-button.html b/layouts/partials/fragments/item-button.html
@@ -14,9 +14,11 @@
           {{- printf " justify-content-end" -}}
         {{- end -}}
       ">
-        <div class="col-12 col-lg-7 order-12
+        <div class="col-12 col-lg-8
           {{- if eq $data.align "left" -}}
-            {{- printf " order-lg-1" -}}
+            {{- printf " order-lg-1 pr-lg-5" -}}
+          {{- else -}}
+            {{- printf " order-lg-12 pl-lg-5" -}}
           {{- end -}}
         ">
           {{ if $data.title }}
@@ -59,19 +61,19 @@ <h5>
             ">{{ $data.description  | markdownify}}</div>
           {{ end }}
         </div>
-        <div class="col-12 col-lg-4 order-12 mt-5
+        <div class="col-12 col-lg-4 mt-5
           {{- if eq $data.align "left" -}}
-            {{- printf " ml-auto" -}}
+            {{- printf " order-lg-12 ml-auto" -}}
           {{- else -}}
             {{- printf " order-lg-1 mr-auto" -}}
           {{- end -}}
         ">
           <div class="row">
             <div class="col-12 text-center
               {{- if eq $data.align "left" -}}
-                {{- printf " text-lg-left" -}}
+                {{- printf " text-lg-left pl-lg-5" -}}
               {{- else if eq $data.align "right" -}}
-                {{- printf " text-lg-right" -}}
+                {{- printf " text-lg-right pr-lg-5" -}}
               {{- end -}}
             ">
               {{ range $data.buttons }}

diff --git a/layouts/partials/fragments/item.html b/layouts/partials/fragments/item.html
@@ -14,9 +14,11 @@
           {{- printf " justify-content-end" -}}
         {{- end -}}
       ">
-        <div class="col-12 col-lg-7 order-12
+        <div class="col-12 col-lg-8
           {{- if eq $data.align "left" -}}
-            {{- printf " order-lg-1" -}}
+            {{- printf " order-lg-1 pr-lg-5" -}}
+          {{- else -}}
+            {{- printf " order-lg-12 pl-lg-5" -}}
           {{- end -}}
         ">
           {{ if $data.title }}
@@ -59,19 +61,19 @@ <h5>
             ">{{ $data.description  | markdownify}}</div>
           {{ end }}
         </div>
-        <div class="col-12 col-lg-4 order-12 text-center mt-5
+        <div class="col-12 col-lg-4 text-center mt-5
           {{- if eq $data.align "left" -}}
-            {{- printf " ml-auto" -}}
+            {{- printf " order-lg-12 ml-auto" -}}
           {{- else -}}
             {{- printf " order-lg-1 mr-auto" -}}
           {{- end -}}
         ">
           <div class="row">
             <div class="col-12
               {{- if eq $data.align "left" -}}
-                {{- printf " text-lg-left mr-lg-auto" -}}
+                {{- printf " text-lg-left pl-lg-5" -}}
               {{- else if eq $data.align "right" -}}
-                {{- printf " text-lg-right ml-lg-auto" -}}
+                {{- printf " text-lg-right pr-lg-5" -}}
               {{- end -}}
             ">
               {{ if $data.icon }}