Modern Business: Fixes build tool :focus-within errors and updates npm dependencies
- Removes some occurences of bad auto-prefixing selectors
This commit is contained in:
Allan Cole
parent
364f57dd8c
commit
7a950df549
6 changed files with 1046 additions and 457 deletions
1365
modern-business/package-lock.json
generated
1365
modern-business/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -3,13 +3,12 @@
|
|||
"version": "1.0.0",
|
||||
"description": "Style Variation of the Default WP Theme",
|
||||
"devDependencies": {
|
||||
"@wordpress/browserslist-config": "^2.2.2",
|
||||
"autoprefixer": "^9.1.5",
|
||||
"chokidar-cli": "^1.2.1",
|
||||
"node-sass": "^4.9.3",
|
||||
"@wordpress/browserslist-config": "^2.3.0",
|
||||
"autoprefixer": "^9.5.0",
|
||||
"chokidar-cli": "^1.2.2",
|
||||
"node-sass": "^4.11.0",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss-cli": "^6.0.1",
|
||||
"postcss-focus-within": "^3.0.0",
|
||||
"postcss-cli": "^6.1.2",
|
||||
"rtlcss": "^2.4.0"
|
||||
},
|
||||
"rtlcssConfig": {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,5 @@
|
|||
var postcssFocusWithin = require('postcss-focus-within');
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
postcssFocusWithin(/* pluginOptions */)
|
||||
]
|
||||
};
|
||||
|
|
|
|||
|
|
@ -143,7 +143,8 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
|||
position: relative;
|
||||
height: initial;
|
||||
width: initial;
|
||||
object-fit: none;
|
||||
-o-object-fit: none;
|
||||
object-fit: none;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
max-width: 100%;
|
||||
|
|
|
|||
|
|
@ -498,7 +498,9 @@ figcaption,
|
|||
.wp-block-pullquote blockquote {
|
||||
margin-top: calc(3 * 1rem);
|
||||
margin-bottom: calc(3.33 * 1rem);
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -140,7 +140,8 @@ abbr[title] {
|
|||
/* 1 */
|
||||
text-decoration: underline;
|
||||
/* 2 */
|
||||
text-decoration: underline dotted;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
|
@ -573,14 +574,18 @@ h6 {
|
|||
.error-404 .page-title,
|
||||
.comments-title,
|
||||
blockquote {
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* Do not hyphenate entry title on tablet view and bigger. */
|
||||
@media only screen and (min-width: 768px) {
|
||||
.entry-title {
|
||||
hyphens: none;
|
||||
-webkit-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -738,10 +743,6 @@ html {
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: #f0cfdf;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: #f0cfdf;
|
||||
}
|
||||
|
|
@ -1246,17 +1247,6 @@ body.page .main-navigation {
|
|||
margin-right: calc( .25 * 1rem);
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
|
||||
display: block;
|
||||
left: 0;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
/* Non-mobile position */
|
||||
/* Nested sub-menu dashes */
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
|
||||
display: block;
|
||||
left: 0;
|
||||
|
|
@ -1269,21 +1259,6 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
height: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
transform: none;
|
||||
}
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
|
|
@ -1301,13 +1276,6 @@ body.page .main-navigation {
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
|
@ -1316,38 +1284,20 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: block;
|
||||
width: max-content;
|
||||
}
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: block;
|
||||
width: -webkit-max-content;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
/* Non-mobile position */
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
|
|
@ -1359,31 +1309,16 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
|
||||
counter-reset: submenu;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
content: "– " counters(submenu, "– ", none);
|
||||
counter-increment: submenu;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
|
||||
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
|
|
@ -1441,6 +1376,8 @@ body.page .main-navigation {
|
|||
right: 0;
|
||||
left: auto;
|
||||
display: table;
|
||||
width: -webkit-max-content;
|
||||
width: -moz-max-content;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
|
@ -1706,7 +1643,10 @@ body.page .main-navigation {
|
|||
|
||||
.post-navigation .nav-links a .meta-nav {
|
||||
color: #686868;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
|
||||
|
|
@ -1718,7 +1658,9 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.post-navigation .nav-links a .post-title {
|
||||
hyphens: auto;
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
.post-navigation .nav-links a:hover {
|
||||
|
|
@ -1860,7 +1802,8 @@ body.page .main-navigation {
|
|||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
-webkit-clip-path: inset(50%);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
|
|
@ -1876,7 +1819,8 @@ body.page .main-navigation {
|
|||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto !important;
|
||||
clip-path: none;
|
||||
-webkit-clip-path: none;
|
||||
clip-path: none;
|
||||
color: #21759b;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
|
|
@ -2173,7 +2117,6 @@ body.page .main-navigation {
|
|||
.site-header.featured-image .social-navigation svg,
|
||||
.site-header.featured-image .site-featured-image svg {
|
||||
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
|
||||
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
|
||||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
|
||||
}
|
||||
|
||||
|
|
@ -2195,11 +2138,12 @@ body.page .main-navigation {
|
|||
/* When image filters are active, make it grayscale to colorize it blue. */
|
||||
}
|
||||
|
||||
@supports (object-fit: cover) {
|
||||
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
|
||||
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: cover;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
top: 0;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
|
|
@ -2367,10 +2311,6 @@ body.page .main-navigation {
|
|||
}
|
||||
}
|
||||
|
||||
.site-header.featured-image ::-moz-selection {
|
||||
background: rgba(255, 255, 255, 0.17);
|
||||
}
|
||||
|
||||
.site-header.featured-image ::selection {
|
||||
background: rgba(255, 255, 255, 0.17);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue