Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-01-21 13:20:48 +01:00
Code Issues Releases Wiki Activity

fix colors

Browse Source
This commit is contained in:
Nicolas Constant 2019-05-19 15:03:29 -04:00
parent 72e72cfc86
commit 8ed0e2655d
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
1 changed files with 33 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/components/floating-column/manage-account/my-account/my-account.component.scss
View File

@ -1,45 +1,71 @@
@import "variables";
@import "commons";
.my-account {
.my-account {
transition: all .2s;
&__body {
overflow: auto;
height: calc(100%);
padding-left: 10px;
padding-right: 10px;
padding-right: 10px;
font-size: $small-font-size;
padding-bottom: 20px;
outline: 1px dotted greenyellow;
}
&__label {
font-size: $small-font-size;
margin-top: 10px;
margin-left: 5px;
color: $font-color-secondary;
}
}
&__blue {
background-color: $color-primary;
color: #fff;
&:hover {
background-color: lighten($color-primary, 15);
}
}
&__red {
$red-button-color: rgb(65, 3, 3);
background-color: $red-button-color !important;
color: #fff;
&:hover {
background-color: lighten($red-button-color, 15) !important;
}
}
&__link {
text-decoration: none;
display: block; // width: calc(100% - 20px);
width: 100%; // height: 30px;
padding: 5px 10px; // border: solid 1px black;
&--icon {
float: right;
}
&--disabled {
cursor: default;
background-color: darken($color-primary, 4);
&:hover {
background-color: darken($color-primary, 4);
}
}
&--margin-bottom{
&--margin-bottom {
&:not(:last-child) {
margin-bottom: 5px;
}
}
}
&__list {
$list-width: 60px;
width: calc(100% - #{$list-width} - 2px);
@ -52,6 +78,7 @@
background-color: $color-primary;
color: #fff;
color: $font-color-secondary;
&:hover {
color: #fff;
background-color: lighten($color-primary, 15);
@ -72,22 +99,8 @@
}
}
}
&__margin-top {
margin-top: 25px;
}
&__blue {
background-color: $color-primary;
color: #fff;
&:hover {
background-color: lighten($color-primary, 15);
}
}
&__red {
$red-button-color: rgb(65, 3, 3);
background-color: $red-button-color;
color: #fff;
&:hover {
background-color: lighten($red-button-color, 15);
}
}
}