page: add .row-borderless

demo.html

@@ -227,6 +227,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                             colonna al centro, verticalmente ed
                             orizzontalmente.
                         </p>
+
+                        <p>
+                            Se si vogliono rimuovere i bordi fra le righe,
+                            aggiungere la classe <code>.row-borderless</code>
+                            nella riga inferiore.
+                        </p>
                     </div>
                 </div>
                 <div class="row">
@@ -363,7 +369,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                         </p>
                     </div>
                 </div>
-                <div class="row">
+                <div class="row row-borderless">
                     <div class="col">
                         <p>
                             Sunt vitae recusandae laborum. Qui consequatur

scss/_page.scss

@@ -21,6 +21,7 @@ div.page {
     margin: 1.5em 0;
 
     div.row {
+        background: #fff;
         border-top: 1px dotted mix(#fff, $color_warm_gray, 40%);
         padding: 2em 1em;
         display: flex;
@@ -38,6 +39,12 @@ div.page {
             border-bottom-right-radius: 0.2em;
         }
 
+        &.row-borderless {
+            border-top: 0;
+            padding-top: 1em;
+            margin-top: -1em;
+        }
+
         div.col {
             flex: 1;
             margin: 0 1em;