aboutsummaryrefslogtreecommitdiff
path: root/packages/merchant-backoffice-ui/src/scss/_aside.scss
diff options
context:
space:
mode:
Diffstat (limited to 'packages/merchant-backoffice-ui/src/scss/_aside.scss')
-rw-r--r--packages/merchant-backoffice-ui/src/scss/_aside.scss30
1 files changed, 16 insertions, 14 deletions
diff --git a/packages/merchant-backoffice-ui/src/scss/_aside.scss b/packages/merchant-backoffice-ui/src/scss/_aside.scss
index 61eb49835..e0922093b 100644
--- a/packages/merchant-backoffice-ui/src/scss/_aside.scss
+++ b/packages/merchant-backoffice-ui/src/scss/_aside.scss
@@ -14,7 +14,7 @@
GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
*/
- /**
+/**
*
* @author Sebastian Javier Marchano (sebasjm)
*/
@@ -23,7 +23,8 @@
html {
&.has-aside-left {
&.has-aside-expanded {
- nav.navbar, body {
+ nav.navbar,
+ body {
padding-left: $aside-width;
}
}
@@ -71,11 +72,11 @@ aside.aside {
color: $aside-tools-color;
line-height: $navbar-height;
height: $navbar-height;
- padding-left: $default-padding * .5;
+ padding-left: $default-padding * 0.5;
flex: 1;
.icon {
- margin-right: $default-padding * .5;
+ margin-right: $default-padding * 0.5;
}
}
@@ -88,7 +89,7 @@ aside.aside {
.dropdown-icon {
position: absolute;
- top: $size-base * .5;
+ top: $size-base * 0.5;
right: 0;
}
}
@@ -98,11 +99,12 @@ aside.aside {
border-left: 0;
background-color: darken($base-color, 2.5%);
padding-left: 0;
- margin: 0 0 $default-padding * .5;
+ margin: 0 0 $default-padding * 0.5;
li {
a {
- padding: $default-padding * .5 0 $default-padding * .5 $default-padding * .5;
+ padding: $default-padding * 0.5 0 $default-padding * 0.5
+ $default-padding * 0.5;
font-size: $aside-submenu-font-size;
&.has-icon {
@@ -120,15 +122,14 @@ aside.aside {
}
.menu-label {
- padding: 0 $default-padding * .5;
- margin-top: $default-padding * .5;
- margin-bottom: $default-padding * .5;
+ padding: 0 $default-padding * 0.5;
+ margin-top: $default-padding * 0.5;
+ margin-bottom: $default-padding * 0.5;
}
-
}
@include touch {
- nav.navbar {
+ nav.navbar {
@include transition(margin-left);
}
aside.aside {
@@ -138,7 +139,8 @@ aside.aside {
body {
overflow-x: hidden;
}
- body, nav.navbar {
+ body,
+ nav.navbar {
width: 100vw;
}
aside.aside {
@@ -148,7 +150,7 @@ aside.aside {
.image {
img {
- max-width: $aside-mobile-width * .33;
+ max-width: $aside-mobile-width * 0.33;
}
}