Review all boxes to have border radius.

StevenBlack · Nov 26, 2018 · 859fc1b · 859fc1b
1 parent eeed600
commit 859fc1b
Show file tree

Hide file tree

Showing 8 changed files with 26 additions and 17 deletions.
diff --git a/src/html/call-to-action/call-to-action-10.html b/src/html/call-to-action/call-to-action-10.html
@@ -2,7 +2,7 @@
   <div class="container py-5 my-5 bg-r" style="background-image: url(imgs/shapes/4.svg);">
     <div class="row justify-content-end py-5">
       <div class="col-12 col-md-8 col-lg-6 mr-5 text-center">
-        <div class="fdb-box rounded-0">
+        <div class="fdb-box">
           <h1>Call to Action</h1>
           <p class="lead">
             When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove

diff --git a/src/html/contents/contents-33.html b/src/html/contents/contents-33.html
@@ -2,7 +2,7 @@
   <div class="container pt-5 mt-5" style="background-image: url(imgs/shapes/9.svg);">
     <div class="row text-left pt-5">
       <div class="col-12 col-md-8 col-lg-6">
-        <div class="fdb-box fdb-touch rounded-0">
+        <div class="fdb-box fdb-touch rounded-bottom-0">
           <h2><strong>Design Blocks</strong></h2>
           <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
           <p class="lead mt-4"><a href="https://www.froala.com">Read More</a></p>

diff --git a/src/html/contents/contents-34.html b/src/html/contents/contents-34.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row text-left justify-content-end">
       <div class="col-12 col-md-6 col-xl-5">
-        <div class="fdb-box rounded-0">
+        <div class="fdb-box rounded-bottom-0">
           <h2><strong>Design Blocks</strong></h2>
           <p class="lead">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 

diff --git a/src/html/pricings/pricings-06.html b/src/html/pricings/pricings-06.html
@@ -8,7 +8,7 @@ <h1>Pricing Plans</h1>
 
     <div class="row mt-5 align-items-top">
       <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left">
-        <div class="br">
+        <div class="rounded">
           <div class="bg-dark p-3 text-center">
             <h2 class="font-weight-light">Startup</h2>
             <p class="h2"><strong>$9.90</strong></p>
@@ -28,7 +28,7 @@ <h2 class="font-weight-light">Startup</h2>
       </div>
 
       <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left pt-4 pt-lg-0">
-        <div class="br">
+        <div class="rounded">
           <div class="bg-dark p-3 text-center">
             <h2 class="font-weight-light">Standard</h2>
             <p class="h2"><strong>$19.90</strong></p>
@@ -48,7 +48,7 @@ <h2 class="font-weight-light">Standard</h2>
       </div>
 
       <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left pt-4 pt-lg-0">
-        <div class="br">
+        <div class="rounded">
           <div class="bg-dark p-3 text-center">
             <h2 class="font-weight-light">Business</h2>
             <p class="h2"><strong>$29.90</strong></p>

diff --git a/src/html/teams/teams-04.html b/src/html/teams/teams-04.html
@@ -8,28 +8,28 @@ <h1>Team</h1>
 
     <div class="row text-center mt-5">
       <div class="col-3">
-        <img alt="image" class="img-fluid" src="./imgs/people/5.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/5.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>A wonderful serenity has taken possession of my entire soul.</p>
       </div>
 
       <div class="col-3">
-        <img alt="image" class="img-fluid" src="./imgs/people/6.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/6.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>Pityful a rethoric question ran over her cheek.</p>
       </div>
 
       <div class="col-3">
-        <img alt="image" class="img-fluid" src="./imgs/people/3.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/3.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>And if she hasn’t been rewritten, then they are still using her.</p>
       </div>
 
       <div class="col-3">
-        <img alt="image" class="img-fluid" src="./imgs/people/2.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/2.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>Wild Question Marks, but the Little Blind Text didn’t listen.</p>

diff --git a/src/html/teams/teams-06.html b/src/html/teams/teams-06.html
@@ -8,21 +8,21 @@ <h1>Team</h1>
 
     <div class="row text-center mt-5">
       <div class="col-4">
-        <img alt="image" class="img-fluid" src="./imgs/people/9.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/9.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
       </div>
 
       <div class="col-4">
-        <img alt="image" class="img-fluid" src="./imgs/people/1.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/1.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>One morning, when Gregor Samsa woke from troubled dreams.</p>
       </div>
 
       <div class="col-4">
-        <img alt="image" class="img-fluid" src="./imgs/people/3.jpg">
+        <img alt="image" class="img-fluid rounded" src="./imgs/people/3.jpg">
         <h3><strong>John Smith</strong></h3>
         <p>Position</p>
         <p>A small river named Duden flows by their place and supplies it.</p>

diff --git a/src/html/teams/teams-08.html b/src/html/teams/teams-08.html
@@ -13,7 +13,7 @@ <h1>Our Amazing Team</h1>
       <div class="col-sm-6">
         <div class="row align-items-center">
           <div class="col-4">
-            <img alt="image" class="img-fluid" src="./imgs/people/8.jpg">
+            <img alt="image" class="img-fluid rounded" src="./imgs/people/8.jpg">
           </div>
 
           <div class="col-8">
@@ -28,7 +28,7 @@ <h3><strong>Employee Name</strong></h3>
       <div class="col-sm-6">
         <div class="row align-items-center">
           <div class="col-4">
-            <img alt="image" class="img-fluid" src="./imgs/people/7.jpg">
+            <img alt="image" class="img-fluid rounded" src="./imgs/people/7.jpg">
           </div>
 
           <div class="col-8">
@@ -47,7 +47,7 @@ <h3><strong>Employee Name</strong></h3>
       <div class="col-sm-6">
         <div class="row align-items-center">
           <div class="col-4">
-            <img alt="image" class="img-fluid" src="./imgs/people/9.jpg">
+            <img alt="image" class="img-fluid rounded" src="./imgs/people/9.jpg">
           </div>
 
           <div class="col-8">
@@ -62,7 +62,7 @@ <h3><strong>Employee Name</strong></h3>
       <div class="col-sm-6">
         <div class="row align-items-center">
           <div class="col-4">
-            <img alt="image" class="img-fluid" src="./imgs/people/4.jpg">
+            <img alt="image" class="img-fluid rounded" src="./imgs/people/4.jpg">
           </div>
 
           <div class="col-8">

diff --git a/src/scss/froala_blocks.scss b/src/scss/froala_blocks.scss
@@ -21,6 +21,15 @@ p {
   font-weight: $paragraph-font-weight;
 }
 
+.rounded {
+  overflow: hidden;
+}
+
+.rounded-bottom-0 {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
 .fdb-block {
   @include font-smoothing(on);
   text-rendering: optimizelegibility;