active_frontend 17.6.2 → 17.6.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 947b7f81eb0fb31ec14194f1a69336a8bc2d68d59074df7fede6370423f6c892
-  data.tar.gz: 725fb46110d391eafe1ae0d5c387a03bcfebced446dc04640758fd953f385e96
+  metadata.gz: 6884b295858c037f5dd9498f46c690f1f8c26e41b9a810f51b35115a422bb2fd
+  data.tar.gz: 2c6aab3a692b80db4d6bcf180c6962c0b68dcaa5055343341c96f950da8a02d4
 SHA512:
-  metadata.gz: 5cd3d63acab14c7aaa65f44a58cd6a15a3264d61181d2527e2fed4a62dc9060d4dc55e065a58db730ce11912938f24e0c35af5437fbb7fdc8416e81c43f9803b
-  data.tar.gz: a3ef0d53c03e2e348ce907e0b2e80fa4044549a9416bf80d1e6cbdbbbff5233cd3d0ea3474afefa5652ddff0995a2abc70ee7cbed5bc9a426bb5fe07fa15e15d
+  metadata.gz: d31eeed3f6b6b09b1365a19481b989ad2e19dd26c37bef7107a86bff2422caef436f9acb47d6db63befd2bb43f5ef6a794afb0428aa8fa5356b8be815ef46cc0
+  data.tar.gz: 4945c8d016ebe8c5271a99dd3da75799eeb3aecde0de2c315482dbb64bafdde273d1927418de6320f4081c71be22940941e88bf944fdfef75b4aa245889c7abe

data/lib/active_frontend/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveFrontend
-  VERSION ||= '17.6.2'
+  VERSION ||= '17.6.3'
 end

data/vendor/assets/stylesheets/components/_grid.scss

@@ -74,10 +74,11 @@
   }
 }
 .container-grid {
+  align-content: flex-start;
   align-items: flex-start;
   display: grid;
   grid-gap: 20px;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: calc(33.33333% - 10px) calc(33.33333% - 20px) calc(33.33333% - 10px);
 
   @each $name in center, flex-end, flex-start, space-around, space-between, stretch {
     &.align-content-#{$name} { align-content: $name; }
@@ -131,7 +132,7 @@
 // ==================================================
 @media only screen and (min-width: breakpoint-min-width(xl)) {
   .container-cols { column-count: 4; }
-  .container-grid { grid-template-columns: repeat(4, 1fr); }
+  .container-grid { grid-template-columns: calc(25% - 10px) calc(25% - 20px) calc(25% - 20px) calc(25% - 10px); }
 }
 @media only screen and (min-width: breakpoint-min-width(b)) and (max-width: breakpoint-max-width(l)) {
   @each $name, $widths in $grid-container-widths {
@@ -155,7 +156,7 @@
   }
 
   .container-cols { column-count: 2; }
-  .container-grid { grid-template-columns: repeat(2, 1fr); }
+  .container-grid { grid-template-columns: calc(50% - 10px) calc(50% - 10px); }
   .hidden-desktop { display: inherit; }
   .hidden-tablet { display: none; }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 17.6.2
+  version: 17.6.3
 platform: ruby
 authors:
 - Juan Gomez