gnu-social/public/components/Left/assets/css/view.css

78 lines
1.2 KiB
CSS
Raw Normal View History

.section-panel-left {
left: 0;
}
#panel-left-toggle:not(:checked),
#panel-left-toggle:checked {
position: absolute;
top: -100%;
}
.panel-left-icon {
cursor: pointer !important;
border: 2px solid transparent;
}
.profile-navigation {
display: flex;
flex-direction: column;
}
/* FEED NAVIGATION / PLUGINS */
.feed-nav {
margin-bottom: var(--xl);
}
.feed-nav a {
display: flex;
}
.feed-nav hr {
flex: 1;
background: linear-gradient(90deg, var(--accent), transparent);
}
.feed-nav a {
color: var(--foreground);
}
.feed-nav .active {
color: var(--foreground);
}
.main-nav a {
display: flex;
flex-direction: column;
}
.footer {
margin-top: auto;
font-size: var(--unit);
}
/* > 720p */
@media only screen and (min-width:1281px) {
.panel-left-icon {
display: none;
}
}
/* > 1080p */
@media only screen and (min-width:1921px) {
/*
* Using the Van de Graaf Canon and Tschicholds recommended 2:3 page-size ratio
*
* 50% - (100 * 2/3) / 2 = 33%
*
* > .section-panel-left
* 50 % - 33% = 17%
*/
.section-panel-left {
left: 0;
margin-left: 17vw;
}
}