Skip to content

Commit

Permalink
fix: zuramai#21 and update sass & sass-loader
Browse files Browse the repository at this point in the history
  • Loading branch information
zuramai committed Jul 24, 2021
1 parent 2da9d4f commit 9e48eec
Show file tree
Hide file tree
Showing 67 changed files with 60,862 additions and 50,351 deletions.
780 changes: 390 additions & 390 deletions dist/application-chat.html

Large diffs are not rendered by default.

780 changes: 390 additions & 390 deletions dist/application-checkout.html

Large diffs are not rendered by default.

1,382 changes: 1,381 additions & 1 deletion dist/assets/css/app.css

Large diffs are not rendered by default.

10,663 changes: 10,662 additions & 1 deletion dist/assets/css/bootstrap.css

Large diffs are not rendered by default.

36 changes: 35 additions & 1 deletion dist/assets/css/pages/auth.css
Original file line number Diff line number Diff line change
@@ -1 +1,35 @@
body{background-color:#fff}#auth{height:100vh;overflow-x:hidden}#auth #auth-right{background:url(../../images/bg/4853433.jpg),linear-gradient(90deg,#2d499d,#3f5491);height:100%}#auth #auth-left{padding:5rem 8rem}#auth #auth-left .auth-title{font-size:4rem;margin-bottom:1rem}#auth #auth-left .auth-subtitle{color:#a8aebb;font-size:1.7rem;line-height:2.5rem}#auth #auth-left .auth-logo{margin-bottom:7rem}#auth #auth-left .auth-logo img{height:2rem}@media screen and (max-width:767px){#auth #auth-left{padding:5rem}}
body {
background-color: white;
}

#auth {
height: 100vh;
overflow-x: hidden;
}
#auth #auth-right {
height: 100%;
background: url(../../images/bg/4853433.jpg), linear-gradient(90deg, #2d499d, #3f5491);
}
#auth #auth-left {
padding: 5rem 8rem;
}
#auth #auth-left .auth-title {
font-size: 4rem;
margin-bottom: 1rem;
}
#auth #auth-left .auth-subtitle {
font-size: 1.7rem;
line-height: 2.5rem;
color: #a8aebb;
}
#auth #auth-left .auth-logo {
margin-bottom: 7rem;
}
#auth #auth-left .auth-logo img {
height: 2rem;
}
@media screen and (max-width: 767px) {
#auth #auth-left {
padding: 5rem;
}
}
120 changes: 119 additions & 1 deletion dist/assets/css/pages/chat.css
Original file line number Diff line number Diff line change
@@ -1 +1,119 @@
.chat-application .chat-app{border:1px solid #dfe3e7;border-radius:5px;height:calc(100vh - 9rem)}.chat-app .chat-app-right{padding-left:0}.chat-app .chat-app-header .person-name{font-size:1.2rem}.chat-app .chat-app-body .left{border-right:1px solid #e9ecef}.chat-app .chat-app-body ul{overflow-y:auto;padding-left:0}.chat-app .chat-app-body .the-contact{background-color:#fff;border-bottom:1px solid #e9ecef;list-style:none;margin-right:0;padding:1.5rem 2rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat-app .chat-app-body .the-contact.active{background-color:#435ebe}.chat-app .chat-app-body .the-contact.active .message-excerpt,.chat-app .chat-app-body .the-contact.active .person-name{color:#fff}.chat-app .chat-app-body .the-contact .notification-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.chat-app .chat-app-body .the-contact:hover{cursor:pointer}.chat-app .chat-app-body .the-contact:not(.active):hover{background-color:#e9ecef;transition:all .1s}.chat-app .chat-app-body .the-contact .verified-badge{height:1.4em;padding:0;width:1.4em}.chat-app .chat-app-body .the-contact .person-name{align-items:center;color:#495057;display:flex;font-size:1.1rem;font-weight:700;margin-bottom:0}.chat-app .chat-app-body .the-contact .message-excerpt{color:#6c757d;font-size:1rem;margin-bottom:0}.chat-app .chat-app-footer{height:100%;position:relative}.chat-app .chat-app-footer .input-message-wrapper{background-color:#fff;bottom:0;padding:1rem;position:absolute;right:0;width:100%}.chat-app .messages{display:flex;flex-direction:column;width:100%}.chat-app .messages .message{background-color:#dee2e6;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-top-right-radius:1rem;float:left;margin:1rem;max-width:600px;padding:.8rem}.chat-app .messages .message.message-right{background-color:#697ecb;border-top-left-radius:1rem;border-top-right-radius:0;color:#fff;float:right}@media screen and (max-width:1200px){.chat-app .chat-app-left{right:100%}.chat-app .chat-app-right{bottom:0;left:0;padding-left:15px!important;position:absolute;right:0;top:0}.chat-app .chat-app-right .chat-app-header>div{padding:0 2rem}}
.chat-application .chat-app {
height: calc(100vh - 9rem);
border: 1px solid #DFE3E7;
border-radius: 5px;
}

.chat-app .chat-app-right {
padding-left: 0;
}
.chat-app .chat-app-header .person-name {
font-size: 1.2rem;
}
.chat-app .chat-app-body .left {
border-right: 1px solid #e9ecef;
}
.chat-app .chat-app-body ul {
padding-left: 0;
overflow-y: auto;
}
.chat-app .chat-app-body .the-contact {
list-style: none;
padding: 1.5rem 2rem;
background-color: #fff;
border-bottom: 1px solid #e9ecef;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 0;
position: relative;
}
.chat-app .chat-app-body .the-contact.active {
background-color: #435ebe;
}
.chat-app .chat-app-body .the-contact.active .person-name, .chat-app .chat-app-body .the-contact.active .message-excerpt {
color: #fff;
}
.chat-app .chat-app-body .the-contact .notification-count {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
.chat-app .chat-app-body .the-contact:hover {
cursor: pointer;
}
.chat-app .chat-app-body .the-contact:not(.active):hover {
background-color: #e9ecef;
transition: all 0.1s;
}
.chat-app .chat-app-body .the-contact .verified-badge {
width: 1.4em;
height: 1.4em;
padding: 0;
}
.chat-app .chat-app-body .the-contact .person-name {
font-size: 1.1rem;
margin-bottom: 0;
font-weight: bold;
color: #495057;
display: flex;
align-items: center;
}
.chat-app .chat-app-body .the-contact .message-excerpt {
font-size: 1rem;
color: #6c757d;
margin-bottom: 0;
}
.chat-app .chat-app-footer {
position: relative;
height: 100%;
}
.chat-app .chat-app-footer .input-message-wrapper {
position: absolute;
bottom: 0;
padding: 1rem;
background-color: #fff;
width: 100%;
right: 0;
}
.chat-app .messages {
display: flex;
width: 100%;
flex-direction: column;
}
.chat-app .messages .message {
background-color: #dee2e6;
border-bottom-right-radius: 1rem;
border-top-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding: 0.8rem;
margin: 1rem 1rem;
float: left;
max-width: 600px;
}
.chat-app .messages .message.message-right {
float: right;
background-color: #697ecb;
color: #fff;
border-top-left-radius: 1rem;
border-top-right-radius: 0;
}

@media screen and (max-width: 1200px) {
.chat-app .chat-app-left {
right: 100%;
}
.chat-app .chat-app-right {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding-left: 15px !important;
}
.chat-app .chat-app-right .chat-app-header > div {
padding: 0 2rem;
}
}
515 changes: 514 additions & 1 deletion dist/assets/css/pages/email.css

Large diffs are not rendered by default.

13 changes: 12 additions & 1 deletion dist/assets/css/pages/error.css
Original file line number Diff line number Diff line change
@@ -1 +1,12 @@
#error{background-color:#ebf3ff;height:100vh;padding-top:5rem}#error .img-error{width:100%}#error .error-title{font-size:4rem;margin-top:3rem}
#error {
height: 100vh;
background-color: #ebf3ff;
padding-top: 5rem;
}
#error .img-error {
width: 100%;
}
#error .error-title {
font-size: 4rem;
margin-top: 3rem;
}
23 changes: 22 additions & 1 deletion dist/assets/css/widgets/chat.css
Original file line number Diff line number Diff line change
@@ -1 +1,22 @@
.chat{border-radius:5px}.chat.chat-left .chat-message{background:#5a8dee!important;color:#fff;float:left!important}.chat .chat-message{background-color:#fafbfb!important;border-radius:.267rem!important;box-shadow:0 2px 6px 0 rgba(0,0,0,.3)!important;clear:both!important;color:#525361;float:right!important;margin:.2rem 0 1.8rem .2rem!important;max-width:calc(100% - 5rem)!important;padding:.75rem 1rem!important;position:relative!important;text-align:left!important;word-break:break-word!important}
.chat {
border-radius: 5px;
}
.chat.chat-left .chat-message {
background: #5A8DEE !important;
float: left !important;
color: #fff;
}
.chat .chat-message {
text-align: left !important;
float: right !important;
margin: 0.2rem 0 1.8rem 0.2rem !important;
color: #525361;
background-color: #FAFBFB !important;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
padding: 0.75rem 1rem !important;
position: relative !important;
max-width: calc(100% - 5rem) !important;
clear: both !important;
word-break: break-word !important;
border-radius: 0.267rem !important;
}
20 changes: 19 additions & 1 deletion dist/assets/css/widgets/todo.css
Original file line number Diff line number Diff line change
@@ -1 +1,19 @@
.widget-todo-list-wrapper{margin:0;padding:0}.widget-todo-list-wrapper .widget-todo-item{list-style:none;padding:.8rem 2rem .8rem .8rem}.widget-todo-list-wrapper .widget-todo-item:hover{background-color:#f8f9fa}.widget-todo-list-wrapper .widget-todo-item .checkbox{margin-left:1rem}.widget-todo-list-wrapper .widget-todo-item i,.widget-todo-list-wrapper .widget-todo-item svg{cursor:move;font-size:12px;height:1rem}
.widget-todo-list-wrapper {
padding: 0;
margin: 0;
}
.widget-todo-list-wrapper .widget-todo-item {
padding: 0.8rem 2rem 0.8rem 0.8rem;
list-style: none;
}
.widget-todo-list-wrapper .widget-todo-item:hover {
background-color: #f8f9fa;
}
.widget-todo-list-wrapper .widget-todo-item .checkbox {
margin-left: 1rem;
}
.widget-todo-list-wrapper .widget-todo-item i, .widget-todo-list-wrapper .widget-todo-item svg {
font-size: 12px;
cursor: move;
height: 1rem;
}
53 changes: 26 additions & 27 deletions dist/auth-forgot-password.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,40 +14,39 @@

<body>
<div id="auth">

<div class="row h-100">
<div class="col-lg-5 col-12">
<div id="auth-left">
<div class="auth-logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Logo"></a>
</div>
<h1 class="auth-title">Forgot Password</h1>
<p class="auth-subtitle mb-5">Input your email and we will send you reset password link.</p>

<div class="row h-100">
<div class="col-lg-5 col-12">
<div id="auth-left">
<div class="auth-logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Logo"></a>
</div>
<h1 class="auth-title">Forgot Password</h1>
<p class="auth-subtitle mb-5">Input your email and we will send you reset password link.</p>

<form action="index.html">
<div class="form-group position-relative has-icon-left mb-4">
<input type="email" class="form-control form-control-xl" placeholder="Email">
<div class="form-control-icon">
<i class="bi bi-envelope"></i>
</div>
</div>
<button class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Send</button>
</form>
<div class="text-center mt-5 text-lg fs-4">
<p class='text-gray-600'>Remember your account? <a href="auth-login.html" class="font-bold">Log
in</a>.
</p>
<form action="index.html">
<div class="form-group position-relative has-icon-left mb-4">
<input type="email" class="form-control form-control-xl" placeholder="Email">
<div class="form-control-icon">
<i class="bi bi-envelope"></i>
</div>
</div>
<button class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Send</button>
</form>
<div class="text-center mt-5 text-lg fs-4">
<p class='text-gray-600'>Remember your account? <a href="auth-login.html" class="font-bold">Log in</a>.
</p>
</div>
<div class="col-lg-7 d-none d-lg-block">
<div id="auth-right">
</div>
</div>
<div class="col-lg-7 d-none d-lg-block">
<div id="auth-right">

</div>
</div>
</div>
</div>
</div>

</div>
</body>

</html>
</html>
77 changes: 38 additions & 39 deletions dist/auth-login.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,53 +14,52 @@

<body>
<div id="auth">

<div class="row h-100">
<div class="col-lg-5 col-12">
<div id="auth-left">
<div class="auth-logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Logo"></a>
</div>
<h1 class="auth-title">Log in.</h1>
<p class="auth-subtitle mb-5">Log in with your data that you entered during registration.</p>

<div class="row h-100">
<div class="col-lg-5 col-12">
<div id="auth-left">
<div class="auth-logo">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="Logo"></a>
<form action="index.html">
<div class="form-group position-relative has-icon-left mb-4">
<input type="text" class="form-control form-control-xl" placeholder="Username">
<div class="form-control-icon">
<i class="bi bi-person"></i>
</div>
<h1 class="auth-title">Log in.</h1>
<p class="auth-subtitle mb-5">Log in with your data that you entered during registration.</p>

<form action="index.html">
<div class="form-group position-relative has-icon-left mb-4">
<input type="text" class="form-control form-control-xl" placeholder="Username">
<div class="form-control-icon">
<i class="bi bi-person"></i>
</div>
</div>
<div class="form-group position-relative has-icon-left mb-4">
<input type="password" class="form-control form-control-xl" placeholder="Password">
<div class="form-control-icon">
<i class="bi bi-shield-lock"></i>
</div>
</div>
<div class="form-check form-check-lg d-flex align-items-end">
<input class="form-check-input me-2" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-gray-600" for="flexCheckDefault">
Keep me logged in
</label>
</div>
<button class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Log in</button>
</form>
<div class="text-center mt-5 text-lg fs-4">
<p class="text-gray-600">Don't have an account? <a href="auth-register.html"
class="font-bold">Sign
up</a>.</p>
<p><a class="font-bold" href="auth-forgot-password.html">Forgot password?</a>.</p>
</div>
<div class="form-group position-relative has-icon-left mb-4">
<input type="password" class="form-control form-control-xl" placeholder="Password">
<div class="form-control-icon">
<i class="bi bi-shield-lock"></i>
</div>
</div>
</div>
<div class="col-lg-7 d-none d-lg-block">
<div id="auth-right">

<div class="form-check form-check-lg d-flex align-items-end">
<input class="form-check-input me-2" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label text-gray-600" for="flexCheckDefault">
Keep me logged in
</label>
</div>
<button class="btn btn-primary btn-block btn-lg shadow-lg mt-5">Log in</button>
</form>
<div class="text-center mt-5 text-lg fs-4">
<p class="text-gray-600">Don't have an account? <a href="auth-register.html" class="font-bold">Sign
up</a>.</p>
<p><a class="font-bold" href="auth-forgot-password.html">Forgot password?</a>.</p>
</div>
</div>
</div>
<div class="col-lg-7 d-none d-lg-block">
<div id="auth-right">

</div>
</div>
</div>

</div>
</body>

</html>
</html>
Loading

0 comments on commit 9e48eec

Please sign in to comment.