opdavies/dcbristol-2019-static
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Replace custom utilities with Tailwind

Browse source
This commit is contained in:
Oliver Davies 2019-01-24 20:47:17 +00:00
parent db0d5e51fe
commit f256752dae
3 changed files with 12 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored
View file

@ -1,2 +1,5 @@
/mix-manifest.json
/node_modules/
/output_*/
/source/dist/
/vendor/

21
source/css/utilities.css
View file

@ -1,21 +0,0 @@
.bg-balloon { background-image: url(/themes/dcb2017/images/dcb-bg.jpg); }
.bg-black { background-color: #111111; }
.bg-cover { background-size: cover; }
.bg-center { background-position: center; }
.flex { display: flex; }
.flex-1 { flex: 1; }
.flex-col { flex-direction: column; }
.font-bold { font-weight: bold; }
.h-full { height: 100%; }
.items-center { align-items: center }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.mb-0 { margin-bottom: 0 !important; }
.mx-4 { margin-left: 1rem; margin-right: 1rem; }
.p-4 { padding: 1rem; }
.px-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
.text-center { text-align: center; }
.text-lg { font-size: 1.2rem; }
.text-white { color: #FFFFFF; }
.uppercase { text-transform: uppercase; }

18
source/index.html.twig
View file

@ -2,7 +2,7 @@
layout: default
---
<!DOCTYPE html>
<html class="h-full" lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# ">
<html class="tw-h-full" lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# ">
<head>
<meta charset="utf-8" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
@ -13,18 +13,18 @@ layout: default
<title>DrupalCamp Bristol 2017</title>
<link rel="stylesheet" href="/sites/default/files/css/css_3lBjB9LxWGvT5F_MnCGazkuov6eT9QNhKr0hGqtNWTk.css?osicsv" media="all" />
<link rel="stylesheet" href="/sites/default/files/css/css_Vn8-2iqzJuEPqXgw0OVLQPx82pcc6QVkRoP0hW2MEWs.css?osicsv" media="all" />
<link rel="stylesheet" href="/css/utilities.css" media="all" />
<link rel="stylesheet" href="/dist/app.css" media="all" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins:400,600,700" media="all" />
<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->
</head>
<body class="path-frontpage h-full">
<body class="path-frontpage tw-h-full">
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
<div class="h-full flex flex-col justify-between">
<div class="tw-h-full tw-flex tw-flex-col tw-justify-between">
<header role="banner">
<div class="region region-header">
<div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@ -43,10 +43,10 @@ layout: default
</div>
</header>
<div class="flex flex-col flex-1 justify-center items-center bg-balloon bg-center bg-cover">
<div class="tw-flex tw-flex-col tw-flex-1 tw-justify-center tw-items-center tw-bg-balloon tw-bg-center tw-bg-cover">
<div class="region">
<div id="block-homepagehero" class="px-12 py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="mx-4">
<div id="block-homepagehero" class="tw-px-12 tw-py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="tw-mx-4">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div>
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
@ -58,10 +58,10 @@ layout: default
</div>
<div>
<div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
<div class="tw-bg-black tw-font-bold tw-text-lg tw-text-white tw-text-center tw-p-4 tw-uppercase">
Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div>
<footer role="contentinfo" class="bg-balloon bg-center bg-cover">
<footer role="contentinfo" class="tw-bg-balloon tw-bg-center tw-bg-cover">
<div class="region region-footer">
<div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">