first commit

wp-content/plugins/head-footer-code/assets/css/admin.min.css

@@ -0,0 +1 @@
+#head_footer_code_settings .wp-heading-inline .ver{font-size:.8rem;line-height:2rem}#head_footer_code_settings .wp-heading-inline .actions{display:inline}#head_footer_code_settings .form-table .warn{color:#d63638}#head_footer_code_settings .form-table .warn i{font-style:normal}#head_footer_code_settings .form-table .warn i::before{content:"⚠️ "}#head_footer_code_settings .form-table div.description p.notice{padding-block:.5em;margin:.25em 0}.fixed .column-hfc{width:6em}.fixed .column-hfc .hfc-badges-wrapper{border-radius:3px;display:flex;flex-wrap:wrap;overflow:hidden}.fixed .column-hfc .hfc-badges-wrapper.hfc-append{background-color:#0073aa}.fixed .column-hfc .hfc-badges-wrapper.hfc-replace{background-color:#d63638}.fixed .column-hfc .hfc-badges-wrapper .badge{border:1px solid rgba(0,0,0,.1);color:#fff;flex:1 1 auto;font-size:12px;min-width:1.4em;text-align:center;text-decoration:none;text-shadow:0 0 3px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none}#auhfc-head-footer-code .form-table tr{display:flex;flex-direction:column;margin-top:1rem}#auhfc-head-footer-code .form-table tr th,#auhfc-head-footer-code .form-table tr td{padding:0}#auhfc-head-footer-code .form-table tr .notice-warning{max-width:100%;margin-inline:0}#auhfc-head-footer-code .form-table tr textarea{width:100%}#auhfc-head-footer-code .CodeMirror{height:150px}/*# sourceMappingURL=admin.min.css.map */

wp-content/plugins/head-footer-code/assets/css/admin.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/admin.scss"],"names":[],"mappings":"CAKQ,mDACI,gBACA,iBAEJ,uDACI,eAIJ,6CACI,MAdA,QAeA,+CACI,kBACA,uDACI,cAKR,gEACI,mBACA,eAMhB,mBACI,UAEA,uCACI,kBACA,aACA,eACA,gBAEA,kDACI,iBA1CC,QA4CL,mDACI,iBA5CA,QA+CJ,8CACI,gCACA,WAEA,cACA,eACA,gBACA,kBACA,qBACA,mCACA,yBACA,iBASJ,uCACI,aACA,sBACA,gBACA,oFACI,UAEJ,uDACI,eACA,gBAEJ,gDACI,WAIZ,oCACI","file":"admin.min.css"}

wp-content/plugins/head-footer-code/assets/css/edit.min.css

@@ -0,0 +1 @@
+.form-field.auhfc-head div.description p.notice,.form-field.auhfc-body div.description p.notice,.form-field.auhfc-footer div.description p.notice{padding-block:.5em;margin:.25em 0;max-width:99%}/*# sourceMappingURL=edit.min.css.map */

wp-content/plugins/head-footer-code/assets/css/edit.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/edit.scss"],"names":[],"mappings":"AAKY,kJACI,mBACA,eACA","file":"edit.min.css"}

wp-content/plugins/head-footer-code/assets/scss/admin.scss

@@ -0,0 +1,88 @@
+$color-blue: #0073aa;
+$color-red: #d63638;
+
+#head_footer_code_settings {
+    .wp-heading-inline {
+        .ver {
+            font-size: 0.8rem;
+            line-height: 2rem;
+        }
+        .actions {
+            display: inline;
+        }
+    }
+    .form-table {
+        .warn {
+            color: $color-red;
+            i {
+                font-style: normal;
+                &::before {
+                    content: "⚠️ ";
+                }
+            }
+        }
+        div.description {
+            p.notice {
+                padding-block: 0.5em;
+                margin: 0.25em 0;
+            }
+        }
+    }
+}
+
+.fixed .column-hfc {
+    width: 6em;
+
+    .hfc-badges-wrapper {
+        border-radius: 3px;
+        display: flex;
+        flex-wrap: wrap;
+        overflow: hidden;
+
+        &.hfc-append {
+            background-color: $color-blue;
+        }
+        &.hfc-replace {
+            background-color: $color-red;
+        }
+
+        .badge {
+            border: 1px solid rgba(0, 0, 0, .1);
+            color: #fff;
+            // display: block;
+            flex: 1 1 auto;
+            font-size: 12px;
+            min-width: 1.4em;
+            text-align: center;
+            text-decoration: none;
+            text-shadow: 0 0 3px rgba(0, 0, 0, .7);
+            -webkit-user-select: none;
+            user-select: none;
+
+        }
+    }
+}
+
+// HFC Metabox
+#auhfc-head-footer-code {
+    .form-table {
+        tr {
+            display: flex;
+            flex-direction: column;
+            margin-top: 1rem;
+            th, td {
+                padding: 0;
+            }
+            .notice-warning {
+                max-width: 100%;
+                margin-inline: 0;
+            }
+            textarea {
+                width: 100%;
+            }
+        }
+    }
+    .CodeMirror {
+        height: 150px;
+    }
+}

wp-content/plugins/head-footer-code/assets/scss/edit.scss

@@ -0,0 +1,13 @@
+.form-field {
+    &.auhfc-head,
+    &.auhfc-body,
+    &.auhfc-footer {
+        div.description {
+            p.notice {
+                padding-block: 0.5em;
+                margin: 0.25em 0;
+                max-width: 99%;
+            }
+        }
+    }
+}