2021-10-19 20:33:01 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.section-panel-right {
|
2022-01-17 16:32:41 +00:00
|
|
|
|
position: absolute;
|
2021-07-28 15:37:54 +01:00
|
|
|
|
right: 0;
|
2021-08-18 22:37:34 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-08-28 21:23:25 +01:00
|
|
|
|
#panel-right-toggle:not(:checked),
|
|
|
|
|
#panel-right-toggle:checked {
|
|
|
|
|
position: absolute;
|
2021-08-30 21:01:32 +01:00
|
|
|
|
top: -100%;
|
|
|
|
|
}
|
2021-10-04 12:31:06 +01:00
|
|
|
|
|
2022-01-17 16:32:41 +00:00
|
|
|
|
.section-panel-right #panel-right-toggle:checked ~ .header-panel {
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-19 20:33:01 +01:00
|
|
|
|
.panel-right-icon {
|
2021-08-30 21:01:32 +01:00
|
|
|
|
cursor: pointer !important;
|
2022-01-17 16:32:41 +00:00
|
|
|
|
padding-right: var(--s);
|
2021-08-30 21:01:32 +01:00
|
|
|
|
border: 2px solid transparent;
|
2022-01-17 16:32:41 +00:00
|
|
|
|
vertical-align: middle;
|
2021-09-16 16:27:28 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-10-27 20:39:34 +01:00
|
|
|
|
.section-panel-right textarea {
|
|
|
|
|
resize: vertical;
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-19 20:33:01 +01:00
|
|
|
|
@media only screen and (min-width: 1281px) {
|
2022-01-17 16:32:41 +00:00
|
|
|
|
.section-panel-right #panel-right-toggle ~ .header-panel {
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2021-10-19 20:33:01 +01:00
|
|
|
|
.panel-right-icon {
|
2022-01-17 16:32:41 +00:00
|
|
|
|
opacity: 0;
|
2021-09-16 16:27:28 +01:00
|
|
|
|
}
|
2021-10-19 20:33:01 +01:00
|
|
|
|
}
|
|
|
|
|
|
2021-12-06 19:07:59 +00:00
|
|
|
|
/* > 1080p */
|
|
|
|
|
@media only screen and (min-width:1921px) {
|
|
|
|
|
/*
|
|
|
|
|
* Using the Van de Graaf Canon and Tschichold’s recommended 2:3 page-size ratio
|
|
|
|
|
*
|
|
|
|
|
* 50% - (100 * 2/3) / 2 = 33%
|
|
|
|
|
*
|
|
|
|
|
* > .section-panel-right
|
|
|
|
|
* 50 % - 33% = 17%
|
|
|
|
|
*/
|
|
|
|
|
.section-panel-right {
|
|
|
|
|
margin-right: 17vw;
|
|
|
|
|
}
|
|
|
|
|
}
|