dennogumi/static/css/isso.css
Luca Beltrame 55a840ae35
All checks were successful
continuous-integration/drone/push Build is passing
First attempt at using a hamburger menu on mobile
2021-01-09 15:26:00 +01:00

87 lines
2.1 KiB
CSS

.isso-postbox {
width: 100%;
font-family: -apple-system, BlinkMacSystemFont,
'avenir next', avenir,
'helvetica neue', helvetica,
ubuntu,
roboto, noto,
'segoe ui', arial,
sans-serif;
}
#isso-thread {
font-family: -apple-system, BlinkMacSystemFont,
'avenir next', avenir,
'helvetica neue', helvetica,
ubuntu,
roboto, noto,
'segoe ui', arial,
sans-serif;
}
#isso-thread > .isso-feedlink > a {
text-decoration: none;
vertical-align: middle !important;
}
.isso-postbox > .form-wrapper .textarea, .isso-postbox > .form-wrapper .preview {
font-size: 1rem;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
height: 8rem;
}
.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
margin-right: 0.3rem !important;
}
.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
font-size:0.9rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.isso-postbox > .form-wrapper > .auth-section .post-action input {
font-size: 0.9rem;
background-color: #000000 !important;
color: #FFFFFF !important;
}
.isso-postbox > .form-wrapper .notification-section > label{
font-size: 0.9rem;
}
.isso-postbox > .form-wrapper input[type="checkbox"] {
font-size: 0.9rem;
padding-right: 0.2rem;
margin-right: 0.5rem !important;
}
.isso-comment > div.text-wrapper > .isso-comment-header {
font-size: 0.9rem !important;
}
.isso-comment > div.text-wrapper > div.text p {
font-size: 0.9rem !important;
}
.responsive-header {
background-repeat:no-repeat;
background-size:contain !important;
}
.menu {
min-height: 2.8rem; /* no way to control min height in Tachyons */
max-height: 0; /* hide menu completely when burger unchecked */
transition: max-height 0.5s; /* show/hide menu transition */
}
/* when checkbox is checked, display menu (sibling element) */
#burger:checked ~ .menu {
max-height: 100%;
}