74 lines
963 B
CSS
74 lines
963 B
CSS
|
|
ul{
|
|
padding:0;
|
|
}
|
|
|
|
.gz-list, .list-unstyled{
|
|
list-style: none;
|
|
}
|
|
|
|
.gz-content{
|
|
margin-top:64px;
|
|
}
|
|
|
|
.gz-larger{
|
|
font-size: larger;
|
|
}
|
|
|
|
.gz-smaller{
|
|
font-size: smaller;
|
|
}
|
|
|
|
@media screen and (max-width: 576px){ /* bump up font on smaller screen */
|
|
html{font-size: 20px}
|
|
|
|
.gz-content{
|
|
margin-top:80px;
|
|
}
|
|
}
|
|
|
|
/*App specific styles*/
|
|
/* .peck-list{
|
|
max-width: 550px;
|
|
background-color: linen;
|
|
} */
|
|
|
|
.new-item{
|
|
width:100%;
|
|
}
|
|
|
|
.pl-toggle{
|
|
font-size:36px;
|
|
}
|
|
|
|
.pl-done > span{
|
|
text-decoration: line-through;
|
|
font-weight: lighter;
|
|
font-size:12px;
|
|
}
|
|
|
|
.pl-long-item{
|
|
font-size:smaller;
|
|
}
|
|
|
|
.pl-short-item{
|
|
font-size:larger;
|
|
}
|
|
|
|
|
|
/*
|
|
MAKE SCREEN SIZE AVAILABLE TO JS
|
|
Large is considered above 768px wide
|
|
and is the Bootstrap 4 breakpoint for medium screens and up
|
|
*/
|
|
|
|
body::after {
|
|
content: 'app-small-mode';
|
|
display: none;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
body::after {
|
|
content: 'app-large-mode';
|
|
display: none;
|
|
}
|
|
} |