Merge branch 'encore'
4
.gitignore
vendored
|
@ -1,6 +1,4 @@
|
|||
/node_modules/
|
||||
/output_*/
|
||||
/source/assets/
|
||||
/source/build/
|
||||
/vendor/
|
||||
mix-manifest.json
|
||||
mix.js.map
|
||||
|
|
2
Makefile
|
@ -9,7 +9,7 @@ clean:
|
|||
rm -rf \
|
||||
node_modules \
|
||||
output_* \
|
||||
source/assets \
|
||||
source/build \
|
||||
vendor
|
||||
|
||||
init:
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
- name: Install Node dependencies
|
||||
command: yarn install chdir={{ ansistrano_release_path.stdout }}
|
||||
|
||||
- name: Generate assets with Laravel Mix
|
||||
command: yarn run production chdir={{ ansistrano_release_path.stdout }}
|
||||
- name: Generate assets
|
||||
command: yarn run encore production chdir={{ ansistrano_release_path.stdout }}
|
||||
|
||||
- name: Generate the site, including assets
|
||||
command: composer run prod chdir={{ ansistrano_release_path.stdout }}
|
||||
|
|
|
@ -11,6 +11,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.listing-item p:last-of-type {
|
||||
@apply .mb-0;
|
||||
}
|
||||
// .listing-item p:last-of-type {
|
||||
// @apply .mb-0;
|
||||
// }
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
@import (less) "~font-awesome/css/font-awesome.css";
|
||||
@import (less) "~highlightjs/styles/github-gist.css";
|
||||
|
||||
@tailwind preflight;
|
||||
|
||||
p,
|
||||
|
|
18
package.json
|
@ -1,17 +1,17 @@
|
|||
{
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
|
||||
"watch": "NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
|
||||
"hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
|
||||
"production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@symfony/webpack-encore": "^0.17.1",
|
||||
"autoprefixer": "^7.2.4",
|
||||
"font-awesome": "^4.7.0",
|
||||
"glob-all": "^3.1.0",
|
||||
"highlightjs": "^9.10.0",
|
||||
"laravel-mix": "^2.0.0",
|
||||
"less": "^3.0.0",
|
||||
"less": "^2.7.3",
|
||||
"less-loader": "^4.0.5",
|
||||
"tailwindcss": "^0.4.1"
|
||||
"less-plugin-npm-import": "^2.1.0",
|
||||
"postcss-loader": "^2.0.10",
|
||||
"purgecss-webpack-plugin": "^0.19.0",
|
||||
"tailwindcss": "^0.4.0",
|
||||
"webpack-notifier": "^1.5.0"
|
||||
}
|
||||
}
|
||||
|
|
6
postcss.config.js
Normal file
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
plugins: [
|
||||
require('tailwindcss')('./tailwind.js'),
|
||||
require('autoprefixer'),
|
||||
]
|
||||
}
|
|
@ -17,8 +17,7 @@
|
|||
{% include 'og' with { og: page.meta.og } %}
|
||||
|
||||
{% block stylesheets %}
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/vendor.css">
|
||||
<link rel="stylesheet" href="{{ site.url }}/assets/css/main.css">
|
||||
<link rel="stylesheet" href="{{ site.url }}/build/css/site.css">
|
||||
{% endblock %}
|
||||
|
||||
{% for size in site.apple_touch_icon_sizes %}
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
{% if page.speakerdeck.id and page.speakerdeck.ratio %}
|
||||
<div class="mt-4">
|
||||
<div class="talk-slides mt-4">
|
||||
<h2>Slides</h2>
|
||||
|
||||
<noscript>**Please enable JavaScript to view slides.**</noscript>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="no-js" lang="en-GB">
|
||||
{% include 'head.html.twig' %}
|
||||
<body class="text-grey-darkest text-sm leading-normal">
|
||||
<body class="text-grey-darkest text-sm leading-normal border-t-3 border-blue">
|
||||
{% include 'nav.html.twig' %}
|
||||
|
||||
{% block breadcrumb %}{% endblock %}
|
||||
|
|
|
@ -7,12 +7,15 @@ tags:
|
|||
- drupal-theming
|
||||
- tailwind-css
|
||||
---
|
||||
{% block excerpt %}
|
||||
## What is Tailwind?
|
||||
|
||||
> Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.
|
||||
|
||||
It generates a number of utility classes that you can add to your theme's markup to apply different styling, as well as the ability to apply classes to other markup and create components comprised of utility classes using a custom `@apply` PostCSS directive.
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
## Initial Configuration
|
||||
|
||||
The installation and configuration steps are essentially the same as those outlined within the [Tailwind documentation][1], and should be performed within your custom theme's directory (e.g. `sites/all/themes/custom/mytheme` for Drupal 7 or `themes/custom/mytheme` for Drupal 8:
|
||||
|
@ -84,6 +87,7 @@ With the `!important` rule enabled though, the Tailwind’s class takes preceden
|
|||
## Example
|
||||
|
||||
For an example of Tailwind within a Drupal 8 theme, see the custom theme for the [Drupal Bristol website][0] on GitHub.
|
||||
{% endblock %}
|
||||
|
||||
[0]: https://github.com/drupalbristol/drupal-bristol-website/tree/master/web/themes/custom/drupalbristol
|
||||
[1]: https://tailwindcss.com/docs/installation
|
||||
|
|
Before Width: | Height: | Size: 434 KiB |
Before Width: | Height: | Size: 434 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 94 KiB |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 285 KiB After Width: | Height: | Size: 285 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 106 KiB |
Before Width: | Height: | Size: 884 KiB After Width: | Height: | Size: 884 KiB |
Before Width: | Height: | Size: 275 KiB After Width: | Height: | Size: 275 KiB |
Before Width: | Height: | Size: 249 KiB After Width: | Height: | Size: 249 KiB |
Before Width: | Height: | Size: 323 KiB After Width: | Height: | Size: 323 KiB |
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 236 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 213 KiB |
Before Width: | Height: | Size: 652 KiB After Width: | Height: | Size: 652 KiB |
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 316 KiB |
Before Width: | Height: | Size: 406 KiB After Width: | Height: | Size: 406 KiB |
Before Width: | Height: | Size: 394 KiB After Width: | Height: | Size: 394 KiB |
Before Width: | Height: | Size: 367 KiB After Width: | Height: | Size: 367 KiB |
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 43 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.2 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 707 B After Width: | Height: | Size: 707 B |
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
BIN
source/assets/images/images/badges/acquia-d8-back-end.png
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
source/assets/images/images/badges/acquia-d8-developer.png
Normal file
After Width: | Height: | Size: 23 KiB |
BIN
source/assets/images/images/badges/acquia-d8-front-end.png
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
source/assets/images/images/badges/acquia-d8-grand-master.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
source/assets/images/images/badges/da-individual-member.png
Normal file
After Width: | Height: | Size: 33 KiB |
BIN
source/assets/images/images/badges/drupal-8.jpg
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
source/assets/images/images/badges/phpnw17.png
Normal file
After Width: | Height: | Size: 94 KiB |
BIN
source/assets/images/images/blog/custom-module-as-a-feature.png
Normal file
After Width: | Height: | Size: 31 KiB |
BIN
source/assets/images/images/blog/drupal-meetups-twitterbot.png
Normal file
After Width: | Height: | Size: 285 KiB |
BIN
source/assets/images/images/blog/drupalcamp-bristol-17-logo.jpg
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
source/assets/images/images/blog/drupalcamp-dublin.jpg
Normal file
After Width: | Height: | Size: 106 KiB |
BIN
source/assets/images/images/blog/drupalvm-generate-example-2.gif
Normal file
After Width: | Height: | Size: 884 KiB |
BIN
source/assets/images/images/blog/drupalvm-generate-example.gif
Normal file
After Width: | Height: | Size: 275 KiB |
BIN
source/assets/images/images/blog/drupalvm-generate-release.png
Normal file
After Width: | Height: | Size: 249 KiB |
BIN
source/assets/images/images/blog/drupalvm-generate-repo.png
Normal file
After Width: | Height: | Size: 323 KiB |
BIN
source/assets/images/images/blog/forked-github-repo-commits.png
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
source/assets/images/images/blog/git-format-patch.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
source/assets/images/images/blog/github-fork-rebase-phpstorm.png
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
source/assets/images/images/blog/github-pages.png
Normal file
After Width: | Height: | Size: 88 KiB |
BIN
source/assets/images/images/blog/jackson-octocat.png
Normal file
After Width: | Height: | Size: 74 KiB |
BIN
source/assets/images/images/blog/minimum-drupal-version-d7.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
After Width: | Height: | Size: 24 KiB |
BIN
source/assets/images/images/blog/nginx-redirect-with-args.gif
Normal file
After Width: | Height: | Size: 236 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 213 KiB |
BIN
source/assets/images/images/blog/private-message-queue.png
Normal file
After Width: | Height: | Size: 652 KiB |
BIN
source/assets/images/images/blog/tdd-drupal-1.png
Normal file
After Width: | Height: | Size: 316 KiB |
BIN
source/assets/images/images/blog/tdd-drupal-2.png
Normal file
After Width: | Height: | Size: 406 KiB |
BIN
source/assets/images/images/blog/tdd-drupal-3.png
Normal file
After Width: | Height: | Size: 394 KiB |