added styles to user: signin
This commit is contained in:
parent
90e3c5f755
commit
ca4fdec52b
5 changed files with 120 additions and 468 deletions
|
@ -11,7 +11,7 @@
|
|||
|
||||
@import 'partials/explore.scss';
|
||||
|
||||
@import 'partials/user-profile.scss';
|
||||
@import 'partials/user.scss';
|
||||
|
||||
|
||||
@import 'partials/footer';
|
||||
|
|
|
@ -8,23 +8,35 @@
|
|||
.repo-title {
|
||||
a {
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
color: rgb(215, 215, 225);
|
||||
}
|
||||
.svg.octicon-repo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.repo-buttons {
|
||||
.button {
|
||||
color: rgb(215, 215, 225);
|
||||
background: rgb(60, 60, 90);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(50, 50, 75);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
.label {
|
||||
background: rgb(90, 90, 135);
|
||||
color: rgb(215, 215, 225);
|
||||
background: rgb(50, 50, 75);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
transition: background .2s, color .2s;
|
||||
&:hover {
|
||||
background: rgb(40, 40, 60);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
/* user profile: repositories / main */
|
||||
/* user: profile repositories / main */
|
||||
|
||||
.user.profile {
|
||||
.user {
|
||||
.container {
|
||||
.grid {
|
||||
.card {
|
||||
|
@ -113,7 +113,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* user profile: public activity */
|
||||
/* user: profile public activity */
|
||||
|
||||
.user.profile {
|
||||
.container {
|
||||
|
@ -138,3 +138,41 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* user: signin */
|
||||
|
||||
.user.signin {
|
||||
.container {
|
||||
.header {
|
||||
background: rgb(60, 60, 90);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
}
|
||||
.segment {
|
||||
background: rgb(50, 50, 75);
|
||||
border: 0;
|
||||
color: rgb(245, 245, 255);
|
||||
.form {
|
||||
.field {
|
||||
label {
|
||||
color: rgb(245, 245, 255);
|
||||
&::after {
|
||||
color: rgb(255, 130, 130);
|
||||
}
|
||||
}
|
||||
input {
|
||||
background: rgb(40, 40, 60);
|
||||
}
|
||||
.green.button {
|
||||
background: rgb(80, 80, 120);
|
||||
box-shadow: none;
|
||||
color: rgb(245, 245, 255);
|
||||
&:hover {
|
||||
background: rgb(70, 70, 105);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Reference in a new issue