Amélioration de l'apparence du menu sur smartphone
This commit is contained in:
parent
37c6366447
commit
91163cdb68
4 changed files with 6 additions and 6 deletions
|
@ -122,7 +122,7 @@ main {
|
|||
padding: 3rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) {
|
||||
@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) {
|
||||
main {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
|
|
@ -43,7 +43,7 @@ main {
|
|||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@media screen and (max-width: #{map.get(variable.$default-breakpoints, xs )} ) {
|
||||
@media screen and (max-width: #{map.get(variable.$default-breakpoints, md )} ) {
|
||||
.content-container {
|
||||
@include flexbox-grid-mixins.grid($flex-flow: column nowrap);
|
||||
}
|
||||
|
|
|
@ -721,7 +721,7 @@ main:only-child {
|
|||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
@media screen and (max-width: 896px) {
|
||||
.content-container {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
@ -788,7 +788,7 @@ main:only-child {
|
|||
|
||||
.panel-recipe {
|
||||
--panel-font-color: #000;
|
||||
--panel-background-color: #CDCCCCFF;
|
||||
--panel-background-color: #CDCCCC;
|
||||
--custom-link-text-color: #2e7eb3;
|
||||
--custom-link-text-hover-color: #38a0e4;
|
||||
}
|
||||
|
@ -1132,7 +1132,7 @@ main {
|
|||
padding: 3rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
@media screen and (max-width: 896px) {
|
||||
main {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
|
2
static/css/theme.min.css
vendored
2
static/css/theme.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue