Replace custom css with tailwind classes

This commit is contained in:
davegson 2020-05-21 12:05:37 +02:00
parent 32aacb09e2
commit cd7ec821e8
3 changed files with 2 additions and 9 deletions

View file

@ -2,7 +2,7 @@
layout: page layout: page
--- ---
<section id="page-container" class="{{ layout.container_class }} {{ page.container_class }}"> <section id="page-container" class="py-40 {{ layout.container_class }} {{ page.container_class }}">
<div class="items-center h-full"> <div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex"> <div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-lg mx-auto px-4 sm:px-6 lg:flex"> <div class="max-w-screen-lg mx-auto px-4 sm:px-6 lg:flex">

View file

@ -2,7 +2,7 @@
layout: page_container layout: page_container
title: "The Safing Podcast" title: "The Safing Podcast"
heading: "The Safing Podcast" heading: "The Safing Podcast"
container_class: "podcast" container_class: "podcast pt-64 pb-24"
--- ---
<div class="text-center"> <div class="text-center">

View file

@ -1,11 +1,4 @@
#page-container { #page-container {
padding: 10rem 0;
&.podcast {
padding-top: 16rem;
padding-bottom: 6rem;
}
&.imprint { &.imprint {
h4 { h4 {
padding-top: 2rem; padding-top: 2rem;