aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/examples/kitchen-sink/apps/blog/app/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'examples/kitchen-sink/apps/blog/app/styles.css')
-rw-r--r--examples/kitchen-sink/apps/blog/app/styles.css55
1 files changed, 55 insertions, 0 deletions
diff --git a/examples/kitchen-sink/apps/blog/app/styles.css b/examples/kitchen-sink/apps/blog/app/styles.css
new file mode 100644
index 0000000..d4b766e
--- /dev/null
+++ b/examples/kitchen-sink/apps/blog/app/styles.css
@@ -0,0 +1,55 @@
+html {
+ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+ Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+ -webkit-text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-tap-highlight-color: transparent;
+ line-height: 1.5;
+ tab-size: 4;
+}
+
+body {
+ margin: 0;
+}
+
+.container {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 1.5rem;
+ max-width: 100%;
+ margin: 0 auto;
+ padding: 0 16px;
+ text-align: center;
+}
+
+.title {
+ font-size: 3rem;
+ font-weight: 700;
+ margin: 0;
+}
+
+.title span {
+ display: inline-block;
+ background-image: linear-gradient(to right, #3b82f6, #ef4444);
+ -webkit-background-clip: text;
+ background-clip: text;
+ color: transparent;
+}
+
+.description {
+ color: #9ca3af;
+ font-weight: 500;
+}
+
+.description a {
+ color: #3b82f6;
+ text-decoration: none;
+}
+
+.description a:hover {
+ text-decoration: underline;
+}