first commit

wp-content/plugins/host-webfonts-local/assets/css/omgf-admin.less

@@ -0,0 +1,246 @@
+/* * * * * * * * * * * * * * * * * * * * *
+ *
+ *  ██████╗ ███╗   ███╗ ██████╗ ███████╗
+ * ██╔═══██╗████╗ ████║██╔════╝ ██╔════╝
+ * ██║   ██║██╔████╔██║██║  ███╗█████╗
+ * ██║   ██║██║╚██╔╝██║██║   ██║██╔══╝
+ * ╚██████╔╝██║ ╚═╝ ██║╚██████╔╝██║
+ *  ╚═════╝ ╚═╝     ╚═╝ ╚═════╝ ╚═╝
+ *
+ * @package  : OMGF
+ * @author   : Daan van den Bergh
+ * @copyright: (c) 2021 Daan van den Bergh
+ * @url      : https://daan.dev
+ * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * General
+ */
+.omgf {
+  .button-cancel {
+    color: #a00;
+    text-decoration: none;
+    border-color: transparent;
+    box-shadow: none;
+    background: 0 0;
+    border-radius: 3px;
+    white-space: nowrap;
+    padding: 1px 10px !important;
+
+    &:hover {
+      cursor: pointer;
+      background: #d54e21;
+      color: #fff;
+      border-color: #d54e21;
+    }
+  }
+}
+
+/**
+ * Navigation
+ */
+.omgf-nav {
+  padding: 1em 0 1.5em;
+
+  a {
+    cursor: pointer;
+  }
+
+  .dashicons-before:before {
+    margin-right: .25em;
+    line-height: 1.15em;
+  }
+}
+
+.omgf-optimize-fonts-container {
+  text-align: center;
+  padding: 25px 50px;
+  max-width: 1024px;
+  margin: 20px auto 0 220px; 
+  overflow: visible;
+  position: relative;
+
+  .option-title {
+    position: absolute;
+    left: -220px;
+    top: 0;
+    font-weight: 600;
+    font-size: 14px;
+    color: #1d2327;
+  }
+
+  h3 {
+    font-size: 1.3em;
+    margin-top: 0;
+  }
+
+  .omgf-optimize-fonts-manage {
+    text-align: left;
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      .tooltip {
+        position: relative;
+        font-size: 16px;
+        line-height: 25px;
+
+        .tooltip-text {
+          visibility: hidden;
+          position: absolute;
+          top: 100%;
+          left: 100%;
+          z-index: 10000;
+          background-color: rgba(0, 0, 0, 0.75);
+          font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+          font-size: .8em;
+          color: #fff;
+          line-height: 1.5;
+          width: 250px;
+          padding: 10px;
+          margin-left: -125px;
+          border-radius: 3px;
+
+          .illustration {
+            margin-top: 10px;
+          }
+        }
+
+        &:hover .tooltip-text {
+          visibility: visible;
+        }
+      }
+
+      thead {
+        th {
+          width: 13%;
+        }
+      }
+
+      tbody {
+        border: 1px solid #ccd0d4;
+
+        th {
+          padding: 5px 0 0 10px;
+          width: 40%; 
+        }
+
+        td {
+          padding-bottom: 5px;
+          width: 13%;
+
+          .unload-mass-action {
+            font-size: .9em;
+          }
+
+          .family {
+            padding: 0 10px 0; 
+            font-weight: 600;
+          }
+        }
+
+        tr {
+          &:last-child {
+            td {
+              padding-bottom: 10px;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .omgf-optimize-fonts-description {
+    .omgf-optimize-fonts-pros {
+      margin-right: 10px;
+    }
+
+    .omgf-optimize-fonts-pros,
+    .omgf-optimize-fonts-cons {
+      text-align: left;
+      width: 48%;
+      display: inline-block;
+      vertical-align: top;
+
+      span:before {
+        vertical-align: -4px;
+      }
+    }
+
+    label {
+      font-size: 18px;
+      font-weight: bold;
+    }
+
+    #omgf_manual_optimize_url {
+      font-size: 18px;
+      padding: 0 15px;
+      margin-left: 10px;
+    }
+  }
+
+  .omgf-optimize-fonts-tooltip {
+    padding: 0 15px 5px;
+  }
+
+  p,
+  ul {
+    text-align: justify;
+  }
+}
+
+@media only screen and (max-width: 782px) {
+  .omgf-optimize-fonts-container {
+    margin: 20px 0;
+
+    .option-title {
+      position: relative;
+      left: initial;
+      top: initial;
+    }
+  }
+}
+
+/**
+ * Loader
+ */
+.omgf-loading {
+  position: fixed;
+  background-color: rgba(255,255,255,0.6);
+  width: 100%;
+  height: 100%;
+  top: 0;
+  text-align: center;
+
+  .spinner {
+    top: 50%;
+    left: 50%;
+    position: absolute;
+    -ms-transform: translate(0, -70%);
+    transform: translate(0, -70%);
+  }
+}
+
+/**
+ * Welcome Block
+ */
+ #footer-thankyou {
+  a {
+    vertical-align: -.65em;
+  }
+
+  .dashicons {
+    &.ffwp-heart {
+      vertical-align: middle;
+    }
+    
+    &.ffwp-heart:before {
+      color: #FF4136;
+    }
+  }
+
+  .signature-image {
+    width: 96px;
+  }
+}