Adding some custom CSS for small viewports

vmware-tanzu · Oct 5, 2021 · 6b684cc · 6b684cc
1 parent 49c8fe5
commit 6b684cc
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/site/themes/template/assets/scss/_components.scss b/site/themes/template/assets/scss/_components.scss
@@ -595,6 +595,24 @@
         @include breakpoint(large) {
             width: 22%;
         }
+        @include breakpoint(small){
+            h4{
+                font-weight: bold;
+                font-size: 12px;
+                word-break: break-word;
+                padding-right: 2px;
+            }
+            a{
+                font-size: 10px;
+                word-break: break-word; 
+            }
+            button{
+                // width: 30%;
+                background-image:none !important;
+                padding: 10px 10px 10px 10px !important;
+                font-size: 12px !important;
+            }
+        }
     }
     .docs-content {
         width: 75%;