102 lines
1.4 KiB
SCSS
102 lines
1.4 KiB
SCSS
ion-side-menu
|
|
{
|
|
ion-content
|
|
{
|
|
background-color: darken($main-menu-bg, 12);
|
|
}
|
|
|
|
ion-item.item
|
|
{
|
|
border-right:none;
|
|
border-left:none;
|
|
border-color: darken($main-menu-bg, 5);
|
|
|
|
.item-content
|
|
{
|
|
background-color: darken($main-menu-bg, 12);
|
|
|
|
.icon:before
|
|
{
|
|
background-color: $main-menu-bg;
|
|
color: $main-menu-color;
|
|
border-radius: 50%;
|
|
font-size: 22px;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
}
|
|
|
|
.item-content.activated
|
|
{
|
|
background-color: lighten($main-menu-bg, 10);
|
|
}
|
|
|
|
.menu-text
|
|
{
|
|
color: darken($main-menu-color, 20);
|
|
font-weight:500;
|
|
}
|
|
}
|
|
|
|
ion-item.item:first-child
|
|
{
|
|
border-top:none;
|
|
.icon:before
|
|
{
|
|
background-image: url("/img/icons/park2.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
|
|
ion-item.item:last-child
|
|
{
|
|
border-bottom:none;
|
|
|
|
.icon:before
|
|
{
|
|
color:red;
|
|
|
|
}
|
|
}
|
|
|
|
.heading-item
|
|
{
|
|
|
|
.item-content
|
|
{
|
|
height: 120px;
|
|
padding-top: 45px;
|
|
padding-left: 115px;
|
|
background-color: darken($main-menu-bg, 10);
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.user-image-container
|
|
{
|
|
width:90px;
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 12px;
|
|
|
|
.user-image
|
|
{
|
|
border-radius: 50%;
|
|
padding: 8px;
|
|
border: 1px solid darken($main-menu-color, 40);
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.greeting
|
|
{
|
|
color: $main-menu-color;
|
|
font-weight:500;
|
|
}
|
|
|
|
.message
|
|
{
|
|
color: darken($main-menu-color, 40);
|
|
}
|
|
}
|
|
}
|