tabletop-companion/app/assets/stylesheets/layout.css

58 lines
962 B
CSS
Raw Normal View History

2024-04-21 12:45:31 +00:00
* {
box-sizing: border-box;
}
body {
font-size: 1.1em;
margin: 0 auto;
max-width: 80em;
2024-05-28 19:16:43 +00:00
padding: 1em;
2024-04-21 12:45:31 +00:00
}
main {
display: flex;
flex-direction: column;
}
2024-05-26 08:51:17 +00:00
aside.flash {
background-color: var(--notice-bg-color);
color: var(--notice-text-color);
padding: 1em;
border-radius: var(--border-radius);
}
2024-04-21 12:45:31 +00:00
section.inset {
width: 70%;
max-width: 60em;
background-color: var(--inset-bg-color);
border-radius: var(--border-radius);
padding: 1em;
margin: 0 auto;
}
h1, h2 {
text-align: center;
}
2024-05-26 08:51:17 +00:00
header nav {
ul {
display: flex;
justify-content: center;
}
li {
list-style-type: none;
padding: 0 .5em;
}
a:link, a:visited {
background-color: var(--button-bg-color);
color: var(--button-text-color);
border-radius: var(--border-radius);
text-decoration: none;
padding: .5em;
}
a:hover {
background-color: var(--button-hover-bg-color);
color: var(--button-hover-text-color);
}
}