Skip to content

D
dev.biuro
Commit 08a0a581 authored by Simonas's avatar Simonas
Browse files
Options

in progress

parent b0802d9f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1164 additions and 45 deletions
wp-content/themes/biuro/css/05-layout/_layout--section.css
View file @ 08a0a581
......@@ -39,8 +39,14 @@
.l-section { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
}
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
}
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
@media (--min--small) {
......@@ -50,5 +56,48 @@
background-size: cover;
}
}
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
}
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
}
/*@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp); }
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
}*/
/*
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/search-page.webp) 1x)) {
.l-section--search-page { background-image: url(/wp-content/themes/biuro/i/search-page.webp); }
}
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/vdb/section.webp) 1x)) {
.l-section--vdb { background-image: url(/wp-content/themes/biuro/i/vdb/section.webp); }
}
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.png); background-size: 200%;
@media (--min--small) {
background-size: 150%;
}
@media (--min--medium) {
background-size: cover;
}
}
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/front-page.webp) 1x)) {
.l-section--front-page { background-image: url(/wp-content/themes/biuro/i/front-page.webp);
}
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.png); }
@supports (background-image: -webkit-image-set(url(/wp-content/themes/biuro/i/sales-page.webp) 1x)) {
.l-section--sales-page { background-image: url(/wp-content/themes/biuro/i/sales-page.webp); }
}
*/
wp-content/themes/biuro/css/07-components/_component--data-controller.css
View file @ 08a0a581
/* ------------- Component: data controller ------------- */
/* critical:start */
/* critical:end */
.c-data-controller { margin-bottom: 20px; padding: 10px 0 10px; text-align: center; font-size: 13px; font-weight: 300; line-height: 19px;
@media (--min--medium) {
......@@ -9,4 +10,3 @@
p { margin: 0 0 10px; }
}
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--footer-sections.css
View file @ 08a0a581
/* ------------- Component: footer sections ------------- */
/* critical:start */
.c-footer-sections {
@media (--min--medium) {
display: flex;
}
}
.c-footer-section {
@media (--min--medium) {
flex: 10 0 15%;
}
&:nth-child(1) { flex: 5 0 15%; }
&:nth-child(4) { flex: 1 0 15%; }
}
/* critical:end */
.c-footer-sections {
@media (--min--medium) {
display: flex; flex-wrap: wrap;
flex-wrap: wrap;
}
@media (--max--medium) {
text-align: center; font-size: 13px;
......@@ -15,10 +27,8 @@
.c-footer-section { line-height: 36px; margin: 0 0 18px;
@media (--min--medium) {
flex: 10 0 15%; line-height: 25px; margin: 0 0 30px;
line-height: 25px; margin: 0 0 30px;
}
&:nth-child(1) { flex: 5 0 15%; }
&:nth-child(4) { flex: 1 0 15%; }
h4 { margin: 0; padding: 0; }
}
......
wp-content/themes/biuro/css/07-components/_component--jobs-section.css
View file @ 08a0a581
/* ------------- Component: jobs section ------------- */
/* critical:start */
.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; }
/* critical:end */
.c-jobs-section { margin: 0 20px 20px 0; padding: 28px 28px 23px; border-radius: 3px; background-color: #ffffff;
.c-jobs-section { border-radius: 3px; background-color: #ffffff;
@media (--max--medium) {
border-radius: 0; margin: 0; padding-bottom: 0; position: relative;
}
}
.c-jobs-section--heading { margin: 0 0 15px; padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
/* critical:start */
.c-jobs-section--heading { margin: 0 0 15px; }
/* critical:end */
.c-jobs-section--heading { padding: 0; color: #2A3644; font-size: 18px; font-weight: 500; line-height: 21px; }
.c-jobs-section--content { overflow: hidden; }
......@@ -18,8 +25,9 @@
.c-jobs-section--content { max-height: 100px; }
}
.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
/* critical:start */
.c-jobs-section--list { margin: 0; padding: 0; list-style: none; }
/* critical:end */
.c-jobs-section--item { line-height: 33px; }
......
wp-content/themes/biuro/css/07-components/_component--jobs.css
View file @ 08a0a581
......@@ -77,6 +77,9 @@
}
}
/* critical:start */
.c-jobs--anchor { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none; }
/* critical:end */
.c-jobs--anchor { display: block; padding: 4px 0; color: #004ED4; font-weight: 500; line-height: 18px; text-decoration: none;
@media (--max--medium) {
font-size: 16px; line-height: 23px;
......
wp-content/themes/biuro/css/07-components/_component--nav.css
View file @ 08a0a581
......@@ -28,11 +28,16 @@
height: 70px; margin-right: 26px; padding: 23px 0 0;
}
}
/* critical:end */
.c-nav--main-anchor { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 1px; opacity: 0.6;
.c-nav--main-anchor { display: block; padding: 5px 0 4px; font-weight: 500; color: #fff; text-decoration: none;
@media (--min--medium) {
color: var(--color--blue-dark);
}
}
/* critical:end */
.c-nav--main-anchor { display: block; padding: 5px 0 4px; text-transform: uppercase; border-bottom: 2px solid transparent; font-weight: bold; letter-spacing: 1px; opacity: 0.6;
&:hover { opacity: 1; }
}
......@@ -59,6 +64,7 @@
}
}
.c-nav--region { }
/* critical:start */
.c-nav--lang-wrap { width: 74px; height: 32px;
@media (--max--medium) {
......
wp-content/themes/biuro/css/07-components/_component--sections.css
View file @ 08a0a581
......@@ -3,16 +3,11 @@
/* critical:start */
/* critical:end */
.c-sections { max-width: 1000px; margin-right: auto; margin-left: auto; align-items: center; padding: 20px 20px 20px;
@media (--min--medium) {
padding: 50px 20px 135px;
}
}
.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
.c-sections--inner {
@media (--min--medium) {
display: flex; flex-wrap: wrap; justify-content: space-between;
......@@ -27,6 +22,12 @@
flex: 0 0 300px;
}
}
/* critical:end */
.c-sections--heading { color: #2A3644; margin: 0 0 40px; padding: 0; font-size: 25px; font-weight: 500; line-height: 29px; text-align: center; }
.c-sections--item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 211px; padding: 27px 21px; border-radius: 3px; background: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); overflow: hidden; }
......
wp-content/themes/biuro/css/07-components/_component--services.css
View file @ 08a0a581
......@@ -2,15 +2,13 @@
/* critical:start */
/* critical:end */
.c-services { @extend .l-inner-small; padding: 20px;
@media (--min--medium) {
display: flex; flex-wrap: wrap; align-items: center; padding-top: 64px; padding-bottom: 64px; justify-content: space-between;
}
}
.c-services--item { position: relative; height: 245px;
.c-services--item { position: relative; height: 245px;
@media (--max--medium) {
max-width: 380px; margin: 0 auto 20px;
}
......@@ -19,9 +17,13 @@
}
}
.c-services--toggle { display: none; }
/* critical:end */
.c-services--item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 245px; border-radius: 3px; background-color: #FFFFFF; box-shadow: 2px 2px 31px 0 rgba(238,238,238,0.5); }
.c-services--toggle { position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
.c-services--toggle { display: block; position: absolute; left: 0; width: 100%; bottom: 0; padding: 10px 0; text-align: center; cursor: pointer; }
.c-services--toggle-up { display: none; }
......
wp-content/themes/biuro/css/07-components/_component--values.css
View file @ 08a0a581
/* ------------- Component: values ------------- */
/* critical:start */
.c-values { background: linear-gradient(138.69deg, #4EACD9 0%, #2FB8A1 100%); color: #fff; }
/* critical:start */
.c-values--inner { @extend .l-inner-small; padding-top: 20px; padding-bottom: 20px;
@media (--max--medium) {
max-width: 400px;
......@@ -13,20 +14,22 @@
}
}
/* critical:end */
.c-values--section { max-width: 250px;
@media (--min--medium) {
flex: 0 0 40%; max-width: 280px;
}
}
.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold; min-height: 34px; color: #F8F8F8; font-size: 35px; line-height: 41px;
.c-values--heading { min-height: 34px; font-size: 35px; line-height: 41px;
@media (--min--medium) {
min-height: 66px; font-size: 45px; line-height: 53px;
}
}
/* critical:end */
.c-values--heading { display: inline-block; min-width: 139px; margin: 0 0 18px; padding: 0 10px 0 0; border-bottom: 4px solid #fff; font-weight: bold; color: #F8F8F8; }
.c-values--content { display: block; min-height: 67px; margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 26px; font-weight: 500;
@media (--min--medium) {
min-height: 80px; line-height: 30px;
......
wp-content/themes/biuro/css/core-1064aec6fe.min.css deleted 100644 → 0
View file @ b0802d9f
This diff is collapsed.
wp-content/themes/biuro/css/core.min.css 0 → 100644
View file @ 08a0a581
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css deleted 100644 → 0
View file @ b0802d9f
This diff is collapsed.
wp-content/themes/biuro/css/main.min.css 0 → 100644
View file @ 08a0a581
This diff is collapsed.
wp-content/themes/biuro/css/main.min.css.map 0 → 100644
View file @ 08a0a581
This diff is collapsed.
wp-content/themes/biuro/footer.php
View file @ 08a0a581
......@@ -87,7 +87,7 @@
<?php
endif;
?>
<script src="/wp-content/themes/biuro/js/main-63c39ea0.min.js" async></script>
<script src="/wp-content/themes/biuro/js/main.min.js" async></script>
<?php wp_footer(); ?>
</body>
......
wp-content/themes/biuro/front-page.php
View file @ 08a0a581
......@@ -109,7 +109,10 @@
endif;
?>
<div class="c-contact--img">
<img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
<picture>
<source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
<img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
</picture>
</div>
</div>
......
wp-content/themes/biuro/header.php
View file @ 08a0a581
......@@ -22,23 +22,19 @@
get_template_part( 'template-parts/meta/canonical');
?>
<style><?php include 'css/core-1064aec6fe.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css" as="style" onload="this.rel='stylesheet'">
<style><?php include 'css/core.min.css'; ?></style>
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2">
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2" crossorigin="anonymous" >
<link rel="preload" as="font" type="font/woff2" href="/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2" crossorigin="anonymous" >
<link rel="preload" href="/wp-content/themes/biuro/css/main.min.css" as="style" onload="this.rel='stylesheet'">
<link rel="preconnect" href="https://px.ads.linkedin.com/" crossorigin>
<link rel="preconnect" href="https://snap.licdn.com/" crossorigin>
<link rel="preconnect" href="https://connect.facebook.net/" crossorigin>
<link rel="preconnect" href="https://sjs.bizographics.com/" crossorigin>
<link rel="preconnect" href="https://www.google-analytics.com/" crossorigin>
<noscript>
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main-8fd8d5e9f3.min.css">
<link rel="stylesheet" href="/wp-content/themes/biuro/css/main.min.css">
</noscript>
<?php wp_head(); ?>
......
wp-content/themes/biuro/js/main-63c39ea0.min.js deleted 100644 → 0
View file @ b0802d9f
This source diff could not be displayed because it is too large. You can view the blob instead.
wp-content/themes/biuro/js/main.min.js 0 → 100644
View file @ 08a0a581
This diff is collapsed.
wp-content/themes/biuro/sales-page.php
View file @ 08a0a581
......@@ -79,7 +79,10 @@
endif;
?>
<div class="c-contact--img">
<img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
<picture>
<source srcset="/wp-content/themes/biuro/i/contact.webp" type="image/jpeg">
<img src="/wp-content/themes/biuro/i/contact.png" alt="" width="328" height="95">
</picture>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment