Commit graph

183 commits

Author SHA1 Message Date
Oliver Davies 7f92da2854 Use @tailwindcss/jit 2021-03-16 01:07:54 +00:00
Oliver Davies 2e15ac3bc5 Remove square bracket classes 2021-03-16 01:07:42 +00:00
Oliver Davies e586eaae1f Update postcss.config.js structure 2021-03-15 23:12:54 +00:00
Oliver Davies 27b55afe8a Remove square brackets in class list 2021-03-15 22:22:40 +00:00
Oliver Davies a33685ced9 Group all npm dependencies into dev 2021-03-15 21:50:37 +00:00
Oliver Davies 177d001cfd Remove video classes variable 2021-03-12 17:38:48 +00:00
Oliver Davies 76de7f5d6c Fix input width for password form field 2021-03-12 17:36:46 +00:00
Oliver Davies 3832d7972d Use extends for extending variants 2021-03-12 17:30:25 +00:00
Oliver Davies a53900c8f0 Re-add dark version of the theme
Fixes #376
2021-03-12 17:28:28 +00:00
Oliver Davies 8e40f90807 Use Tailwind CSS aspect ratio plugin for videos 2021-03-12 08:57:37 +00:00
Oliver Davies d4dee13118 Add custom base form styles 2021-03-11 23:27:42 +00:00
Oliver Davies ac56bbc878 Add Tailwind CSS forms plugin 2021-03-11 20:59:00 +00:00
Oliver Davies 9b93979443 Remove duplicate attributes from block template 2021-03-06 12:12:10 +00:00
Oliver Davies ebacc4530f Update footer section styling 2021-03-06 10:59:27 +00:00
Oliver Davies 38cc716bb1 Remove unnecessary ARIA roles from templates 2021-03-06 10:59:27 +00:00
Oliver Davies 0b182e4d48 Change section to div
This is to avoid having sections with no title, such as the main page
body content as the page title is in its own block.
2021-03-06 01:17:15 +00:00
Oliver Davies b9b09b5719 Add additional classes to PurgeCSS safelist 2021-02-11 08:53:16 +00:00
Oliver Davies ab69190d8f Add Platform.sh required files 2021-02-11 08:53:16 +00:00
Oliver Davies 29d88893fa Add Docker and Docker Compose 2021-02-11 08:53:15 +00:00
Oliver Davies ffed78ef8b Change blue colour for prose links 2021-01-22 01:07:53 +00:00
Oliver Davies 55b2005b7d Change blue colour for links and backgrounds 2021-01-22 01:03:38 +00:00
Oliver Davies e716069022 Add list styling to related posts
References #3
2021-01-11 01:48:23 +00:00
Oliver Davies 59620f8a51 Add .theme file to the PurgeCSS config
Ensures that any classes in `opdavies.theme` are not purged in a
production CSS build.

References #341
2021-01-10 22:15:48 +00:00
Oliver Davies 3b6ad20486 Move padding from list items to links
So that the padding takes up the full space within the tab, move the
padding to the link element. This requires adding a preprocess function
to the theme file and removing the classes from the local task template.

References #341
2021-01-10 22:05:50 +00:00
Oliver Davies 9bcb8bb847 Add negative margins to re-align tabs
References #341
2021-01-10 22:05:46 +00:00
Oliver Davies b2641662d2 Add tab styling
References #341
2021-01-10 22:05:37 +00:00
Oliver Davies 654d0f65f7 Flex lists of local tasks
References #341
2021-01-10 22:05:22 +00:00
Oliver Davies bb2363457c Add templates for local tasks
References #341
2021-01-10 22:05:18 +00:00
Oliver Davies dad542a0ab Fix content overflowing on mobile 2021-01-04 18:15:11 +00:00
Oliver Davies 9aaf62fce3 Re-order imports 2020-12-20 01:45:58 +00:00
Oliver Davies 08657c9b14 Safelist branding block, fix logo size 2020-12-20 01:45:50 +00:00
Oliver Davies a142f073f2 Re-add colour overrides
https://tailwindcss.com/docs/upgrading-to-v2#configure-your-color-palette-explicitly
2020-12-18 01:08:31 +00:00
Oliver Davies 3f1f858c37 Import default colours from 1.x
https://tailwindcss.com/docs/upgrading-to-v2#configure-your-color-palette-explicitly
2020-12-18 01:08:21 +00:00
Oliver Davies 3a7465572f Rename focus visible plugin 2020-12-18 01:08:18 +00:00
Oliver Davies 6c6585abf8 Change whitelist to safelist
https://tailwindcss.com/docs/upgrading-to-v2#update-purge-options-to-match-purge-css-3-0
2020-12-18 01:08:05 +00:00
Oliver Davies dc70dd5e87 Move the typography plugin config into extend
https://tailwindcss.com/docs/upgrading-to-v2#update-typography-and-forms-plugins
https://github.com/tailwindlabs/tailwindcss-typography/releases/tag/v0.3.0
2020-12-18 01:07:55 +00:00
Oliver Davies 3b0b7d37e3 Remove experimental and future options from config
https://tailwindcss.com/docs/upgrading-to-v2#remove-future-and-experimental-configuration-options
2020-12-18 01:07:49 +00:00
Oliver Davies cbdb79a429 Update npm dependencies
https://tailwindcss.com/docs/upgrading-to-v2#install-tailwind-css-v2-0-and-post-css-8
2020-12-18 01:07:46 +00:00
Oliver Davies 4e427340df Increase padding in code blocks 2020-12-17 13:06:08 +00:00
Oliver Davies 2fb7b4cf44 Change syntax highlighting theme 2020-12-17 09:42:47 +00:00
Oliver Davies ebd9903bf6 Remove dark mode from theme 2020-12-17 09:42:41 +00:00
Oliver Davies 9fba0b7292 Wrap all custom components in layers 2020-12-17 01:53:58 +00:00
Oliver Davies 4cfc932f77 Import all libraries automatically 2020-12-17 01:33:15 +00:00
Oliver Davies a7dce26971 Split custom utilities into partials 2020-12-17 01:32:43 +00:00
Oliver Davies d7b39a18e9 Split custom base classes into partials 2020-12-17 01:32:43 +00:00
Oliver Davies f12da38a40 Use postcss-easy-import for easy importing 2020-12-17 01:32:43 +00:00
Oliver Davies 3df64325b8 Sort imports [ci skip] 2020-12-17 00:05:40 +00:00
Oliver Davies 265b6f17ca Improve syntax highlighting 2020-12-16 23:52:30 +00:00
Oliver Davies 832b2897f3 Improve code snippet styles in light and dark mode 2020-12-16 23:33:20 +00:00
Oliver Davies e83b5ec517 Only override the blog posts view lists
Prevent other views, such as the talks listing page, from being
overridden with the same changes as the blog post listing page.
2020-12-16 21:35:29 +00:00
Oliver Davies 52964e2eca Improve note styling in dark mode 2020-12-16 20:52:45 +00:00
Oliver Davies c3b5763adf Fix colour for 'Posted' text in dark mode 2020-12-16 20:28:37 +00:00
Oliver Davies 290ab7098d Override view list, change heading to h2 2020-12-16 20:21:21 +00:00
Oliver Davies f0039080e4 Display list of posts, grouped by year 2020-12-16 20:21:21 +00:00
Oliver Davies acf91fb1a9 Always have a gap between main content and sidebar 2020-12-16 00:35:54 +00:00
Oliver Davies ce374861ba Change role text colour in dark mode
References #293
2020-12-03 08:16:33 +00:00
Oliver Davies 352637b390 Enable lazy loading for recommendation images 2020-12-03 02:28:04 +00:00
Oliver Davies f0b3cc30ec Update caniuse database [ci skip] 2020-12-01 21:52:31 +00:00
Oliver Davies 71294cb75e Re-add block background colour 2020-11-28 19:57:17 +00:00
Oliver Davies 3025ab0f68 Change table header colour in dark mode 2020-11-08 14:51:02 +00:00
Oliver Davies 097293fc3e Change input text colour in dark mode 2020-11-08 13:45:25 +00:00
Oliver Davies a574e7e532 Change blockquote colour in dark mode 2020-11-08 13:36:16 +00:00
Oliver Davies 9ea86e6559 Set h3 heading colour in dark mode 2020-11-02 14:25:43 +00:00
Oliver Davies a888430ef3 Integrate the typography plugin with dark mode
References #27
2020-10-29 01:43:33 +00:00
Oliver Davies c0355a4e89 Override blue.500 colour
References #27
2020-10-29 01:41:57 +00:00
Oliver Davies e996140f47 Add dark mode styles
References #27
2020-10-29 01:02:26 +00:00
Oliver Davies 530074f176 Override gray colours
Override the default Tailwind `gray` colours, and update anywhere that
the originals were used.

References #27
2020-10-29 00:50:09 +00:00
Oliver Davies dacbfebc26 Enable the dark mode variant
References #27
2020-10-29 00:50:00 +00:00
Oliver Davies 623d1924b7 Show if an event is online
References #241
2020-10-24 20:32:20 +01:00
Oliver Davies 79445b8641 Refactor existing event paragraph template
References #241
2020-10-24 20:06:50 +01:00
Oliver Davies 0411285046 Override theme templates for blog and talks views
Override the theme templates for the `talks` and `blog_posts` views,
adding classes to the header wrapper and some spacing between the header
text and the view results.
2020-10-24 11:23:38 +01:00
Oliver Davies 3dd7608a87 Update PurgeCSS config 2020-09-24 12:42:53 +01:00
Oliver Davies b70b30bc99 Refactor existing CSS
Fixes #190
2020-09-16 01:47:00 +01:00
Oliver Davies 390c3ba44d Enable the 'apply complex classes' feature
Enable the experimental feature to use `@apply` with complex classes
including interactive states. I tried this on the Rebuilding Symfony
demo project and it worked well.

This would mean that I could refactor some of my existing styles on this
project.

References #190
2020-09-16 01:39:06 +01:00
Oliver Davies b8b1766429 Update tailwindcss to 1.8
References #190
2020-09-16 01:34:26 +01:00
Oliver Davies 61442ed74c Make opdavies theme Drupal 9 compatible
References #112
2020-09-06 11:57:41 +01:00
Oliver Davies 98fba9306f Fix PHPStan issues 2020-09-04 22:20:30 +01:00
Oliver Davies 87a9f28991 Update prose styling for code and pre elements
Fixes #210
2020-08-24 23:02:00 +01:00
Oliver Davies 70681df30f Update logo and favicon 2020-08-20 07:40:21 +01:00
Oliver Davies f7b1e41977 Update lodash 2020-08-17 18:41:44 +01:00
Oliver Davies e4595afc81 Update elliptic 2020-08-17 18:17:27 +01:00
Oliver Davies 4f18552c5a Organise tailwind.config.js 2020-08-15 20:46:13 +01:00
Oliver Davies bed98b4f97 Increase font size in navbar 2020-08-15 14:31:20 +01:00
Oliver Davies 1b2cbc1a9b Add and use Tailwind CSS typography plugin
Replace custom markup styles with Tailwind CSS's typography/prose plugin
(https://github.com/tailwindlabs/tailwindcss-typography).
2020-08-11 00:59:40 +01:00
Oliver Davies fe7142e1f1 Improve accessibility of the nav toggle button
Improve the accessibility for the nav toggle button by adding a border
around the button when it is focussed on.

I've added a custom Tailwind CSS variant to do this using a custom
`focus-visible` variant in tailwind.config.js, and using the
https://www.npmjs.com/package/focus-visible polyfill.
2020-07-23 13:57:41 +01:00
Oliver Davies eafcb103b8 Set NODE_ENV in Encore config 2020-07-18 10:17:40 +01:00
Oliver Davies 533095d87f Fix photo position 2020-07-16 20:52:37 +01:00
Oliver Davies ef500b5fd7 Change text colour for role 2020-07-16 20:43:59 +01:00
Oliver Davies ebe5a7dbba Recommendation styling 2020-07-16 20:39:43 +01:00
Oliver Davies dd42f3deac Fix missing edit links
Add the title prefix and suffix for recommendation block titles, which
fixes the missing edit links so the blocks are editable.

References #146
2020-07-16 13:12:30 +01:00
Oliver Davies 16350b02fc Remove grid gap on mobile 2020-07-16 09:26:17 +01:00
Oliver Davies ff77296e4c Style the recommendations block
References #146
2020-07-15 21:06:51 +01:00
Oliver Davies 097f60411d Adjust page widths 2020-07-14 21:57:22 +01:00
Oliver Davies 86c3edbcaf Adjust page widths 2020-07-14 13:20:24 +01:00
Oliver Davies 58036c7ab9 Fix collapsing page widths
Fix inconsistent page widths on some pages such as blog and talks, by
adding a width (i.e. a `w-full` class) as well as a maximum width.
2020-07-02 18:13:05 +01:00
Oliver Davies 98ac66495f Set line heights for heaings 2020-06-27 11:24:20 +01:00
Oliver Davies 70ab7f56a0 Add spacing between footer and main content 2020-06-27 01:10:50 +01:00
Oliver Davies 3c814fca05 Use CSS Grid for page columns 2020-06-27 01:01:01 +01:00
Oliver Davies 2b061539d5 Fix spacing issues in various places 2020-06-27 00:25:55 +01:00
Oliver Davies deb6f26836 Add webpack aliases for CSS and JS directories 2020-06-16 00:12:47 +01:00