Skip to content

Commit

Permalink
Added authentication theme files
Browse files Browse the repository at this point in the history
  • Loading branch information
astianmuchui committed May 6, 2024
1 parent 9e2a491 commit 5763d8c
Show file tree
Hide file tree
Showing 17 changed files with 500 additions and 17 deletions.
4 changes: 3 additions & 1 deletion assets/css/_root.scss
Original file line number Diff line number Diff line change
Expand Up @@ -170,7 +170,7 @@ html

.btn-rounded
{
border-radius: 15px;
border-radius: 50px;
}
.btn-flat
{
Expand Down Expand Up @@ -609,6 +609,7 @@ html
{
background: linear-gradient(to bottom, #18b1f8, #e94383);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 1px;

Expand All @@ -617,6 +618,7 @@ html
{
background: linear-gradient(60deg,#ffffff, #107aab);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 1px;

Expand Down
166 changes: 159 additions & 7 deletions assets/css/auth.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ html {
grid-gap: 5px;
}

.grid-2 {
.grid-2, body section, body main {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
Expand Down Expand Up @@ -87,7 +87,7 @@ html {
grid-gap: 5px;
}

.flex-column, .x-end, .x-start, .y-end, .y-start {
.flex-column, body section div.form form, body section div.form, body section div.pre .overlay, body main div.form form, body main div.form, body main div.pre .overlay, .x-end, .x-start, .y-end, .y-start {
display: flex;
flex-direction: column;
justify-content: center;
Expand All @@ -99,15 +99,15 @@ html {
justify-content: space-between;
}

.y-start {
.y-start, body main div.form form, body main div.form {
justify-content: flex-start;
}

.y-end {
justify-content: flex-end;
}

.x-start {
.x-start, body section div.form form, body section div.form, body main div.form form, body main div.form {
align-items: flex-start;
}

Expand Down Expand Up @@ -191,7 +191,7 @@ html {
}

.btn-rounded {
border-radius: 15px;
border-radius: 50px;
}

.btn-flat {
Expand Down Expand Up @@ -249,7 +249,7 @@ html {
background-color: #e6e6e6;
}

.shadowed, .google-btn {
.shadowed, body section, body main, .google-btn {
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.178), inset -1px -1px rgba(255, 255, 255, 0.132), 1px 3px 24px -1px rgba(0, 0, 0, 0.17);
}

Expand Down Expand Up @@ -539,7 +539,7 @@ html {
font-weight: 300;
}

.txt-primary {
.txt-primary, body section div.form h1, body main div.form h1 {
color: #d0329c;
}

Expand Down Expand Up @@ -574,13 +574,15 @@ html {
.txt-gradient {
background: linear-gradient(to bottom, #18b1f8, #e94383);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 1px;
}

.txt-gradient-light {
background: linear-gradient(60deg, #ffffff, #107aab);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
letter-spacing: 1px;
}
Expand Down Expand Up @@ -677,4 +679,154 @@ html {
100% {
transform: scale(1);
}
}
body {
background-color: white;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body main {
width: 90vw;
height: 90vh;
margin: 5vh auto;
}
body main div.pre {
background-image: url("../img/health.jpg");
background-position: center center;
background-size: cover;
}
body main div.pre img {
width: 20%;
margin: 1%;
}
body main div.pre .overlay {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: 2;
}
body main div.pre .overlay h1 {
color: white;
font-size: 3rem;
width: 80%;
text-align: center;
}
body main div.pre .overlay a {
padding: 20px 30px;
}
body main div.form {
padding: 5%;
}
body main div.form h1 {
font-size: 1.3rem;
width: 95%;
margin: 10px;
text-transform: none;
}
body main div.form form {
height: 90%;
width: 100%;
padding: 1%;
}
body main div.form form input, body main div.form form select {
outline: 0;
height: 10%;
margin: 0.6666666667%;
width: 100%;
border-color: transparent;
border-radius: 10px;
background-color: whitesmoke;
padding: 5px 15px;
text-transform: none;
font-size: 13px;
}
body main div.form form input::-moz-placeholder, body main div.form form select::-moz-placeholder {
font-size: 13px;
opacity: 0.9;
}
body main div.form form input::placeholder, body main div.form form select::placeholder {
font-size: 13px;
opacity: 0.9;
}
body main div.form form button {
height: 10%;
margin: 0.6666666667%;
width: 100%;
}
body section {
width: 90vw;
height: 90vh;
margin: 5vh auto;
border-radius: 10px;
}
body section div.pre {
background-image: url("../img/meds.jpg");
border-radius: 10px;
background-position: center center;
background-size: cover;
}
body section div.pre img {
width: 20%;
margin: 1%;
}
body section div.pre .overlay {
border-radius: 10px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
z-index: 2;
}
body section div.pre .overlay h1 {
color: white;
font-size: 3rem;
width: 80%;
text-align: center;
}
body section div.pre .overlay a {
padding: 20px 30px;
}
body section div.form {
border-radius: 10px;
padding: 5%;
}
body section div.form h1 {
font-size: 1.3rem;
width: 95%;
margin: 10px;
text-transform: none;
}
body section div.form form {
height: 90%;
width: 100%;
padding: 1%;
}
body section div.form form input, body section div.form form select {
outline: 0;
height: 10%;
margin: 0.6666666667%;
width: 100%;
border-color: transparent;
border-radius: 10px;
background-color: whitesmoke;
padding: 5px 15px;
text-transform: none;
font-size: 13px;
}
body section div.form form input::-moz-placeholder, body section div.form form select::-moz-placeholder {
font-size: 13px;
opacity: 0.9;
}
body section div.form form input::placeholder, body section div.form form select::placeholder {
font-size: 13px;
opacity: 0.9;
}
body section div.form form button {
height: 10%;
margin: 0.6666666667%;
width: 100%;
}/*# sourceMappingURL=auth.css.map */
2 changes: 1 addition & 1 deletion assets/css/auth.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 5763d8c

Please sign in to comment.