Brand colors in docs

This commit is contained in:
Samuel Štancl 2020-04-23 04:30:29 +02:00
parent aed2aac50a
commit 0bd44a3b9a
10 changed files with 64 additions and 14 deletions

View file

@ -3,8 +3,8 @@
return [ return [
'baseUrl' => '', 'baseUrl' => '',
'production' => false, 'production' => false,
'siteName' => 'stancl/tenancy documentation', 'siteName' => 'Tenancy for Laravel documentation',
'siteDescription' => 'A Laravel multi-database tenancy package that respects your code.', 'siteDescription' => 'stancl/tenancy — An automatic multi-tenancy package for Laravel.',
// key => display name // key => display name
'versions' => [ 'versions' => [

View file

@ -5,10 +5,10 @@ body {
a { a {
@apply .font-semibold; @apply .font-semibold;
@apply .no-underline; @apply .no-underline;
@apply .text-blue-dark; @apply .text-indigo-700;
&:hover { &:hover {
@apply .text-blue-darker; @apply .text-indigo-500;
} }
} }

View file

@ -43,13 +43,13 @@
</head> </head>
<body class="flex flex-col justify-between min-h-screen bg-grey-lightest text-grey-darkest leading-normal font-sans"> <body class="flex flex-col justify-between min-h-screen bg-grey-lightest text-grey-darkest leading-normal font-sans">
<header class="flex items-center shadow bg-white border-b h-24 mb-8 py-4" role="banner"> <header class="flex items-center shadow bg-indigo-700 border-b h-24 mb-8 py-4" role="banner">
<div class="container flex items-center max-w-4xl mx-auto px-4 lg:px-8"> <div class="container flex items-center max-w-4xl mx-auto px-4 lg:px-8">
<div class="flex items-center"> <div class="flex items-center">
<a href="/" title="{{ $page->siteName }} home" class="inline-flex items-center"> <a href="/" title="{{ $page->siteName }} home" class="inline-flex items-center">
{{-- <img class="h-8 md:h-10 mr-3" src="/assets/img/logo.svg" alt="{{ $page->siteName }} logo" /> --}} <img class="h-10 md:h-16 mr-3" src="/assets/img/tenancy_logo.svg" alt="{{ $page->siteName }}" />
<h1 class="text-lg md:text-2xl text-blue-darkest font-semibold hover:text-blue-dark my-0 pr-4">{{ $page->siteName }}</h1> {{-- <h1 class="text-lg md:text-2xl text-blue-darkest font-semibold hover:text-blue-dark my-0 pr-4">{{ $page->siteName }}</h1> --}}
</a> </a>
</div> </div>
@ -60,7 +60,7 @@
</div> </div>
<div class="flex flex-1 justify-end items-center text-right md:pl-10"> <div class="flex flex-1 justify-end items-center text-right md:pl-10">
<select id="versionSelect" class="bg-grey-lightest border-solid border"> <select id="versionSelect" class="bg-grey-lightest border-solid border rounded">
@foreach($page->versions as $version => $name) @foreach($page->versions as $version => $name)
<option <option
value="{{ $page->baseUrl . '/' . $version }}/" value="{{ $page->baseUrl . '/' . $version }}/"

View file

@ -2,7 +2,7 @@
@if ($url = is_string($item) ? $item : $item->url) @if ($url = is_string($item) ? $item : $item->url)
{{-- Menu item with URL--}} {{-- Menu item with URL--}}
<a href="{{ $page->isUrl($url) ? $url : $page->link($url) }}" <a href="{{ $page->isUrl($url) ? $url : $page->link($url) }}"
class="{{ 'lvl' . $level }} {{ $page->isActiveParent($item) ? 'lvl' . $level . '-active' : '' }} {{ $page->isActive($url) ? 'active font-semibold text-blue' : '' }} nav-menu__item hover:text-blue" class="{{ 'lvl' . $level }} {{ $page->isActiveParent($item) ? 'lvl' . $level . '-active' : '' }} {{ $page->isActive($url) ? 'active font-semibold text-indigo-700' : '' }} nav-menu__item hover:text-indigo-700"
> >
{{ $label }} {{ $label }}
</a> </a>

View file

@ -1,4 +1,4 @@
<button class="flex justify-center items-center bg-blue border border-blue h-10 mr-4 px-5 rounded-full lg:hidden focus:outline-none" <button class="flex justify-center items-center bg-indigo-500 border border-indigo-600 h-10 mr-4 px-5 rounded-full lg:hidden focus:outline-none"
onclick="navMenu.toggle()" onclick="navMenu.toggle()"
> >
<svg id="js-nav-menu-show" xmlns="http://www.w3.org/2000/svg" <svg id="js-nav-menu-show" xmlns="http://www.w3.org/2000/svg"

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
{ {
"/js/main.js": "/js/main.js?id=559633482baac87a89b5", "/js/main.js": "/js/main.js?id=559633482baac87a89b5",
"/css/main.css": "/css/main.css?id=8c2bb4469f9a2e2601b9", "/css/main.css": "/css/main.css?id=ced4dbb44a4720d57697",
"/js/main.js.map": "/js/main.js.map?id=b4e687f67eff50c3fe64" "/js/main.js.map": "/js/main.js.map?id=b4e687f67eff50c3fe64"
} }

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -112,6 +112,16 @@ let colors = {
'indigo-lighter': '#b2b7ff', 'indigo-lighter': '#b2b7ff',
'indigo-lightest': '#e6e8ff', 'indigo-lightest': '#e6e8ff',
'indigo-100': '#ebf4ff',
'indigo-200': '#c3dafe',
'indigo-300': '#a3bffa',
'indigo-400': '#7f9cf5',
'indigo-500': '#667eea',
'indigo-600': '#5a67d8',
'indigo-700': '#4c51bf',
'indigo-800': '#434190',
'indigo-900': '#3c366b',
'purple-darkest': '#21183c', 'purple-darkest': '#21183c',
'purple-darker': '#382b5f', 'purple-darker': '#382b5f',
'purple-dark': '#794acf', 'purple-dark': '#794acf',

View file

@ -1,4 +1,4 @@
#!/bin/bash #!/bin/bash
cd docs cd docs
vendor/bin/jigsaw build && vendor/bin/jigsaw serve -p 9999 vendor/bin/jigsaw build && vendor/bin/jigsaw serve -p 9998