diff --git a/examples/blog/app/assets/stylesheets/application.css b/examples/blog/app/assets/stylesheets/application.css new file mode 100644 index 0000000..05d7b1c --- /dev/null +++ b/examples/blog/app/assets/stylesheets/application.css @@ -0,0 +1,54 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + color: #1a1a1a; + max-width: 960px; + margin: 0 auto; + padding: 1rem; +} + +header { + border-bottom: 1px solid #ddd; + margin-bottom: 1.5rem; + padding-bottom: 1rem; +} + +.layout { + display: flex; + gap: 2rem; +} + +.layout main { + flex: 3; +} + +.layout aside { + flex: 1; + border-left: 1px solid #ddd; + padding-left: 1rem; +} + +.session-status { + font-size: 0.9rem; + color: #555; +} + +.button-to { + display: inline; +} + +.button-to button { + background: none; + border: none; + color: #b00020; + cursor: pointer; + padding: 0; + font: inherit; + text-decoration: underline; +} + +.flash-notice { + background: #eef7ee; + border: 1px solid #bcd8bc; + padding: 0.5rem 0.75rem; + margin-bottom: 1rem; +}