Design tweaks, font changes and coloring
This commit is contained in:
Moris Zen
@@ -16,7 +16,10 @@
|
||||
"react-responsive-mixin": "^0.4.0",
|
||||
"slideout": "^1.0.1",
|
||||
"tiny-slider": "^2.8.3",
|
||||
"tiny-slider-react": "0.3.4"
|
||||
"tiny-slider-react": "0.3.4",
|
||||
"typeface-quicksand": "^0.0.54",
|
||||
"typeface-roboto": "^0.0.54",
|
||||
"typeface-roboto-condensed": "^0.0.54"
|
||||
},
|
||||
"keywords": [
|
||||
"gatsby"
|
||||
|
||||
@@ -23,7 +23,7 @@ const Footer = () => (
|
||||
<span className="flex rounded-full bg-indigo uppercase px-2 py-1 text-xs font-bold mr-3">
|
||||
Let's Connect
|
||||
</span>
|
||||
<span className="font-semibold mr-2 text-left flex-auto">
|
||||
<span className="font-normal mr-2 text-left flex-auto">
|
||||
Tell us about your project and get a free proposal
|
||||
</span>
|
||||
<svg
|
||||
|
||||
@@ -19,7 +19,7 @@ const IntroDefault = ({ ...props }) => (
|
||||
{props.headline && (
|
||||
<h1
|
||||
className={`${props.light ? headlineDark : ''}
|
||||
font-normal text-black pt-1 pb-2`}
|
||||
text-black pt-1 pb-2`}
|
||||
>
|
||||
{props.headline}
|
||||
</h1>
|
||||
|
||||
@@ -13,11 +13,11 @@ const WorkStyle = ({ ...props }) => (
|
||||
<section className="container rounded overflow-hidden border-bottom-saburly mx-auto my-4 bg-white">
|
||||
{props.children}
|
||||
<div className="mx-auto text-center border-grey-lighter">
|
||||
<div className="flex flex-wrap text-grey-darker">
|
||||
<div className="flex flex-wrap text-black">
|
||||
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
|
||||
<img src={HQCode} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">High Quality Code</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
We have deep understanding of software engineering & computer
|
||||
science and we know what it takes to write high-quality, performant
|
||||
and maintainable code. Clean, readable, robust code is something we
|
||||
@@ -27,7 +27,7 @@ const WorkStyle = ({ ...props }) => (
|
||||
<div className="w-full md:w-1/2 p-8">
|
||||
<img src={ContDelivery} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">Continuous delivery</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
Deploying new code to production should not take weeks. We know how
|
||||
to build pipelines that allow code changes to be pushed to different
|
||||
cloud environments automatically. Deploying to production is as easy
|
||||
@@ -35,11 +35,11 @@ const WorkStyle = ({ ...props }) => (
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
|
||||
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-black">
|
||||
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
|
||||
<img src={ModernDevops} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">Modern DevOps</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
We like a "release early, release often" philosophy and to achieve
|
||||
this we use modern DevOps tools like Docker. But DevOps is not only
|
||||
about development and operations, it is also about quality.
|
||||
@@ -50,7 +50,7 @@ const WorkStyle = ({ ...props }) => (
|
||||
<div className="w-full md:w-1/2 p-8">
|
||||
<img src={CodeReviews} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">Code Reviews</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
“Two Heads are Better Than One”. Code reviews are integrated part of
|
||||
our process which makes catching bugs early before they event get
|
||||
merged into the code. We make sure each change is reviewed by
|
||||
@@ -58,11 +58,11 @@ const WorkStyle = ({ ...props }) => (
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
|
||||
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-black">
|
||||
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
|
||||
<img src={UXResearch} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">UX testing/research</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
We know it takes more than just an user video or a survey to
|
||||
understand your user experience. We improve UX by watching how real
|
||||
customers interact with your interface (websites, mobile devices,
|
||||
@@ -73,7 +73,7 @@ const WorkStyle = ({ ...props }) => (
|
||||
<div className="w-full md:w-1/2 p-8">
|
||||
<img src={UnitIntegration} alt="High Quality Code" />
|
||||
<h3 className="text-xl my-2">Unit & Integration testing</h3>
|
||||
<p className="leading-normal">
|
||||
<p className="leading-normal font-light">
|
||||
Unit and integration testing are vital parts of the testing process.
|
||||
Having automated unit & integration tests is the key prerequisite
|
||||
for writing high-quality code at a fast pace.
|
||||
|
||||
@@ -5,6 +5,8 @@ import Helmet from 'react-helmet'
|
||||
import Header from '../components/Header'
|
||||
import Footer from '../components/Footer'
|
||||
import SideMenu from '../components/SideMenu'
|
||||
require('typeface-roboto')
|
||||
require('typeface-roboto-condensed')
|
||||
import '../styles/index.css'
|
||||
import '../styles/general.css'
|
||||
|
||||
|
||||
@@ -25,34 +25,38 @@ const ContactPage = () => (
|
||||
<div className="rounded overflow-hidden shadow">
|
||||
<img className="w-full" src={Sarajevo} alt="Sarajevo City" />
|
||||
<div className="px-6 py-4">
|
||||
<div className="font-normal text-xl mb-2">
|
||||
Saburly Office in Sarajevo
|
||||
<div className="uppercase font-medium text-xl mb-6">
|
||||
office in Sarajevo
|
||||
</div>
|
||||
<div className="md:flex text-left justify-around text-grey-darker text-base">
|
||||
<div className="md:flex text-left justify-around text-base">
|
||||
<div>
|
||||
<h4>Adress</h4>
|
||||
Saburly d.o.o <br />
|
||||
Hakije Turajlica 2 <br />
|
||||
71 000 Sarajevo <br />
|
||||
Bosnia & Herzegovina <br />
|
||||
<h4 className="text-black">Adress</h4>
|
||||
<p className="text-black-light">
|
||||
Saburly d.o.o <br />
|
||||
Hakije Turajlica 2 <br />
|
||||
71 000 Sarajevo <br />
|
||||
Bosnia & Herzegovina <br />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Contact</h4>
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+38761909238"
|
||||
>
|
||||
+38761909238
|
||||
</a>{' '}
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:bosnia@saburly.com"
|
||||
>
|
||||
bosnia@saburly.com
|
||||
</a>{' '}
|
||||
<h4 className="text-black">Contact</h4>
|
||||
<p className="text-black-light">
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+38761909238"
|
||||
>
|
||||
+38761909238
|
||||
</a>{' '}
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:bosnia@saburly.com"
|
||||
>
|
||||
bosnia@saburly.com
|
||||
</a>{' '}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -62,34 +66,38 @@ const ContactPage = () => (
|
||||
<div className="rounded overflow-hidden shadow">
|
||||
<img className="w-full" src={Stockholm} alt="Stockholm City" />
|
||||
<div className="px-6 py-4">
|
||||
<div className="font-normal text-xl mb-2">
|
||||
Saburly Office in Stockholm
|
||||
<div className="uppercase font-medium text-xl mb-6">
|
||||
office in Stockholm
|
||||
</div>
|
||||
<div className="md:flex text-left justify-around text-grey-darker text-base">
|
||||
<div className="md:flex text-left justify-around text-black text-base">
|
||||
<div>
|
||||
<h4>Adress</h4>
|
||||
Saburly AB <br />
|
||||
Vretenvägen 13 <br />
|
||||
171 54 Solna <br />
|
||||
Sweden <br />
|
||||
<h4 className="text-black">Adress</h4>
|
||||
<p className="text-black-light">
|
||||
Saburly AB <br />
|
||||
Vretenvägen 13 <br />
|
||||
171 54 Solna <br />
|
||||
Sweden <br />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Contact</h4>
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+46760477717"
|
||||
>
|
||||
+46760477717
|
||||
</a>
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:sweden@saburly.com"
|
||||
>
|
||||
sweden@saburly.com
|
||||
</a>{' '}
|
||||
<h4 className="text-black">Contact</h4>
|
||||
<p className="text-black-light">
|
||||
Phone:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="tel:+46760477717"
|
||||
>
|
||||
+46760477717
|
||||
</a>
|
||||
<br />
|
||||
E-mail:{' '}
|
||||
<a
|
||||
className="text-purple-dark hover:text-purple-light no-underline"
|
||||
href="mailto:sweden@saburly.com"
|
||||
>
|
||||
sweden@saburly.com
|
||||
</a>{' '}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -27,10 +27,10 @@ const IndexPage = ({ ...props }) => (
|
||||
url="/contact"
|
||||
buttonClasses="text-white font-normal shadow hover:shadow-md rounded-full mt-4 font-light bg-teal hover:bg-teal-dark mb-20"
|
||||
intro="Welcome To Saburly"
|
||||
headline="We build the right software for you"
|
||||
headline="We build delightful software"
|
||||
text="We're a team of experienced, creative and passionate engineers. Our mission is to make you stand out and gain competitive advantages with the help of modern technologies."
|
||||
image={ImgIntro}
|
||||
imgClasses="-mb-20 lg:-mt-12"
|
||||
imgClasses="-mb-20 md:-mt-12"
|
||||
/>
|
||||
|
||||
<main>
|
||||
@@ -45,7 +45,7 @@ const IndexPage = ({ ...props }) => (
|
||||
<section className="bg-saburly relative bg-saburly-fadeout">
|
||||
<Service
|
||||
img={ImgDesign}
|
||||
title="User Experience (UX) Design"
|
||||
title="User Experience Design"
|
||||
text="Our approach is simple: focus on how users might use the product in the best way possible. We offer UX and interface design for all screens and devices. The solutions are usually shaped through iterative processes of research, prototyping and testing."
|
||||
/>
|
||||
|
||||
@@ -54,6 +54,7 @@ const IndexPage = ({ ...props }) => (
|
||||
img={ImgFullstack}
|
||||
title="Full-Stack Web Development"
|
||||
text="At Saburly, we are experts in modern web development using both client-side and server-side technologies. Our talented developers work with popular languages and are always up to speed on the cutting edge trends in web application development. We deliver high-quality, maintainable code on time and know how to balance between cost, time and quality."
|
||||
imgClasses="-ml-12"
|
||||
/>
|
||||
|
||||
<Service
|
||||
@@ -108,7 +109,7 @@ const IndexPage = ({ ...props }) => (
|
||||
<section className="text-center p-8 relative bg-saburly-lighter">
|
||||
<SectionIntro
|
||||
intro="Blog & Social Media"
|
||||
headline="Occasionally we find the time to have fun and publish"
|
||||
headline="Occasionally we find the time to publish"
|
||||
/>
|
||||
<div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
|
||||
{props.data.allWordpressPost.edges.map(({ node }) => (
|
||||
|
||||
@@ -45,7 +45,7 @@ const ServicesPage = () => (
|
||||
/>
|
||||
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">
|
||||
<h3 className="font-normal text-black">
|
||||
Conceptualization & Branding
|
||||
</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
@@ -56,7 +56,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">UX & UI Design</h3>
|
||||
<h3 className="font-normal text-black">UX & UI Design</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
We love to design pixel-perfect products that are easy to use
|
||||
and delightful to interact with. From User-Flows, Lo-Fi & Hi-Fi
|
||||
@@ -86,7 +86,7 @@ const ServicesPage = () => (
|
||||
text="From infrastructure to AI, we develop data-driven Full-Stack applications for both custom software and third party solutions."
|
||||
/>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">Web development</h3>
|
||||
<h3 className="font-normal text-black">Web development</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
We offer full-cycle web development services for the connected
|
||||
world. Our talented developers work with popular languages and
|
||||
@@ -94,7 +94,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">Mobile & desktop apps</h3>
|
||||
<h3 className="font-normal text-black">Mobile & desktop apps</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
Building competitive applications these days is challenging, but
|
||||
we believe that we have what it takes for both native languages
|
||||
@@ -105,7 +105,7 @@ const ServicesPage = () => (
|
||||
</p>
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<h3 className="font-medium text-black">DevOps</h3>
|
||||
<h3 className="font-normal text-black">DevOps</h3>
|
||||
<p className="font-light leading-normal text-black-light">
|
||||
Our DevOps team has experience working with the world leading
|
||||
hosting providers such as AWS and Google Cloud Platform. We
|
||||
@@ -117,7 +117,7 @@ const ServicesPage = () => (
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-8 my-4 bg-white border-bottom-saburly">
|
||||
<h3 className="font-medium text-black">Emerging Technologies</h3>
|
||||
<h3 className="font-normal text-black">Emerging Technologies</h3>
|
||||
<p className="font-light text-black-light leading-normal">
|
||||
We harness a wide array of emerging technologies, such as AR/VR, AI
|
||||
technologies, Machine Learning and Blockchain, pushing the
|
||||
|
||||
@@ -8,15 +8,15 @@
|
||||
}
|
||||
|
||||
.bg-saburly-lighter {
|
||||
background: rgba(245, 247, 250, 1);
|
||||
background: rgba(235, 235, 234, 0.4);
|
||||
}
|
||||
|
||||
.bg-saburly-light {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(255, 255, 255, 1) 0%,
|
||||
rgba(245, 247, 250, 0.7) 49%,
|
||||
rgba(245, 247, 250, 1) 100%
|
||||
rgba(235, 235, 234, 0.4) 0%,
|
||||
rgba(235, 235, 234, 0.4) 49%,
|
||||
rgba(235, 235, 234, 0.4) 100%
|
||||
);
|
||||
}
|
||||
|
||||
@@ -25,9 +25,9 @@
|
||||
@media (min-width: 992px) {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(255, 255, 255, 1) 0%,
|
||||
rgba(245, 247, 250, 0.7) 49%,
|
||||
rgba(245, 247, 250, 1) 100%
|
||||
rgba(235, 235, 234, 0.4) 0%,
|
||||
rgba(235, 235, 234, 0.4) 49%,
|
||||
rgba(235, 235, 234, 0.4) 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -37,8 +37,7 @@
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 1) 0%,
|
||||
rgba(245, 247, 250, 0.7) 49%,
|
||||
rgba(245, 247, 250, 1) 100%
|
||||
rgba(235, 235, 234, 0.4) 100%
|
||||
);
|
||||
}
|
||||
|
||||
@@ -112,7 +111,7 @@
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.border-saburly-header {
|
||||
.bg-saburly-light-header {
|
||||
@media (max-width: 991px) {
|
||||
box-shadow: 0 4px 2px -2px #000000;
|
||||
}
|
||||
|
||||
@@ -2741,7 +2741,11 @@ table {
|
||||
}
|
||||
|
||||
.font-sans {
|
||||
font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.font-text {
|
||||
font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.font-serif {
|
||||
@@ -2753,7 +2757,7 @@ table {
|
||||
}
|
||||
|
||||
.font-body {
|
||||
font-family: Open Sans;
|
||||
font-family: roboto-condensed;
|
||||
}
|
||||
|
||||
.font-hairline {
|
||||
@@ -7871,7 +7875,11 @@ table {
|
||||
}
|
||||
|
||||
.sm\:font-sans {
|
||||
font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.sm\:font-text {
|
||||
font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.sm\:font-serif {
|
||||
@@ -7883,7 +7891,7 @@ table {
|
||||
}
|
||||
|
||||
.sm\:font-body {
|
||||
font-family: Open Sans;
|
||||
font-family: roboto-condensed;
|
||||
}
|
||||
|
||||
.sm\:font-hairline {
|
||||
@@ -12986,7 +12994,11 @@ table {
|
||||
}
|
||||
|
||||
.md\:font-sans {
|
||||
font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.md\:font-text {
|
||||
font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.md\:font-serif {
|
||||
@@ -12998,7 +13010,7 @@ table {
|
||||
}
|
||||
|
||||
.md\:font-body {
|
||||
font-family: Open Sans;
|
||||
font-family: roboto-condensed;
|
||||
}
|
||||
|
||||
.md\:font-hairline {
|
||||
@@ -18101,7 +18113,11 @@ table {
|
||||
}
|
||||
|
||||
.lg\:font-sans {
|
||||
font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.lg\:font-text {
|
||||
font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.lg\:font-serif {
|
||||
@@ -18113,7 +18129,7 @@ table {
|
||||
}
|
||||
|
||||
.lg\:font-body {
|
||||
font-family: Open Sans;
|
||||
font-family: roboto-condensed;
|
||||
}
|
||||
|
||||
.lg\:font-hairline {
|
||||
@@ -23216,7 +23232,11 @@ table {
|
||||
}
|
||||
|
||||
.xl\:font-sans {
|
||||
font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.xl\:font-text {
|
||||
font-family: Roboto Condensed, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
}
|
||||
|
||||
.xl\:font-serif {
|
||||
@@ -23228,7 +23248,7 @@ table {
|
||||
}
|
||||
|
||||
.xl\:font-body {
|
||||
font-family: Open Sans;
|
||||
font-family: roboto-condensed;
|
||||
}
|
||||
|
||||
.xl\:font-hairline {
|
||||
|
||||
@@ -45,7 +45,7 @@ View the full documentation at https://tailwindcss.com.
|
||||
let colors = {
|
||||
transparent: 'transparent',
|
||||
|
||||
black: '#111111',
|
||||
black: '#2d2d2d',
|
||||
'black-light': '#333333',
|
||||
'grey-darkest': '#3d4852',
|
||||
'grey-darker': '#606f7b',
|
||||
@@ -191,6 +191,22 @@ module.exports = {
|
||||
|
||||
fonts: {
|
||||
sans: [
|
||||
'Roboto',
|
||||
'system-ui',
|
||||
'BlinkMacSystemFont',
|
||||
'-apple-system',
|
||||
'Segoe UI',
|
||||
'Roboto',
|
||||
'Oxygen',
|
||||
'Ubuntu',
|
||||
'Cantarell',
|
||||
'Fira Sans',
|
||||
'Droid Sans',
|
||||
'Helvetica Neue',
|
||||
'sans-serif',
|
||||
],
|
||||
text: [
|
||||
'Roboto Condensed',
|
||||
'system-ui',
|
||||
'BlinkMacSystemFont',
|
||||
'-apple-system',
|
||||
@@ -224,7 +240,7 @@ module.exports = {
|
||||
'Courier New',
|
||||
'monospace',
|
||||
],
|
||||
body: ['Open Sans'],
|
||||
body: ['roboto-condensed'],
|
||||
},
|
||||
|
||||
/*
|
||||
|
||||
12
yarn.lock
12
yarn.lock
@@ -9303,6 +9303,18 @@ typedarray@^0.0.6:
|
||||
version "0.0.6"
|
||||
resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
|
||||
|
||||
typeface-quicksand@^0.0.54:
|
||||
version "0.0.54"
|
||||
resolved "https://registry.yarnpkg.com/typeface-quicksand/-/typeface-quicksand-0.0.54.tgz#d8f60bcfbea663cda97a0e973f24e6c35d76561a"
|
||||
|
||||
typeface-roboto-condensed@^0.0.54:
|
||||
version "0.0.54"
|
||||
resolved "https://registry.yarnpkg.com/typeface-roboto-condensed/-/typeface-roboto-condensed-0.0.54.tgz#4e0d5d24ed95e1e2efa7fcf55b8a9ceaa5bd2be7"
|
||||
|
||||
typeface-roboto@^0.0.54:
|
||||
version "0.0.54"
|
||||
resolved "https://registry.yarnpkg.com/typeface-roboto/-/typeface-roboto-0.0.54.tgz#8f02c9a18d1cfa7f49381a6ff0d21ff061f38ad2"
|
||||
|
||||
ua-parser-js@^0.7.18:
|
||||
version "0.7.18"
|
||||
resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.18.tgz#a7bfd92f56edfb117083b69e31d2aa8882d4b1ed"
|
||||
|
||||
Reference in New Issue
Block a user