90 lines
1.4 KiB
CSS
90 lines
1.4 KiB
CSS
/*
|
|
* This is a manifest file that'll be compiled into application.css.
|
|
*
|
|
* With Propshaft, assets are served efficiently without preprocessing steps. You can still include
|
|
* application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
|
|
* cascading order, meaning styles declared later in the document or manifest will override earlier ones,
|
|
* depending on specificity.
|
|
*
|
|
* Consider organizing styles into separate files for maintainability.
|
|
*/
|
|
|
|
body {
|
|
margin: 0px;
|
|
font-family: "Sour Gummy", sans-serif;
|
|
font-weight: 350;
|
|
font-style: normal;
|
|
}
|
|
|
|
main {
|
|
height: 100vh;
|
|
}
|
|
|
|
#navbar-top {
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
|
|
.tracker {
|
|
align-content: center;
|
|
}
|
|
|
|
.logs {
|
|
height: 60vh;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.current-day {
|
|
background-color: white;
|
|
position: sticky;
|
|
top: 64px;
|
|
align-content: center;
|
|
}
|
|
|
|
.bar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.day {
|
|
border: 1px;
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.day.has-day-log {
|
|
position: relative;
|
|
}
|
|
|
|
.day.has-day-log::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 1px;
|
|
right: 1px;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 50%;
|
|
background-color: white;
|
|
}
|
|
|
|
.selected-day {
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 0 3px white, 0 0 0 5px black;
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
.empty-day {
|
|
border: 1px dashed #aaa;
|
|
margin: 4px;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: transparent;
|
|
}
|
|
|
|
.info {
|
|
margin: 30px;
|
|
}
|