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_*/ /output_*/
/source/dist/
/vendor/ /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 layout: default
--- ---
<!DOCTYPE html> <!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> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" /> <meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
@ -13,18 +13,18 @@ layout: default
<title>DrupalCamp Bristol 2017</title> <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_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="/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" /> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins:400,600,700" media="all" />
<!--[if lte IE 8]> <!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script> <script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="path-frontpage h-full"> <body class="path-frontpage tw-h-full">
<a href="#main-content" class="visually-hidden focusable skip-link"> <a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content Skip to main content
</a> </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"> <header role="banner">
<div class="region region-header"> <div class="region region-header">
<div id="block-dcb2017-branding" class="block block-system block-system-branding-block"> <div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@ -43,10 +43,10 @@ layout: default
</div> </div>
</header> </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 class="region">
<div id="block-homepagehero" class="px-12 py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64"> <div id="block-homepagehero" class="tw-px-12 tw-py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
<div class="mx-4"> <div class="tw-mx-4">
<img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" /> <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
</div> </div>
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <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> <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! Thanks to all previous speakers, sponsors and attendees. See you in 2019!
</div> </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 class="region region-footer">
<div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69"> <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"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">