Skip to content

Instantly share code, notes, and snippets.

View jongravois's full-sized avatar

Jonathan Gravois jongravois

View GitHub Profile
.wizard a {
background: #efefef;
display: inline-block;
margin-right: 5px;
min-width: 150px;
outline: none;
padding: 10px 25px 10px;
position: relative;
text-decoration: none;
}
.tw-tabs-container {
@apply flex text-left mb-4 border-b border-grey-400;
}
.tw-tab {
@apply border border-b-0 border-grey-400 rounded-t-lg px-4 py-2 bg-white .cursor-pointer .bg-white .inline-block .py-2 .px-4 .text-blue-500 .font-semibold .no-underline;
}
.tw-tab:hover {
@apply .text-blue-800;
}
.tw-tab:focus {
.tw-condensed-table {
font-size: 12px !important;
}
.tw-table>tr>td, .tw-table>tr>th {
@apply .p-2 .border;
}
.tw_table_cell {
@apply .p-2 .border;
}
.profile-card {
background-color: #fff;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
0 5px 15px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
0 5px 15px 0 rgba(0, 0, 0, 0.08);
border-radius: 0.5rem;
overflow: hidden;
padding: 1rem 1.5rem;
}
nav.navbar {
height: 70px !important;
position: absolute;
top: 0;
width: 100vw;
margin-bottom: 3em;
z-index: 100;
}
.navbar-menu {
font-weight: 900;
// Customized Tailwind
[v-cloak] {
display: none;
}
.v-reset-input {
color: #cdcdcd !important;
right: 2px !important;
cursor: pointer;
}
.perfect-center {
.tw-input, .tw-textarea, .tw-select, .vdatetime {
@apply .shadow .appearance-none .border .rounded .w-90 .py-2 .px-3 .text-grey-700 .bg-white .leading-tight;
}
.tw-label {
@apply .block .text-grey-700 .text-sm .text-left .font-bold .mb-2;
}
.round-button {
@apply .flex-1 .rounded-full .bg-eagles-500 .text-white .antialiased .font-bold .px-4 .py-2 .mb-3 .ml-2;
}
.round-button:hover {
@apply .bg-eagles-800;
}
.tw-button {
@apply font-semibold py-2 px-4 border border-grey-200 rounded shadow cursor-pointer;
}
.v--modal-overlay {
background: rgba(0, 0, 0, 0.3);
}
.cause_btn {
width: 90%;
margin: auto;
padding: 0.75rem;
border: 1px solid #dadada;
color: #777;
const cssImport = require('postcss-import');
const cssNesting = require('postcss-nesting');
const mix = require('laravel-mix');
const path = require('path');
const tailwindcss = require('tailwindcss');
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
cssImport(),
cssNesting(),