Unused CSS

textpattern · Feb 12, 2021 · e668725 · e668725
1 parent f3bfd82
commit e668725
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 114 deletions.
diff --git a/src/assets/sass/modules/_embedded-content.scss b/src/assets/sass/modules/_embedded-content.scss
@@ -46,30 +46,6 @@ img {
     }
 }
 
-/**
- * Rounded corner images.
- *
- * Example HTML:
- *
- * <img class="img--rounded">
- */
-
-.img--rounded {
-    border-radius: setup.$border-radius;
-}
-
-/**
- * Circular images.
- *
- * Example HTML:
- *
- * <img class="img--circular">
- */
-
-.img--circular {
-    border-radius: 50%;
-}
-
 /**
  * Bordered images.
  *

diff --git a/src/assets/sass/modules/_forms.scss b/src/assets/sass/modules/_forms.scss
@@ -87,20 +87,13 @@ textarea,
  * 1. Remove browser-specific default styling.
  */
 
-[type="color"],
-[type="date"],
-[type="datetime"],
-[type="datetime-local"],
 [type="email"],
-[type="month"],
 [type="number"],
 [type="password"],
 [type="search"],
 [type="tel"],
 [type="text"],
-[type="time"],
 [type="url"],
-[type="week"],
 select,
 textarea {
     height: 2em; // 32px / 16px
@@ -121,20 +114,13 @@ textarea {
 }
 
 @include setup.dark-mode {
-    [type="color"],
-    [type="date"],
-    [type="datetime"],
-    [type="datetime-local"],
     [type="email"],
-    [type="month"],
     [type="number"],
     [type="password"],
     [type="search"],
     [type="tel"],
     [type="text"],
-    [type="time"],
     [type="url"],
-    [type="week"],
     select,
     textarea {
         border-color: var(--clr-brdr-x-dark);

diff --git a/src/assets/sass/modules/_print.scss b/src/assets/sass/modules/_print.scss
@@ -22,14 +22,6 @@ body {
     font-family: "Helvetica Neue", sans-serif;
 }
 
-/**
- * Visually separate site header from body.
- */
-
-.site-header {
-    border-bottom: 1pt solid black;
-}
-
 /**
  * Hide unnecessary content from print.
  */
@@ -39,8 +31,9 @@ audio,
 video,
 form,
 .complementary-content,
-.search-form,
+.site-header,
 .site-footer,
+.search-form,
 .paginator,
 .a--skip-link {
     display: none;

diff --git a/src/assets/sass/modules/_social.scss b/src/assets/sass/modules/_social.scss
@@ -35,10 +35,6 @@
             filter: brightness(1.1);
         }
 
-        //&.facebook {
-        //    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect fill='%233b5998' width='32' height='32'/%3E%3Cpath fill='%23fff' d='M22,32V20h4l0.8-5H22v-3.3c0-1.4,0.5-2.4,2.5-2.4H27V5c-0.4-0.1-1.9-0.2-3.7-0.2c-3.7,0-6.3,2.3-6.3,6.4V15h-4v5h4v12H22z'/%3E%3C/svg%3E");
-        //}
-
         &.twitter {
             background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect fill='%2300aced' width='32' height='32'/%3E%3Cpath fill='%23fff' d='M26.7,9.4c-0.8,0.3-1.6,0.6-2.5,0.7c0.9-0.5,1.6-1.4,1.9-2.4c-0.8,0.5-1.8,0.9-2.8,1c-0.8-0.9-1.9-1.4-3.2-1.4c-2.4,0-4.4,2-4.4,4.4c0,0.3,0,0.7,0.1,1c-3.6-0.2-6.9-1.9-9-4.6c-0.4,0.6-0.6,1.4-0.6,2.2c0,1.5,0.8,2.9,1.9,3.6c-0.7,0-1.4-0.2-2-0.5l0,0c0,2.1,1.5,3.9,3.5,4.3c-0.4,0.1-0.8,0.2-1.2,0.2c-0.3,0-0.6,0-0.8,0c0.6,1.7,2.2,3,4,3c-1.5,1.2-3.4,1.9-5.4,1.9c-0.4,0-0.7,0-1-0.1c1.9,1.2,4.2,2,6.7,2c8.1,0,12.5-6.7,12.5-12.5c0-0.2,0-0.4,0-0.6C25.3,11,26.1,10.3,26.7,9.4z'/%3E%3C/svg%3E");
         }

diff --git a/src/assets/sass/modules/_tables.scss b/src/assets/sass/modules/_tables.scss
@@ -142,28 +142,12 @@ tfoot {
  *     </colgroup>
  */
 
-.t5 { width: 5%; }
-.t10 { width: 10%; }
-.t12 { width: 12.5%; }       // 1/8
-.t15 { width: 15%; }
-.t20 { width: 20%; }
-.t25 { width: 25%; }         // 1/4
-.t30 { width: 30%; }
-.t33 { width: 33.3333333%; } // 1/3
-.t35 { width: 35%; }
-.t37 { width: 37.5%; }       // 3/8
-.t40 { width: 40%; }
-.t45 { width: 45%; }
-.t50 { width: 50%; }         // 1/2
-.t55 { width: 55%; }
-.t60 { width: 60%; }
-.t62 { width: 62.5%; }       // 5/8
-.t65 { width: 65%; }
-.t66 { width: 66.6666667%; } // 2/3
-.t70 { width: 70%; }
-.t75 { width: 75%; }         // 3/4
-.t80 { width: 80%; }
-.t85 { width: 85%; }
-.t87 { width: 87.5%; }       // 7/8
-.t90 { width: 90%; }
-.t95 { width: 95%; }
+.t10 { width: 10%; }     // 1/10
+.t20 { width: 20%; }     // 1/5
+.t25 { width: 25%; }     // 1/4
+.t33 { width: 33.333%; } // 1/3
+.t50 { width: 50%; }     // 1/2
+.t66 { width: 66.666%; } // 2/3
+.t75 { width: 75%; }     // 3/4
+.t80 { width: 80%; }     // 4/5
+.t90 { width: 90%; }     // 9/10
diff --git a/src/docs/design-patterns.html b/src/docs/design-patterns.html
@@ -610,20 +610,6 @@ <h3>Images with links</h3>
                                 </p>
                             </div>
 
-                            <div class="layout-4col">
-                                <h3>Rounded images</h3>
-                                <p>
-                                    <img class="img--rounded" src="assets/img/com/160x160.png" alt="Alt text" itemprop="image">
-                                </p>
-                            </div>
-
-                            <div class="layout-4col">
-                                <h3>Circular images</h3>
-                                <p>
-                                    <img class="img--circular" src="assets/img/com/160x160.png" alt="Alt text" itemprop="image">
-                                </p>
-                            </div>
-
                         </div>
 
                         <h3>Figures</h3>
@@ -1063,26 +1049,10 @@ <h3>Inputs</h3>
                             </p>
 
                             <div class="layout-container">
-                                <p class="layout-3col">
-                                    <label for="color">Colour</label><br>
-                                    <input type="color" id="color" name="color" value="#cc0000">
-                                </p>
-                                <p class="layout-3col">
-                                    <label for="date">Date</label><br>
-                                    <input id="date" name="date" type="date">
-                                </p>
-                                <p class="layout-3col">
-                                    <label for="datetime-local">Datetime local</label><br>
-                                    <input id="datetime-local" name="datetime-local" type="datetime-local">
-                                </p>
                                 <p class="layout-3col">
                                     <label for="email">Email</label><br>
                                     <input id="email" name="email" type="email" placeholder="name@example.com">
                                 </p>
-                                <p class="layout-3col">
-                                    <label for="month">Month</label><br>
-                                    <input id="month" name="month" type="month">
-                                </p>
                                 <p class="layout-3col">
                                     <label for="number">Number</label><br>
                                     <input id="number" name="number" type="number" min="0" max="999" step="1">
@@ -1114,18 +1084,10 @@ <h3>Inputs</h3>
                                         <option value="Angola">
                                     </datalist>
                                 </p>
-                                <p class="layout-3col">
-                                    <label for="time">Time</label><br>
-                                    <input id="time" name="time" type="time">
-                                </p>
                                 <p class="layout-3col">
                                     <label for="url">URL</label><br>
                                     <input id="url" name="url" type="url">
                                 </p>
-                                <p class="layout-3col">
-                                    <label for="url">Week</label><br>
-                                    <input id="week" name="week" type="week">
-                                </p>
                             </div>
 
                             <h3>Form Groups</h3>