tailwind.js
./node_modules/.bin/tailwind init
webpack.mix.js
let mix = require('laravel-mix');
let tailwind = require('tailwindcss');
let build = require('./tasks/build.js');
<script> | |
<?php if (Auth::user() && Spark::developer(Auth::user()->email) || session('spark:impersonator')) { | |
?> Spark.state.devmode = true; <?php | |
} else { | |
?> Spark.state.devmode = false; <?php | |
} ?> | |
if (Spark.state.user && !Spark.state.devmode) { | |
// Intercom, FullStory, etc. tracking goes here | |
} |
setPluginUrl() { | |
// Deleting the default header | |
delete window.axios.defaults.headers.common['X-CSRF-TOKEN']; | |
// Calling the method that fetches the data from Github | |
this.fetchUrl().then(data => { | |
this.pluginUrl = data; | |
}); | |
// Reset the axios default headers |
/** | |
* We'll load the axios HTTP library which allows us to easily issue requests | |
* to our Laravel back-end. This library automatically handles sending the | |
* CSRF token as a header based on the value of the "XSRF" token cookie. | |
*/ | |
window.axios.defaults.headers.common = { | |
'X-Requested-With': 'XMLHttpRequest', | |
'X-CSRF-TOKEN': Spark.csrfToken | |
}; |
fetchUrl() { | |
return axios.get('https://api.github.com/repos/tnorthcutt/member-score-wp-plugin/releases/latest') | |
.then(function (response) { | |
return response.data.assets[0].browser_download_url; | |
}); | |
}, |
<div class=""> | |
<!-- User Photo / Name --> | |
<a href="#" @click.prevent="toggleDropdown" class="px-4 hover:no-underline focus:no-underline" role="button" aria-expanded="false"> | |
<img :src="user.photo_url" class="spark-nav-profile-photo m-r-xs"> | |
<span class="caret"></span> | |
</a> | |
@include('nav.dropdown') | |
</div> |
<!-- NavBar For Authenticated Users --> | |
<main-nav | |
:user="user" | |
:teams="teams" | |
:current-team="currentTeam" | |
:has-unread-notifications="hasUnreadNotifications" | |
:has-unread-announcements="hasUnreadAnnouncements" | |
:nav-open="navOpen" | |
:dropdown-open="dropdownOpen" | |
inline-template> |
html { | |
font-size: 16px; | |
} | |
body { | |
font-size: 16px; | |
font-weight: inherit; | |
} |
@import "docs"; | |
@import "automation"; | |
@import "bootstrap-overrides"; | |
@tailwind preflight; | |
@tailwind components; | |
@tailwind utilities; |