southwestradio-site/themes/swr/assets/css/style.scss

93 lines
1.4 KiB
SCSS
Raw Normal View History

2022-10-29 03:08:38 +00:00
@font-face {
font-family: 'ShareTechMono';
src: url('../fonts/ShareTechMono-Regular.ttf');
}
body {
font-family: 'ShareTechMono';
background-color: #24202b;
color: white;
font-size: 14pt;
padding: 0;
margin: 0;
}
#container {
2022-10-29 03:08:38 +00:00
display: flex;
flex-direction: column;
align-items: center;
}
#wrapper {
display: flex;
2022-10-29 21:11:56 +00:00
padding: 16px;
justify-content: space-evenly;
2022-10-29 03:08:38 +00:00
}
aside {
margin-right: 2em;
border: 1px solid;
2022-10-29 21:11:56 +00:00
padding: 16px;
2022-10-29 03:08:38 +00:00
min-width: 5em;
}
#player {
margin-left: 2em;
border: 1px solid;
2022-10-29 21:11:56 +00:00
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
2022-10-29 03:08:38 +00:00
}
#content {
border: 1px solid;
2022-10-29 21:11:56 +00:00
padding: 16px;
// min-width: 40em;
2022-10-29 03:08:38 +00:00
}
a {
color: #cc61be;
}
#calendar {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 768px) {
#wrapper {
flex-direction: column;
align-items: center;
}
aside {
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
#content{
// max-width: 100%;
width: 100%;
// min-width: unset;
}
#player {
width: 100%;
margin: 0;
2022-10-29 21:11:56 +00:00
padding: 16px;
}
body {
padding: 10px;
// width: 100vh;
}
#container {
width: 100%;
justify-content: center;
}
2022-10-29 03:08:38 +00:00
}