42 lines
758 B
CSS
42 lines
758 B
CSS
|
||
|
||
.section-panel-right {
|
||
right: 0;
|
||
}
|
||
|
||
#panel-right-toggle:not(:checked),
|
||
#panel-right-toggle:checked {
|
||
position: absolute;
|
||
top: -100%;
|
||
}
|
||
|
||
.panel-right-icon {
|
||
margin-left: var(--small) !important;
|
||
cursor: pointer !important;
|
||
border: 2px solid transparent;
|
||
}
|
||
|
||
.section-panel-right textarea {
|
||
resize: vertical;
|
||
}
|
||
|
||
@media only screen and (min-width: 1281px) {
|
||
.panel-right-icon {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* > 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;
|
||
}
|
||
} |