in progress

package-lock.json

@@ -5847,6 +5847,16 @@
         }
       }
     },
+    "gulp-cached": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/gulp-cached/-/gulp-cached-1.1.1.tgz",
+      "integrity": "sha1-/nzU+H83YB5gc8/t7lwr2vi2rM4=",
+      "dev": true,
+      "requires": {
+        "lodash.defaults": "^4.2.0",
+        "through2": "^2.0.1"
+      }
+    },
     "gulp-html-tag-include": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gulp-html-tag-include/-/gulp-html-tag-include-1.0.1.tgz",
@@ -7389,6 +7399,12 @@
       "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
       "dev": true
     },
+    "lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=",
+      "dev": true
+    },
     "lodash.escape": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz",

package.json

@@ -5,8 +5,8 @@
   "scripts": {
     "pre": "shx rm -rf wp-content/themes/biuro && shx mkdir -p wp-content/themes/biuro/js && shx mkdir -p wp-content/themes/biuro/css && shx mkdir -p wp-content/themes/biuro/i && shx mkdir -p wp-content/themes/biuro/fonts",
     "dev-old": "npm run pre & gulp --require @babel/register --gulpfile tasks",
-    "dev": "gulp --require @babel/register --gulpfile tasks",
-    "build-old": "npm run pre & SET NODE_ENV=production & gulp build --require @babel/register --gulpfile tasks"
+    "dev": "SET NAME=biuro & gulp --require @babel/register --gulpfile tasks",
+    "build-old": "npm run pre & SET NAME=biuro & SET NODE_ENV=production & gulp build --require @babel/register --gulpfile tasks"
   },
   "author": "Simon",
   "devDependencies": {
@@ -30,6 +30,7 @@
     "eslint-plugin-promise": "^4.0.1",
     "eslint-plugin-standard": "^4.0.0",
     "gulp": "^4.0.0",
+    "gulp-cached": "^1.1.1",
     "gulp-html-tag-include": "^1.0.1",
     "gulp-htmlmin": "^5.0.1",
     "gulp-inline-source": "^4.0.0",

wp-content/!source/css/01-settings/_settings--colors.css → source/css/01-settings/_settings--colors.css

@@ -3,9 +3,8 @@
 /* critical:start */
 
 :root   {
-    --color--light-orange: #ebe6de;
-    --color--dark-orange: #8f4a3f;
     --color--gray: #4d4d4d;
+    --color--green: #006957;
 }
 
 /* critical:end */

wp-content/!source/css/05-layout/__layout.css → source/css/05-layout/__layout.css

@@ -5,9 +5,9 @@ Layout styles (e.g. container, header, main, footer, grid systems etc)
 l-: layout classes
 ========================================================================== */
 
-@import '_layout--container.css';
-@import '_layout--header.css';
-@import '_layout--main.css';
-@import '_layout--nav.css';
-@import '_layout--aside.css';
+/*@import '_layout--container.css';*/
+/*@import '_layout--header.css';*/
+/*@import '_layout--main.css';*/
+/*@import '_layout--nav.css';*/
+/*@import '_layout--aside.css';*/
 @import '_layout--footer.css';

wp-content/!source/css/07-components/__components.css → source/css/07-components/__components.css

@@ -9,6 +9,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
 @import '_component--agencies.css';
 @import '_component--cookies-warning.css';
 @import '_component--data-controller.css';
+@import '_component--job.css';
 
 /*
     @import '_component--nav.css';

source/css/07-components/_component--job.css

+/* ------------- Component: job ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+/*.c-job--title   {  } */
+
+
+#custom     {
+
+    .biuro-title    { margin: 0 0 20px; padding: 10px; font-size: calc(1.125rem + ((1vw - 3.2px) * 0.8929)); border: 2px solid var(--color--green); border-radius: 12px;
+        @media (--min--small) {
+            border-width: 3px; margin: 0 0 30px; padding: 20px; font-size: 22px;
+        }
+
+        h1 { margin: 0; padding: 0; line-height: 1.2; color: var(--color--green); font-weight: 700; overflow: hidden; text-align: center; text-transform: uppercase }
+
+    }
+
+}
+/*
+#custom .biuro-title{
+    padding: 20px 0;
+    font-size: 22px;
+}
+#custom .biuro-title h1 {
+    color:#006957;
+    font-weight:700;
+    overflow:hidden;
+
+    text-align:center;
+    text-transform:uppercase
+
+}*/
+/*
+@media (min-width:768px){
+
+    #custom .biuro-title{
+        border: 4px solid #006957;
+        border-radius: 12px;
+        padding: 20px;
+    }
+}
+
+
+
+@media (min-width:768px){
+    #custom .biuro-title{
+        margin: 0 0 30px;
+        padding:20px;
+    }
+    #custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }
+}
+ */

wp-content/!source/css/main.css → source/css/main.css

@@ -61,6 +61,10 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
 
 /* critical:end */
 
+@import '01-settings/__settings.css';
+
+@import '02-tools/__tools.css';
+
 @import '05-layout/__layout.css';
 
 @import '06-objects/__objects.css';
@@ -88,12 +92,11 @@ qa-: Signify that a QA or Test Engineering team is running an automated UI test
         max-width:956px
     }
 
-    #custom .biuro-title{
+/*    #custom .biuro-title{
         margin: 0 0 30px;
         padding:20px;
     }
-    #custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }
-
+    #custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }*/
 }
 @media (min-width:980px){
     #main{
@@ -1031,11 +1034,17 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     padding:0 0 15px;
     display:block
 }
-#content ul:not([class]) li,#content ul.table li{
-    background:url(../_img/list_dot.gif) 0 9px no-repeat;
+#content ul:not([class]) li,
+#content ul.table li{
+    position:  relative;
+    /*background:url(../_img/list_dot.gif) 0 9px no-repeat;*/
     padding:0 0 5px 25px;
     display:block
 }
+#content ul:not([class]) li:before,
+#content ul.table li:before { content: ''; position: absolute; top: 9px; left: 1px; width: 4px; height: 4px; border-radius: 50%; background: #4b4d4f;  }
+
+
 #content ul:not([class]) a:hover,.advert_page .container a:hover{
     text-decoration:none
 }
@@ -1068,7 +1077,8 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
 #sidebar #menu>li ul li a{
     text-transform:none
 }
-#custom .biuro-title h1,#topsearch #top-search-form label,.advert_page .container h2{
+/*#custom .biuro-title h1,*/
+#topsearch #top-search-form label,.advert_page .container h2{
     text-align:center;
     text-transform:uppercase
 }
@@ -1352,7 +1362,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     display:block
 }
 .advert_page .container ol li,.advert_page .container ul li{
-    background:url(../_img/list_dot.gif) 35px 8px no-repeat;
+    /*background:url(../_img/list_dot.gif) 35px 8px no-repeat;*/
     padding:0 0 0 70px;
     display:block
 }
@@ -1396,7 +1406,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     width:133px;
     margin:0 auto 20px
 }
-#custom .biuro-title{
+/*#custom .biuro-title{
     padding: 20px 0;
     font-size: 22px;
 }
@@ -1404,7 +1414,7 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     color:#006957;
     font-weight:700;
     overflow:hidden
-}
+}*/
 #custom .biuro-ti-img{
     display:none
 }
@@ -1560,14 +1570,11 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     #custom .biuro-header .logo{
         margin:0 20px 24px 0
     }
-    #custom .biuro-title{
+/*    #custom .biuro-title{
         border: 4px solid #006957;
         border-radius: 12px;
         padding: 20px;
-        /*margin: 0 0 30px;*/
-        /*padding:20px;*/
-    }
-    /*#custom .biuro-title h1 { margin: 0; padding: 0; line-height: 1.2; }*/
+    }*/
 }
 @media (min-width:980px){
     #content h2,#content h3,#content ul:not([class]){
@@ -1627,8 +1634,9 @@ button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]:
     }
     #content ul:not([class]) li{
         padding:0 0 5px 45px;
-        background-position:20px 9px
     }
+    #content ul:not([class]) li:before { left: 21px; }
+
     #topsearch{
         float:left;
         margin:47px 0 10px 114px;