Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Edit profile button

Browse Source
This commit is contained in:
reverend 2020-12-25 16:42:39 +01:00
parent b4fba7b3f0
commit 799b9b2eff
3 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/01_Atoms/button/_button.scss
View File

@ -7,7 +7,17 @@
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
&--fullWidth {
text-align: center;
}
&.LP-Link {
display: block;
&:hover {
color: $-almost-white
}
}
&:active { &:active {
background-color: $-wine-red; background-color: $-wine-red;
color: $-almost-white; color: $-almost-white;
@ -22,4 +32,4 @@
background-color: $-almost-white; background-color: $-almost-white;
} }
} }
} }

1
components/02_Molecules/userInfo/userInfo.hbs
View File

@ -40,5 +40,6 @@
</td> </td>
</tr> </tr>
</table> </table>
<a href="#" class="LP-Button LP-Button--fullWidth LP-Link">Edit profile</a>
</div> </div>
</div> </div>

6
public/main.css
View File

@ -611,6 +611,12 @@ body {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
white-space: nowrap; } white-space: nowrap; }
.LP-Button--fullWidth {
text-align: center; }
.LP-Button.LP-Link {
display: block; }
.LP-Button.LP-Link:hover {
color: #f9f9f9; }
.LP-Button:active { .LP-Button:active {
background-color: #76323F; background-color: #76323F;
color: #f9f9f9; } color: #f9f9f9; }