You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
169 lines
2.3 KiB
169 lines
2.3 KiB
/*=== MOBILE */ |
|
/*===========*/ |
|
@media(max-width: 840px) { |
|
html, body{ |
|
// font-size: 1rem; |
|
} |
|
ul.nav{ |
|
.item{ |
|
width: 100%; |
|
|
|
img{ |
|
display: none; |
|
} |
|
a{ |
|
display: inline-block; |
|
padding: 1rem 1rem 1rem 2.5rem; |
|
color: $sid-font-color; |
|
width: 100%; |
|
|
|
background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center; |
|
|
|
@include transition(all, 0.2s, ease-in-out); |
|
|
|
&:hover, |
|
&:active{ |
|
background: url("../../themes/icons/logout.svg") no-repeat $alert-bg 3% center; |
|
text-decoration: none; |
|
} |
|
} |
|
|
|
} |
|
|
|
} |
|
.aside { |
|
@include transition(all, 0.2s, ease-in-out); |
|
|
|
&.aside_feed { |
|
padding: 0; |
|
} |
|
|
|
.tree .tree-folder .tree-folder-items .item a{ |
|
padding: 0.5rem 1rem; |
|
} |
|
} |
|
.aside .toggle_aside, |
|
#panel .close { |
|
display: block; |
|
width: 100%; |
|
height: 50px; |
|
line-height: 50px; |
|
text-align: center; |
|
background: $main-first-alt; |
|
} |
|
|
|
.header{ |
|
padding: 0.5rem; |
|
.item{ |
|
&.title{ |
|
display: none; |
|
} |
|
|
|
&.search{ |
|
input{ |
|
width: 90%; |
|
height: 3.5rem; |
|
|
|
&:focus{ |
|
width: 100%; |
|
|
|
} |
|
} |
|
.btn{ |
|
min-height: 49px; |
|
padding: 0.5rem 2rem; |
|
} |
|
} |
|
&.configure{ |
|
width: 2.75rem; |
|
top: 3.125rem; |
|
.dropdown{ |
|
.btn{ |
|
padding: 1.125rem; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.nav_menu{ |
|
.btn { |
|
margin: 0; |
|
padding: 0.85rem 1.25rem; |
|
} |
|
.stick { |
|
margin: 0.5rem 0.5rem; |
|
|
|
.btn{ |
|
margin: 0; |
|
padding: 0.85rem 1.25rem; |
|
|
|
&.read_all{ |
|
padding: 0.85rem 1.25rem; |
|
} |
|
} |
|
} |
|
.search { |
|
display: none; |
|
max-width: 97%; |
|
|
|
.input{ |
|
|
|
max-width: 97%; |
|
width: 90px; |
|
|
|
&::focus{ |
|
width: 400px; |
|
} |
|
} |
|
} |
|
} |
|
#stream{ |
|
.flux{ |
|
.flux_header{ |
|
padding: 0.5rem 0; |
|
} |
|
} |
|
} |
|
|
|
|
|
|
|
.day{ |
|
text-align: center; |
|
padding: 1rem 0; |
|
.name { |
|
// font-size: 1.1rem; |
|
display: block; |
|
padding: 0; |
|
width: 100%; |
|
line-height: 1.5rem; |
|
margin-bottom: 1rem; |
|
} |
|
|
|
} |
|
|
|
.pagination { |
|
margin: 0 0 3.5em; |
|
} |
|
|
|
#nav_entries{ |
|
line-height: 4.5rem; |
|
} |
|
|
|
.notification { |
|
border-radius: 0; |
|
|
|
a.close { |
|
display: block; |
|
left: 0; |
|
background: transparent; |
|
} |
|
a.close:hover { |
|
opacity: 0.5; |
|
} |
|
a.close .icon { |
|
display: none; |
|
|
|
} |
|
} |
|
}
|
|
|