@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap");

body {
  font-family: "Funnel Display";
  font-optical-sizing: auto;
  font-style: normal;
}

.dark p {
  color: rgb(255, 255, 255);
}

:is(.dark .dark\:bg-codeblock\/50) {
  filter: brightness();
}

:is(.dark .dark\:bg-codeblock\/50) svg {
  filter: brightness(10);
}

:is(.dark .dark\:bg-codeblock\/50):hover {
  filter: brightness(10);
}

/*for sidebar text color in LIGHT mode*/
:is(.dark\:text-primary-light) {
  color: #694AFE;
}

/*for sidebar text color in DARK mode*/
:is(.dark .dark\:text-primary-light) {
  color: #694AFE;
}

/*for table white color text in DARK mode */
.prose:is(.dark *) {
  color: white;
}

/*for black color in LIGHT mode*/
.prose {
  color: black;
}

/*for a clearer code format in DARK mode*/
:not(pre)>code:is(.dark *) {
  background: #3C4043;
  border-width: 0;
}

/*for a clearer code format in LIGHT mode*/
:not(pre)>code {
  background: #CCCCCC;
  color: black;
  border-width: 0;
}

/*Base link styles LIGHT mode*/
.prose a {
  color: #694AFE;
  text-decoration: none;
  border-bottom: 1px solid #694AFE;
  transition: color 0.3s, border-bottom-width 0.1s, font-weight 0.1s;
}

/*Base link styles DARK mode*/
:is(.dark) .prose a {
  color: #694AFE;
  text-decoration: none;
  border-bottom: 1px solid #694AFE;
  transition: color 0.3s, border-bottom-width 0.1s, font-weight 0.1s;
}

/*Link hover and focus states LIGHT mode*/
.prose a:hover,
.prose a:focus {
  color: #694AFE;
  border-bottom-width: 2px;
  font-weight: 900;
  outline: none;
}

/*Link hover and focus states DARK mode*/
:is(.dark) .prose a:hover,
:is(.dark) .prose a:focus {
  color: #694AFE;
  border-bottom-width: 2px;
  font-weight: 900;
  outline: none;
}

/*Link visited LIGHT mode*/
.prose a:visited {
  color: #694AFE;
}

/*Link visited DARK mode*/
:is(.dark) .prose a:visited {
  color: #694AFE;
}

/*Card style LIGHT mode*/
.card {
  background-color: #FAFAFA;
  border: 2px solid #232628;
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 5px;
  transition: 0.3s;
}

/*Card style DARK mode*/
:is(.dark) .card {
  background-color: #232628;
  border: 2px solid #606263;
  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 5px;
  transition: 0.3s;
}

.mint-block {
    display: block
}
.mint-hidden {
    display: none
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}

Discover everything you need to know about Oxla right here, right now!

Welcome

Oxla Developer Hub

Oxla Product Roadmap

Changelog

What is Oxla and why use it

Quickstart

Run Oxla in 2 minutes

Amazon Simple Storage Service (S3)

Deploy Oxla Docker Container with Amazon S3 Integration

Google Cloud Storage

Deploy Oxla Docker Container with Google Cloud Storage Integration

Microsoft Azure Blob Storage

Deploy Oxla Docker Container with Microsoft Azure Blob Storage Integration

MinIO

Connecting Oxla to MinIO

Overview

SQL Reference

Schema Definition

Comment Support

Transactions

Access Control

Ownership

Privileges

Roles

SSL Configuration

Oxla Home Files

Data Task Stability

Public Metrics

Error Handling

Degraded State Handling

OLTP vs. OLAP

Oxla vs. PostgreSQL

AWS S3

Integrating Oxla Docker Container with Amazon S3

Run Oxla on Google Cloud Storage

Azure Blob Storage

Run Oxla on Azure Blob Storage

Home

Introduction

Development Guide

Resources

Welcome

Quickstart

Cloud Storage

SQL Reference