danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/dwaring87-webdev-wedding. Marissa & David's Wedding Website!
1.5 kB
59 lines
1body {
2 @apply bg-gray-100;
3}
4
5h1 {
6 @apply text-2xl font-extrabold text-cyan-800 md:text-3xl lg:text-4xl my-2;
7}
8h2 {
9 @apply text-xl font-bold text-cyan-800 md:text-xl lg:text-2xl my-2 border-b border-cyan-700/10;
10}
11h3 {
12 @apply text-lg md:text-lg lg:text-xl font-bold text-emerald-800 opacity-80;
13}
14h4 {
15 @apply font-semibold;
16}
17
18.container {
19 @apply max-w-7xl mx-auto px-2 sm:px-6 lg:px-8;
20}
21.page {
22 @apply max-w-5xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8;
23}
24
25.bg-primary {
26 @apply bg-gradient-to-b from-emerald-700 to-emerald-800;
27}
28.bg-secondary {
29 @apply bg-gradient-to-b from-cyan-700 to-cyan-800;
30}
31
32.btn {
33 @apply block mt-8 text-center bg-white px-5 py-3 text-sm md:text-base font-medium text-cyan-800 shadow w-full lg:w-fit rounded-md border border-gray-200 hover:bg-slate-100 cursor-pointer disabled:bg-slate-400 disabled:cursor-default;
34}
35.btn-dark {
36 @apply btn bg-secondary text-slate-100 border-transparent hover:from-cyan-800 hover:to-cyan-800 disabled:bg-slate-400 !important;
37}
38
39input, textarea {
40 @apply p-2 w-full text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-cyan-700 focus:ring-offset-2;
41}
42
43.well {
44 @apply bg-gray-200 p-4 border border-gray-300 shadow-inner rounded-md;
45}
46
47.alert {
48 @apply bg-amber-500 text-white border-2 border-amber-700 rounded-md shadow-md p-4;
49}
50.success {
51 @apply bg-emerald-600 text-emerald-100 border-2 border-emerald-800 rounded-md shadow-md p-4;
52}
53
54ul {
55 @apply list-disc ml-8;
56}
57ol {
58 @apply list-decimal ml-8;
59}