From b3143419283c6de2812a337c14fa8a839d095695 Mon Sep 17 00:00:00 2001 From: Bethany Dunfield Date: Thu, 8 Oct 2020 13:25:29 -0600 Subject: [PATCH 1/4] Fully remove header.css --- app/assets/stylesheets/header.css | 6 - app/assets/stylesheets/homepage.css | 2 +- app/assets/stylesheets/tailwind/layout.css | 5 + app/assets/stylesheets/tailwind/style.css | 38 ++-- app/templates/components/page-footer.html | 2 +- app/templates/main_template.html | 39 ++-- app/templates/views/signedout.html | 14 +- gulpfile.js | 8 - package-lock.json | 198 +++++++++++++++++++-- package.json | 2 +- postcss.config.js | 4 +- tailwind.config.js | 24 ++- tests/app/main/views/test_index.py | 2 +- 13 files changed, 273 insertions(+), 71 deletions(-) create mode 100644 app/assets/stylesheets/tailwind/layout.css diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index e9f10af96d..14a4ff61be 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -28,12 +28,6 @@ html { font-weight: 600 !important; } - -.container { - width: 100%; - margin-right: auto; - margin-left: auto; -} @media (min-width: 640rem) { .container { max-width: 640rem; diff --git a/app/assets/stylesheets/homepage.css b/app/assets/stylesheets/homepage.css index 716b97d4ac..5da9ceb52d 100644 --- a/app/assets/stylesheets/homepage.css +++ b/app/assets/stylesheets/homepage.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,h1,h2,h3,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:lato;line-height:1.5}*{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}embed,iframe,img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}html{font-size:62.5%}h1{font-size:3.8rem;padding-bottom:2.5rem}h1,h2{font-family:lato}h2{font-size:3.6rem;padding-bottom:1.5rem}a{text-decoration:underline;font-size:2rem}li,p{font-size:2rem;line-height:1.25}.btn-blue{background-color:#b2e3ff;padding:1rem 1.25rem;border-bottom-width:2px}.btn-blue,.btn-light{font-weight:700;text-decoration:none}.btn-light{color:#00703c;border-color:#00703c;background-color:#fff;padding:1rem 1.5rem;border-width:2px;border-bottom:4px solid}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640rem){.container{max-width:640rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-blue-lighter{--bg-opacity:1;background-color:#b2e3ff;background-color:rgba(178,227,255,var(--bg-opacity))}.bg-blue{--bg-opacity:1;background-color:#26374a;background-color:rgba(38,55,74,var(--bg-opacity))}.bg-gray{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.hover\:bg-blue-selected:hover{--bg-opacity:1;background-color:#75b9e0;background-color:rgba(117,185,224,var(--bg-opacity))}.hover\:bg-gray-selected:hover{--bg-opacity:1;background-color:#e1e4e7;background-color:rgba(225,228,231,var(--bg-opacity))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row-group{display:table-row-group}.table-row{display:table-row}.contents{display:contents}.hidden{display:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-auto{flex:1 1 auto}.font-sans{font-family:lato}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:1.3rem}.text-small{font-size:1.6rem}.text-base{font-size:2rem}.text-xxl{font-size:6.5rem}.text-brand{font-size:2.6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.list-disc{list-style-type:disc}.mt-0{margin-top:0}.ml-2{margin-left:.5rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.max-w-4xl{max-width:53rem}.outline-none{outline:0}.p-5{padding:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pt-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.fixed{position:fixed}.absolute{position:absolute}.top-0{top:0}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px #ffbf47}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-blue{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.align-top{vertical-align:top}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-5\/12{width:41.666667%}.w-full{width:100%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.input{border-color:#000;border-style:solid;border-width:2px;padding:.75rem .5rem;font-size:1.9rem}.flip{transform:rotate(-180deg);transition:all .5s ease;padding-top:2px}label{display:block;font-size:1.9rem;padding-bottom:.5rem}.input{outline:0}button:focus{outline:none}.line-under{text-underline-position:under}.feature-box{width:75%}@media (min-width:1024px){.feature-box{width:33.333333%}}.form-group{margin-bottom:1rem}.form-group-error{margin-right:1rem;padding-left:1rem;border-left-width:4px}.form-control-error,.form-group-error{--border-opacity:1;border-color:#b10e1e;border-color:rgba(177,14,30,var(--border-opacity))}.form-control-error{border-width:4px}.error-message{display:block;--text-opacity:1;color:#b10e1e;color:rgba(177,14,30,var(--text-opacity));font-size:2rem}.phone{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.skiplink:focus{background-color:#ffbf47;outline:3px solid #ffbf47}.skiplink{position:absolute;left:-9999em}.skiplink:focus,.skiplink:visited{color:#0b0c0c}.skiplink:focus{left:0;z-index:1}#skiplink-container{text-align:center;background:#0b0c0c}#skiplink-container div{text-align:left;margin:0 auto;max-width:1020px}#skiplink-container .skiplink{display:-moz-inline-stack;display:inline-block;margin:.75em 0 0 30px}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-4{margin-left:1rem}.lg\:mr-10{margin-right:2.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:max-w-4xl{max-width:53rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:pt-0{padding-top:0}.lg\:pb-0{padding-bottom:0}.lg\:pt-4{padding-top:1rem}.lg\:pl-5{padding-left:1.25rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:w-3\/6{width:50%}} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,h1,h2,h3,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:lato;line-height:1.5}*{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}embed,iframe,img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640rem){.container{max-width:640rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-blue-lighter{--bg-opacity:1;background-color:#b2e3ff;background-color:rgba(178,227,255,var(--bg-opacity))}.bg-blue{--bg-opacity:1;background-color:#26374a;background-color:rgba(38,55,74,var(--bg-opacity))}.bg-gray{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.hover\:bg-blue-selected:hover{--bg-opacity:1;background-color:#75b9e0;background-color:rgba(117,185,224,var(--bg-opacity))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row-group{display:table-row-group}.table-row{display:table-row}.contents{display:contents}.hidden{display:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-auto{flex:1 1 auto}.font-sans{font-family:lato}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:1.3rem}.text-small{font-size:1.6rem}.text-base{font-size:2rem}.text-xxl{font-size:6.5rem}.text-brand{font-size:2.6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.list-disc{list-style-type:disc}.mt-0{margin-top:0}.ml-2{margin-left:.5rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.max-w-4xl{max-width:53rem}.outline-none{outline:0}.p-5{padding:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pt-20{padding-top:5rem}.fixed{position:fixed}.absolute{position:absolute}.top-0{top:0}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px #ffbf47}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-blue{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.visited\:text-white:visited{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.visited\:text-blue:visited{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.visited\:text-black:visited{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.link\:text-white:link{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.link\:text-blue:link{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.align-top{vertical-align:top}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-5\/12{width:41.666667%}.w-full{width:100%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}html{font-size:62.5%}h1{font-size:3.8rem;padding-bottom:2.5rem}h1,h2{font-family:lato}h2{font-size:3.6rem;padding-bottom:1.5rem}a{text-decoration:underline;font-size:1.9rem}li,p{font-size:2rem}.btn,li,p{line-height:1.25}.btn{padding:.526315em .789473em .263157em;text-decoration:none;display:inline-block;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-size:1.9rem}.btn,.btn-blue{--text-opacity:1}.btn-blue{background-color:#b2e3ff;padding:1rem 1.25rem;border-bottom-width:2px;--border-opacity:1;border-color:#000;border-color:rgba(0,0,0,var(--border-opacity));font-weight:700;color:#000;color:rgba(0,0,0,var(--text-opacity));font-size:2rem}.btn-green{background-color:#00823b;box-shadow:0 2px 0 #003618}.btn-green:hover{background-color:#00703c}#contact-form .btn{color:#00703c;border-color:#00703c;background-color:#fff;padding:1rem 1.5rem;font-weight:700;border-width:2px;border-bottom:4px solid;box-shadow:none}#contact-form .btn:hover{--bg-opacity:1;background-color:#e1e4e7;background-color:rgba(225,228,231,var(--bg-opacity))}.input{border-color:#000;border-style:solid;border-width:2px;padding:.75rem .5rem;font-size:1.9rem}.flip{transform:rotate(-180deg);transition:all .5s ease;padding-top:2px}label{display:block;font-size:1.9rem;padding-bottom:.5rem}.input{outline:0}button:focus{outline:none}.line-under{text-underline-position:under}.feature-box{width:75%}@media (min-width:1024px){.feature-box{width:33.333333%}}.form-group{margin-bottom:1rem}.form-group-error{margin-right:1rem;padding-left:1rem;border-left-width:4px}.form-control-error,.form-group-error{--border-opacity:1;border-color:#b10e1e;border-color:rgba(177,14,30,var(--border-opacity))}.form-control-error{border-width:4px}.error-message{display:block;--text-opacity:1;color:#b10e1e;color:rgba(177,14,30,var(--text-opacity));font-size:2rem}.phone{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.skiplink:focus{background-color:#ffbf47;outline:3px solid #ffbf47}.skiplink{position:absolute;left:-9999em}.skiplink:focus,.skiplink:visited{color:#0b0c0c}.skiplink:focus{left:0;z-index:1}#skiplink-container{text-align:center;background:#0b0c0c}#skiplink-container div{text-align:left;margin:0 auto;max-width:1020px}#skiplink-container .skiplink{display:-moz-inline-stack;display:inline-block;margin:.75em 0 0 30px}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-4{margin-left:1rem}.lg\:mr-10{margin-right:2.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:max-w-4xl{max-width:53rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:pt-0{padding-top:0}.lg\:pb-0{padding-bottom:0}.lg\:pt-4{padding-top:1rem}.lg\:pl-5{padding-left:1.25rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:w-3\/6{width:50%}} diff --git a/app/assets/stylesheets/tailwind/layout.css b/app/assets/stylesheets/tailwind/layout.css new file mode 100644 index 0000000000..37686e52e3 --- /dev/null +++ b/app/assets/stylesheets/tailwind/layout.css @@ -0,0 +1,5 @@ +@layer components { + .container { + @apply mx-auto w-full; + } +} \ No newline at end of file diff --git a/app/assets/stylesheets/tailwind/style.css b/app/assets/stylesheets/tailwind/style.css index 1f452ca4a5..2e145968ac 100644 --- a/app/assets/stylesheets/tailwind/style.css +++ b/app/assets/stylesheets/tailwind/style.css @@ -1,4 +1,6 @@ @tailwind base; +@tailwind components; +@tailwind utilities; html { font-size: 62.5%; @@ -13,7 +15,7 @@ h2 { } a { - @apply underline text-base; + @apply underline text-smaller; } p { @@ -24,22 +26,36 @@ li { @apply text-base leading-tight; } +.btn { + padding: .526315em .789473em .263157em; + @apply no-underline inline-block text-white text-smaller leading-tight; +} + .btn-blue { background-color: theme("colors.blue.lighter"); - @apply py-4 px-5 font-bold no-underline border-b-2; + @apply px-5 py-4 border-b-2 border-black font-bold text-black text-base; } -.btn-light { - color: theme("colors.green.default"); - border-color: theme("colors.green.default"); - background-color: theme("colors.white.default"); - @apply py-4 px-6 font-bold no-underline border-2; - border-bottom: 4px solid theme("colors.green.dark"); +.btn-green { + background-color: theme("colors.green.default"); + box-shadow: 0 2px 0 theme("colors.green.border"); +} +.btn-green:hover { + background-color: theme("colors.green.hover"); } -@tailwind components; - -@tailwind utilities; +/* Homepage Button */ +#contact-form .btn { + color: theme("colors.green.darker"); + border-color: theme("colors.green.darker"); + background-color: theme("colors.white.default"); + @apply px-6 py-4 border-b-4 font-bold border-2; + border-bottom: 4px solid; + box-shadow: none; +} +#contact-form .btn:hover { + @apply bg-gray-selected; +} .input { border-color: #000; diff --git a/app/templates/components/page-footer.html b/app/templates/components/page-footer.html index d547d0c11d..f6400f9944 100644 --- a/app/templates/components/page-footer.html +++ b/app/templates/components/page-footer.html @@ -15,7 +15,7 @@