106 lines
1.9 KiB
SCSS
106 lines
1.9 KiB
SCSS
/* ------------------------------------------------------------------------------------
|
|
UN POIL DE MEDIA QUERIES
|
|
------------------------------------------------------------------------------------ */
|
|
|
|
@media screen and (max-width: $xl-screen) {
|
|
#header,
|
|
h1 {
|
|
background: $header-background-alt;
|
|
}
|
|
#top-info-user {
|
|
background: $header-background;
|
|
a.active {
|
|
color: $header-active-color-alt;
|
|
background: $header-active-background-alt;
|
|
}
|
|
}
|
|
#wrapper {
|
|
background: $wrapper-background;
|
|
}
|
|
.modules {
|
|
th.module-desc,
|
|
td.module-desc {
|
|
display: none; // Module description is also in title of the raw
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: $s-screen) {
|
|
#help-button {
|
|
background-color: $header-border;
|
|
padding: 0;
|
|
font-size: .83em;
|
|
line-height: 68px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: $xs-screen) {
|
|
h1 a {
|
|
&:link {
|
|
border-right: 1px solid $tabs-border;
|
|
}
|
|
&:hover,
|
|
&:focus {
|
|
border-right: 1px solid $tabs-border;
|
|
}
|
|
}
|
|
#dashboard-main {
|
|
padding: 0;
|
|
}
|
|
#content,
|
|
.hide-mm #content {
|
|
padding: 0 .5em !important;
|
|
}
|
|
#main #content > h2 {
|
|
padding: 6px 30px 4px .5em;
|
|
}
|
|
.cell,
|
|
#filters-form .cell {
|
|
border: none;
|
|
padding: 1em;
|
|
}
|
|
.pseudo-tabs li {
|
|
border-top: 1px solid $tabs-border;
|
|
padding: .25em;
|
|
&:first-child,
|
|
&:nth-of-type(2) {
|
|
border-top: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: $xxs-screen) {
|
|
h1,
|
|
h1 a {
|
|
border-right: $header-border-alt !important;
|
|
}
|
|
#content.with-help #help {
|
|
font-size: 1.2rem // 12px;
|
|
}
|
|
p.top-add {
|
|
text-align: center;
|
|
}
|
|
.multi-part {
|
|
padding-left: 0;
|
|
}
|
|
.part-tabs ul {
|
|
padding: 0 .5em;
|
|
}
|
|
#icons p {
|
|
padding: 1em .25em;
|
|
}
|
|
.box.current-theme {
|
|
padding: 10px;
|
|
}
|
|
th,
|
|
td {
|
|
padding: 0.3em 1em 0.3em 0;
|
|
}
|
|
.pseudo-tabs li {
|
|
border-top: 1px solid $tabs-border !important;
|
|
}
|
|
.pseudo-tabs li:first-child {
|
|
border-top: none;
|
|
}
|
|
}
|