Edit mobile version design
This commit is contained in:
parent
5d13ba3336
commit
503b339974
7 changed files with 133 additions and 89 deletions
|
@ -27,11 +27,9 @@
|
|||
|
||||
--logo-width: 6rem;
|
||||
--logo-height: 3rem;
|
||||
--logo-padding: 1rem;
|
||||
--icon-size: 2.25rem;
|
||||
--sidebar-padding-top: calc(1rem + var(--logo-height) + 1rem);
|
||||
--sidebar-padding-right: 1rem;
|
||||
--sidebar-padding-bottom: 1rem;
|
||||
--sidebar-padding-left: 1rem;
|
||||
--sidebar-padding: 1rem;
|
||||
|
||||
// Colors
|
||||
|
||||
|
@ -47,16 +45,3 @@
|
|||
|
||||
$tablet-media-query: 48rem;
|
||||
$desktop-media-query: 62rem;
|
||||
|
||||
@media screen and (min-width: $tablet-media-query) {
|
||||
|
||||
:root {
|
||||
|
||||
// Dimensions
|
||||
|
||||
--sidebar-padding-top: 1rem;
|
||||
--sidebar-padding-right: 1rem;
|
||||
--sidebar-padding-bottom: 1rem;
|
||||
--sidebar-padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue