rsnext/examples/with-clerk/styles/Header.module.css
Sokratis Vidros dfe1b05ff5
Add Clerk.dev example (#24311)
## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.

## Documentation / Examples

- [x] Make sure the linting passes
2021-04-21 18:59:45 +00:00

33 lines
427 B
CSS

.header {
display: flex;
justify-content: space-between;
padding: 1rem;
}
.logo {
display: flex;
justify-content: center;
align-items: center;
}
.appName {
margin-left: 12px;
font-weight: bold;
color: #335bf1;
}
.left,
.right {
display: flex;
align-items: center;
}
.right > :not(:first-child) {
margin-left: 1rem;
}
@media screen and (min-width: 768px) {
.header {
padding: 1rem 2rem;
}
}