diff --git a/dist/index.html b/dist/index.html index 3641941..27dac79 100644 --- a/dist/index.html +++ b/dist/index.html @@ -3,280 +3,372 @@ + + - - + stancl/tenancy — Automatic multi-tenancy for your Laravel app. No code changes needed. - -
- +
+
+
+

Automatic tenancy for your Laravel app

+

No code changes required.

+

stancl/tenancy is a tenancy package that uses a completely new approach to multi-tenancy.

+

Instead of forcing you to change how you write your app, it bootstraps tenancy automatically, in the background.

+
+ + + + + + +
+
+
+
+
+// Create a tenant
+$tenant = Tenant::new()
+    ->withDomains([
+        'tenant1.yourapp.com',
+        'tenant1.com',
+    ])->withPlan('free')
+    ->save();
 
-        

-            

-                

-
-                    

-                        
Automatic multi-tenancy for your Laravel app.

-                        
You won't have to change a thing in your application's code.

-                    

-
-                    

-                        

-                            
    
-                                
  •  No model traits to change database connection
    • 
-                                
  •  No replacing of Laravel classes (Cache, Storage, ...) with tenancy-aware classes
    • 
-                                
  •  Built-in tenant identification based on hostname (including second level domains)
    • 
-                            

-                        

-                    

-
-                    

-                        
-                    

-                    

+// Write your app like you're used to
+Order::where('status', 'shipped')->get();
+Cache::get('order_count');
+asset('logo.png');
+dispatch(new SendOrderCreatedMail);
+
-
-
- Star - - Laravel 5.8 - Latest Stable Version - Travis CI build - codecov +
+
+
+
+

Easy Installation

+

Two commands is all you need to get started.

+
+composer require stancl/tenancy
+php artisan tenancy:install
+
+

After installation, just focus on what's important to you — writing your app.

+
+
+ + + +
+
-
- -
-
-
-

Multi-tenancy is something that can be handled in the - background. Why should your app's code be polluted with tons of tenancy features - implementations? -

- -

stancl/tenancy is a Laravel package that implements multi-database - tenancy into your application in a way that doesn't require you to change anything in your existing - codebase. -

- -

How does it work?

-
-
    -
  1. The tenant is identified using the current hostname.
    2. -
  2. Database & Redis connections are switched, cache is tagged and filesystem root paths are suffixed.
    3. -
  3. Your code is automatically multi-tenant. No changes needed.
    4. -
-
-
- -
-
-

Easy Installation

-

Just install the package and move your tenant routes.

-
-
- 
-$ composer require stancl/tenancy
-$ php artisan tenancy:install
-$ mv routes/web.php routes/tenant.php
-
-
- -
-
- 
-cache()->remember('total_revenue', function () {
-   return Order::with('products')->get()->products->sum();
-});
-
-
-

Automatic Data Separation

-

Tenants' databases, Redis stores, filesystems and caches are automatically separated. You can write your app like you're used to and let the package worry about tenant data separation.

-
-
- -
-
-

Configurable

-

Even though everything happens automatically, you're still in control. You can configure how database names, Redis keys and filesystem paths are prefixed, as well as how cache is tagged and what DB/Redis connections and FS disks are made multi-tenant.

-
-
- 
-'redis' => [
-  'tenancy' => true,
-  'prefix_base' => 'tenant',
-  'prefixed_connections' => [
-    'default',
-    'cache',
-  ],
-]
-
-
- -
-
- 
-$ artisan tenants:seed --tenants=8075a580-1cb8-11e9-8822-49c5d8f8ff23
-Tenant: 8075a580-1cb8-11e9-8822-49c5d8f8ff23 (laravel.localhost)
-Database seeding completed successfully.
-
-
-

CLI-friendly

-

stancl/tenancy comes with artisan commands for - migrating, rolling back, as well as seeding tenant databases.

-
-
- -
-
-

SOLID Extensibility

-

The package follows the SOLID principles and is open to extension. You're free to write - (and contribute! ) - your own storage drivers and database managers. +

+
+
+

Automatic & Flexible

+

Multi-tenancy is something that can be handled in the background.

+

Why should your code be polluted with tons of tenancy-related things? +

+

Why have your code bound to a specific implementation? Handling things in the + background gives you the flexibility to change how tenancy works for your project without pain.

-
- 
-class PostgreSQLDatabaseManager implements TenantDatabaseManager
-{
-  public function createDatabase($name)
-  {
-    //
-  }
-
+
+ + +
- -
- -
-
-

Stay Updated

-

- If you'd like to be notified about new versions and related stuff, you can sign up for e-mail notificatons or join our Telegram - channel. -

- -
- -
-
-

Subscribe to e-mail notifications

-
- - +
+
+
+

Awesome Integration

+

By switching things in the background, the package doesn’t stand in your way. +

+

You can integrate with just about any package.

+
+ + + + + + + + + + + + + + + + + + + + Spatie
-
-

What would you like to be notified about?

-
    -
    • -
    • -
  • -
    • -
-
-
- - -
- - - +
+
+ -
- + class="text-indigo-800 font-bold text-xl w-64 text-center py-2 rounded-10 + border-indigo-200 border-2 focus:outline-none focus:border-indigo-600 + hover:border-indigo-600 border-transition">Integration + docs + +
+
+ -
-
-

stancl/tenancy

+
+
+

Automatic Data Separation

+

Tenants' databases, caches, filesystems, queues and Redis stores are automatically separated. You can + write your app like you're used to and let the package worry about tenant data separation.

+
+
+
+cache()->remember('total_revenue', function () {
+    return Order::with('products')
+        ->get()
+        ->products
+        ->sum();
+});
+
+
+
- +
+
+
+'redis' => [
+    'prefix_base' => 'tenant',
+    'prefixed_connections' => [
+        'default',
+    ],
+],
+
+
+
+

Configurable

+

Even though everything happens automatically, you're still in control. You can configure + how database names, Redis keys and filesystem paths are prefixed, as well as how cache is tagged and + what DB/Redis connections and FS disks are made multi-tenant.

+
+
-
+
+
+

CLI-friendly

+

stancl/tenancy comes with artisan commands for migrating, rolling + back, as well as + seeding tenant databases.

+
+
+
+$ artisan tenants:seed --tenants=8075a580-1cb8-11e9-8822-49c5d8f8ff23
+Tenant: 8075a580-1cb8-11e9-8822-49c5d8f8ff23 (tenant1.localhost)
+Database seeding completed successfully.
+
+
+
-

Thanks to Steve Schoger for HeroPatterns and Zondicons! CC BY 4.0 -

-
+
+
+
+class PostgreSQLDatabaseManager implements TenantDatabaseManager
+{
+    public function createDatabase($name)
+    {
+        //
+    }
+}
+
+
+
+

SOLID extensibility

+

The package follows the SOLID principles and is open to extension. You're free to write + (and contribute ❤️) your own Storage Drivers, Tenancy Bootstrappers, and Feature classes.

+
+
+
+
+

How it works

+
    +
  • 1. The tenant is identified using the current hostname.
    • +
  • 2. Tenancy Bootstrappers are executed:
    • +
      +
    • + + Database connections are switched +
      • +
    • + + Cache tag is set +
      • +
    • + + Filesystem's root paths are suffixed +
      • +
    • + + Jobs are made automatically tenant-aware +
      • +
    • + + Redis prefix is set +
      • +
    +
  • 3. Your code is multi-tenant. No changes needed.
    • +
+
+
+
+
+

Ready to try it?

+

+ Just create a new Laravel project and install the package.
+ We think you’ll love it. +

+
+ + +
- +
+
+
+
+
+

Stay Updated

+

If you'd like to be notified about new versions and related stuff, you can sign up for e-mail + notifications or join our Telegram channel.

+
+
+

Subscribe to e-mail notifications

+
+ + +
+
+

What would you like to be notified about?

+
    +
    • +
    • +
  • +
    • +
+
+
+ + +
+ + + +
+ +
+
+
+
+
+
+
+
+

stancl/tenancy

+ + + +
+ + +
diff --git a/dist/spatie.png b/dist/spatie.png new file mode 100644 index 0000000..4d926af Binary files /dev/null and b/dist/spatie.png differ diff --git a/docs/source/v2/configuration.blade.md b/docs/source/v2/configuration.blade.md index e646082..d5e6911 100644 --- a/docs/source/v2/configuration.blade.md +++ b/docs/source/v2/configuration.blade.md @@ -30,7 +30,7 @@ Available storage drivers: #### redis {#redis-db-driver} -- `connection` - what Redis connection should be used to store tenant data +- `connection` - what Redis connection should be used to store tenant data. See the [Storage Drivers]({{ $page->link('storage-drivers') }}) documentation. ### `tenant_route_namespace` {#tenant-route-namespace} @@ -48,7 +48,7 @@ You can set the suffix to `.sqlite` if you're using sqlite and want the files to ### `redis` {#redis} -If `tenancy.redis.tenancy` is set to true, connections listed in `tenancy.redis.prefixed_connections` will be prefixed with `config('tenancy.redis.prefix_base') . $id`. +If the `RedisTenancyBootstrapper` is enabled (see `bootstrappers` below), any connections listed in `tenancy.redis.prefixed_connections` will be prefixed with `config('tenancy.redis.prefix_base') . $id`. > Note: You need phpredis. Predis support will dropped by Laravel in version 7. diff --git a/docs/source/v2/jobs-queues.blade.md b/docs/source/v2/jobs-queues.blade.md index 5b0121a..d2393cb 100644 --- a/docs/source/v2/jobs-queues.blade.md +++ b/docs/source/v2/jobs-queues.blade.md @@ -13,7 +13,7 @@ Jobs are automatically multi-tenant, which means that if a job is dispatched whi Open `config/queue.php` and make sure your queue driver has an explicitly set connection. Otherwise it would use the default one, which would cause issues, since `database.default` is changed by the package and Redis connections are prefixed. -**If you're using `database`, add a new line to `queue.connections.database`:** +**If you're using `database`, add a new line to `queue.connections.database` and `queue.failed`:** ```php 'connection' => 'mysql', ``` @@ -22,4 +22,4 @@ where `'mysql'` is the name of your non-tenant database connection with a `jobs` Also make sure you run the queue migrations **for the central database**, not your tenants. -**If you're using Redis, make sure its `'connection'` is not in `tenancy.redis.prefixed_connections`.** \ No newline at end of file +**If you're using Redis, make sure its `'connection'` is not in `tenancy.redis.prefixed_connections`.** diff --git a/docs/source/v2/storage-drivers.blade.md b/docs/source/v2/storage-drivers.blade.md index dfd73d7..76297fc 100644 --- a/docs/source/v2/storage-drivers.blade.md +++ b/docs/source/v2/storage-drivers.blade.md @@ -47,7 +47,7 @@ Read the [Redis documentation page on persistence](https://redis.io/topics/persi If your cache driver is Redis and you don't want to use AOF with it, run two Redis instances. Otherwise, just make sure you use a different database (number) for tenancy and another for anything else. -To use this driver, create a new Redis connection in the `database.redis` configuration (`config/database.php`) called `tenancy`. +To use this driver, create a new Redis connection in the `database.redis` configuration (`config/database.php`) called `tenancy` (or if you use another name, be sure to update it in the `tenancy.storage_drivers.redis.connection` configuration (`config/tenancy.php`)). ```php 'tenancy' => [ diff --git a/docs/source/v2/upgrading.blade.md b/docs/source/v2/upgrading.blade.md index 3e16407..48523be 100644 --- a/docs/source/v2/upgrading.blade.md +++ b/docs/source/v2/upgrading.blade.md @@ -52,5 +52,5 @@ If you're coming from 1.x, it's recommended to read (or at least skim through) t ## New Features - [Tenant Config]({{ $page->link('tenant-config') }}) -- [Migrate Fresh]({{ $page->link('commands#migrate-fresh') }}) -- [`tenants:create`]({{ $page->link('commands#create-tenant') }}) +- [Migrate Fresh]({{ $page->link('console-commands#migrate-fresh') }}) +- [`tenants:create`]({{ $page->link('console-commands#create-tenant') }}) diff --git a/tailwind.config.js b/tailwind.config.js index 36916cb..431dd42 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -102,6 +102,7 @@ module.exports = { 700: '#4c51bf', 800: '#434190', 900: '#3c366b', + 'dark': '#130e37', }, purple: { 100: '#faf5ff', @@ -172,6 +173,8 @@ module.exports = { none: '0', sm: '0.125rem', default: '0.25rem', + '10': '10px', + '15': '15px', lg: '0.5rem', full: '9999px', }, @@ -190,6 +193,7 @@ module.exports = { '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)', inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', outline: '0 0 0 3px rgba(66, 153, 225, 0.5)', + primary: '2px 3px 10px rgba(67, 65, 144, 0.1)', none: 'none', }, container: {}, @@ -221,6 +225,7 @@ module.exports = { }, fontFamily: { sans: [ + 'Nunito', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', @@ -242,6 +247,7 @@ module.exports = { 'serif', ], mono: [ + 'Fira Code', 'Menlo', 'Monaco', 'Consolas', @@ -371,6 +377,7 @@ module.exports = { '12': '12', }, padding: theme => theme('spacing'), + placeholderColor: theme => theme('colors'), stroke: { current: 'currentColor', }, @@ -404,7 +411,6 @@ module.exports = { '9/12': '75%', '10/12': '83.333333%', '11/12': '91.666667%', - '30%': '30%', full: '100%', screen: '100vw', }), @@ -463,11 +469,12 @@ module.exports = { minWidth: ['responsive'], objectFit: ['responsive'], objectPosition: ['responsive'], - opacity: ['responsive'], + opacity: ['responsive', 'hover', 'focus'], order: ['responsive'], outline: ['responsive', 'focus'], overflow: ['responsive'], padding: ['responsive'], + placeholderColor: ['responsive', 'focus'], pointerEvents: ['responsive'], position: ['responsive'], resize: ['responsive'], diff --git a/tailwind.css b/tailwind.css index 361e0ec..4204123 100644 --- a/tailwind.css +++ b/tailwind.css @@ -2,49 +2,10 @@ @tailwind components; @tailwind utilities; -html { - font-family: Roboto; - font-size: 17px; +.both-transition { + transition: background 200ms ease, border 200ms ease; } -#view-documentation { - box-shadow: 0px 0px 15px 5px rgba(198, 130, 240, 0.5) - ,3px 5px 15px 1px rgba(198, 130, 240, 0.2); -} - -#view-documentation:hover { - box-shadow: 0px 0px 15px 5px rgba(198, 130, 240, 0.6) - ,3px 5px 15px 1px rgba(198, 130, 240, 0.3); -} - -/* @screen lg { - pre { - white-space: pre; - } -} */ - -pre { - /* white-space: pre-wrap; */ - word-wrap: break-word; -} - -.link { - @apply text-purple-700; -} -.link:hover { - text-decoration: underline; -} - -hr { - border: 1px solid #ccd; -} - -/* .connections { - background-color: #DFDBE5; - background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H0v36h36V0zM15.126 2H2v13.126c.367.094.714.24 1.032.428L15.554 3.032c-.188-.318-.334-.665-.428-1.032zM18 4.874V18H4.874c-.094-.367-.24-.714-.428-1.032L16.968 4.446c.318.188.665.334 1.032.428zM22.874 2h11.712L20 16.586V4.874c1.406-.362 2.512-1.468 2.874-2.874zm10.252 18H20v13.126c.367.094.714.24 1.032.428l12.522-12.522c-.188-.318-.334-.665-.428-1.032zM36 22.874V36H22.874c-.094-.367-.24-.714-.428-1.032l12.522-12.522c.318.188.665.334 1.032.428zm0-7.748V3.414L21.414 18h11.712c.362-1.406 1.468-2.512 2.874-2.874zm-18 18V21.414L3.414 36h11.712c.362-1.406 1.468-2.512 2.874-2.874zM4.874 20h11.712L2 34.586V22.874c1.406-.362 2.512-1.468 2.874-2.874z' fill='%239C92AC' fill-opacity='0.18' fill-rule='evenodd'/%3E%3C/svg%3E"); -} */ - -.circuit { - /* background-color: #DFDBE5; */ - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%239C92AC' fill-opacity='0.1' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E"); +.border-transition { + transition: border 200ms ease; } \ No newline at end of file