Test Components with CDN

This commit is contained in:
khatabwedaa
2020-05-07 20:03:16 +02:00
parent ce5cf6e578
commit f9cee3842c
4 changed files with 21 additions and 17 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,20 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@tailwind base;
@tailwind components;
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-track{
background: #2D3748;
}
::-webkit-scrollbar-thumb{
background: #CBD5E0;
}
::-webkit-scrollbar-thumb:hover{
background: #718096;
}
@tailwind utilities;

View File

@@ -58,7 +58,7 @@
</div>
</div>
<div class="absolute h-96 hidden lg:right-0 lg:block lg:w-1/2" style="clip-path: polygon(10% 0px, 100% 0%, 100% 100%, 0px 100%);">
<div class="absolute h-64 h-96 hidden lg:right-0 lg:block lg:w-1/2" style="clip-path: polygon(10% 0px, 100% 0%, 100% 100%, 0px 100%);">
<div class="h-full bg-cover bg-center" style="background-image: url('https://images.unsplash.com/photo-1508394522741-82ac9c15ba69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=748&q=80');">
<div class="h-full bg-black opacity-25"></div>
</div>

View File

@@ -13,7 +13,7 @@
</div>
</nav>
<div class="flex items-center flex-col py-6 md:py-0 md:flex-row md:h-96">
<div class="flex items-center flex-col py-6 md:py-16 md:flex-row md:h-96">
<div class="md:w-1/2">
<h1 class="text-4xl font-semibold text-gray-100">Brand</h1>
<p class="text-2xl font-semibold text-gray-100">