Latest theme changes

Author: philwareham

dist/textpattern/jquery-ui.css

@@ -5,7 +5,7 @@
    * Hide jQuery UI elements.
    */
   .ui-helper-hidden {
-    display: none !important;
+    display: none;
   }
 
   /**
@@ -33,7 +33,7 @@
     outline: 0;
     list-style: none;
     font-size: 1rem;
-    line-height: 1.5384615;
+    line-height: 1.5384615385;
     text-decoration: none;
   }
 
@@ -1553,7 +1553,7 @@ input[type=button] .ui-icon,
     font-family: inherit;
     /* 2 */
     font-size: 1rem;
-    line-height: 1.5384615;
+    line-height: 1.5384615385;
     vertical-align: baseline;
     text-align: center;
     /* 3 */
@@ -1576,6 +1576,7 @@ input[type=button] .ui-icon,
     filter: brightness(0.95);
     color: var(--color-text-button-active);
     text-decoration: none;
+    box-shadow: var(--inset-lowlighting);
   }
 
   .ui-button:focus {
@@ -1961,6 +1962,7 @@ input[type=button] .ui-icon,
     display: none;
     width: 17em;
     padding: 0.2em 0.2em 0;
+    box-shadow: var(--standard-shadow);
   }
 
   .ui-datepicker .ui-datepicker-header {
@@ -2195,6 +2197,7 @@ input[type=button] .ui-icon,
     padding: 0.2em;
     overflow: hidden;
     outline: 0;
+    box-shadow: var(--standard-shadow);
   }
 
   .ui-dialog .ui-dialog-titlebar {
@@ -2335,11 +2338,13 @@ input[type=button] .ui-icon,
     display: block;
     margin: 0;
     padding: 0;
+    border-color: var(--color-border-light);
     outline: 0;
     list-style: none;
     /* 1 */
     font-size: 1rem;
-    line-height: 1.5384615;
+    line-height: 1.5384615385;
+    box-shadow: var(--standard-shadow);
   }
 
   .ui-menu .ui-menu {
@@ -2588,7 +2593,7 @@ input[type=button] .ui-icon,
     border-top: 1px solid var(--color-border);
     font-size: 1rem;
     font-weight: bold;
-    line-height: 1.5384615;
+    line-height: 1.5384615385;
   }
 
   .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup:first-child {
@@ -2631,6 +2636,7 @@ input[type=button] .ui-icon,
     background: transparent;
     color: var(--color-link-hover);
     text-decoration: underline;
+    box-shadow: none;
   }
 
   .no-ui-button .ui-selectmenu-button:focus {
@@ -2683,6 +2689,7 @@ input[type=button] .ui-icon,
     height: 20px;
     border: 1px solid var(--color-border-extra-dark);
     border-radius: 50%;
+    box-shadow: var(--standard-shadow);
     cursor: pointer;
     touch-action: manipulation;
   }
@@ -2930,11 +2937,21 @@ input[type=button] .ui-icon,
     border-bottom-width: 0;
     list-style: none;
     white-space: nowrap;
+    box-shadow: inset 0 -0.25em 0.5em rgba(102, 102, 102, 0.15);
   }
 
   .ui-tabs:not(.ui-tabs-vertical) .ui-tabs-nav li.ui-tabs-active {
     margin-bottom: -1px;
     padding-bottom: 1px;
+    box-shadow: none;
+  }
+
+  body.darkmode .ui-tabs:not(.ui-tabs-vertical) .ui-tabs-nav li {
+    box-shadow: inset 0 -0.25em 0.5em rgba(0, 0, 0, 0.3);
+  }
+
+  body.darkmode .ui-tabs:not(.ui-tabs-vertical) .ui-tabs-nav li.ui-tabs-active {
+    box-shadow: none;
   }
 
   /**
@@ -2996,5 +3013,6 @@ input[type=button] .ui-icon,
     z-index: 9999;
     max-width: 22em;
     padding: 0.5em 1em;
+    box-shadow: var(--standard-shadow);
   }
 }

package.json

@@ -43,5 +43,8 @@
   "scripts": {
     "build": "webpack --progress"
   },
-  "license": "GPL-2.0"
+  "license": "GPL-2.0",
+  "dependencies": {
+    "fibers": "5.0.0"
+  }
 }

scss/modules/jquery-ui/_core.scss

@@ -8,7 +8,7 @@
  */
 
 .ui-helper-hidden {
-    display: none !important;
+    display: none;
 }
 
 /**

scss/setup/_mixins.scss

@@ -11,12 +11,10 @@
 @mixin hires-graphic($hdfile, $hdtype, $hdwidth, $hdheight) {
     $filename: $hdfile + "." + $hdtype !default;
     $hdfilename: $hdfile + "@2x." + $hdtype !default;
-    background-image: url("img/" + $filename);
+    background-image: url("../img/" + $filename);
     background-size: $hdwidth $hdheight;
 
-    @media (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
-        background-image: url("img/" + $hdfilename);
-    }
+    @media (min-resolution: 1.25dppx), (min-resolution: 120dpi) { background-image: url("../img/" + $hdfilename); }
 }
 
 // standard gradients

scss/setup/_settings.scss

@@ -1,14 +1,25 @@
 // flatten the theme effects (boolean value)
 
-$flat-theme:                 0 !default; // 0 = no, 1 = yes
+$flat-theme:          false !default; // true/false
 
 // typography grid
 
-$base-font-size:             13px !default;
-$base-line-height:           1.5384615 !default; // 20px / 13px
-$small-font-size:            11px !default;
-$small-line-height:          1.4545455 !default; // 16px / 11px
+$base-font-size:      13px !default;
+$base-line-height:    1.538461538461538 !default; // 20px / 13px
+$small-font-size:     11px !default;
+$small-line-height:   1.454545454545455 !default; // 16px / 11px
+
+// layout grid
+
+$setup-column:        50em !default; // 650px / 13px
+$text-column:         62em !default; // 806px / 13px
+
+// layout grid (using desktop first in this project)
+
+$container-max-width: 116.3076923em !default; // 1512px / 13px
+$break-large:         61.25em !default; // 980px / 16px (breakpoints are 16px = 1em measurements)
+$break-small:         47em !default; // 752px / 16px (breakpoints are 16px = 1em measurements)
 
 // borders
 
-$border-radius:              0.5em !default;
+$border-radius:       0.5em !default;