Fixed fieldset styling

StrutTower · Feb 7, 2022 · d41ebf7 · d41ebf7
1 parent 84d48a4
commit d41ebf7
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 23 deletions.
diff --git a/demo/typography.html b/demo/typography.html
@@ -104,8 +104,17 @@ <h4>Blockquote</h4>
 
         <hr />
 
-        <h4>Code Elements</h4>
 
+        <h4>Fieldset</h4>
+        <fieldset>
+            <legend>Legend</legend>
+            <p>Content</p>
+            <div>More Content</div>
+        </fieldset>
+
+        <hr />
+
+        <h4>Code Elements</h4>
         <h5>Inline Code</h5>
         <p>
             For example, <code>&lt;section&gt;</code> should be wrapped as inline.

diff --git a/dist/tower-dark-theme.css b/dist/tower-dark-theme.css
@@ -11277,10 +11277,11 @@ fieldset {
 }
 fieldset legend {
   width: auto;
-  margin-left: 0.3rem;
-  font-size: 1rem;
+  float: none;
+  font-size: 1.1rem;
   padding-left: 0.3rem;
   padding-right: 0.3rem;
+  margin-left: 0.3rem;
   margin-bottom: 0;
 }
 

diff --git a/dist/tower-dark-theme.min.css b/dist/tower-dark-theme.min.css
diff --git a/dist/tower-light-theme.css b/dist/tower-light-theme.css
@@ -11218,15 +11218,6 @@ label.form-check, label.form-check-inline {
   text-shadow: 2px 2px 5px black;
 }
 
-.btn.btn-outline-light {
-  color: #aaa;
-  border-color: #ccc;
-}
-
-::-webkit-calendar-picker-indicator {
-  filter: invert(30%);
-}
-
 .text-faded {
   opacity: 0.7;
 }
@@ -11285,9 +11276,19 @@ fieldset {
 }
 fieldset legend {
   width: auto;
-  margin-left: 0.3rem;
-  font-size: 1rem;
+  float: none;
+  font-size: 1.1rem;
   padding-left: 0.3rem;
   padding-right: 0.3rem;
+  margin-left: 0.3rem;
   margin-bottom: 0;
+}
+
+.btn.btn-outline-light {
+  color: #aaa;
+  border-color: #ccc;
+}
+
+::-webkit-calendar-picker-indicator {
+  filter: invert(30%);
 }
diff --git a/dist/tower-light-theme.min.css b/dist/tower-light-theme.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tower-bootstrap-theme",
-  "version": "5.2.1",
+  "version": "5.2.2",
   "description": "",
   "main": "index.js",
   "author": "StrutTower",

diff --git a/src/_other.scss b/src/_other.scss
@@ -64,10 +64,11 @@ fieldset {
 
     legend {
         width: auto;
-        margin-left: .3rem;
-        font-size: 1rem;
+        float: none;
+        font-size:1.1rem;
         padding-left: 0.3rem;
         padding-right: 0.3rem;
+        margin-left: .3rem;
         margin-bottom: 0;
     }
-}
+}
diff --git a/src/light-theme.scss b/src/light-theme.scss
@@ -1,5 +1,4 @@
-
-@import "variables";
+@import "variables";
 @import "variablesLight";
 
 
@@ -8,5 +7,5 @@
 @import "input";
 @import "carousel";
 @import "breadcrumbs";
-@import "fixesLight";
 @import "other";
+@import "fixesLight";