shibao/memEx
1
1
Fork 0
Code Issues 1 Pull Requests Projects Releases 21 Wiki Activity

restyle

Browse Source
This commit is contained in:
shibao
2022-07-25 22:04:10 -04:00
parent 8f23a6bccb
commit c6e6154689
30 changed files with 270 additions and 1617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/app.scss
View File

@ -34,34 +34,6 @@ $fa-font-path: "@fortawesome/fontawesome-free/webfonts";
opacity: 0.95 !important;
}
/* Alerts and form errors used by phx.new */
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert p {
margin-bottom: 0;
}
.alert:empty {
display: none;
}
.invalid-feedback {
color: #a94442;
display: block;

48
assets/css/components.scss
View File

@ -6,8 +6,9 @@
}
.input-primary {
@apply border-primary-500 hover:border-primary-600 active:border-primary-600;
@apply text-black;
@apply bg-primary-900;
@apply border-primary-600 hover:border-primary-500 active:border-primary-400;
@apply text-primary-400;
}
.checkbox {
@ -27,31 +28,62 @@
.btn {
@apply focus:outline-none px-4 py-2 rounded-lg;
@apply shadow-sm focus:shadow-lg;
@apply border;
@apply transition-all duration-300 ease-in-out;
}
.btn-primary {
@apply bg-primary-500 focus:bg-primary-600 active:bg-primary-600;
@apply border-primary-500 focus:border-primary-600 active:border-primary-600;
@apply text-white;
@apply bg-primary-900 focus:bg-primary-900 active:bg-primary-800;
@apply border-primary-600 hover:border-primary-500 active:border-primary-400;
@apply text-primary-400;
}
.btn-alert {
@apply bg-red-600 focus:bg-red-700 active:bg-red-800;
@apply border-red-600 focus:border-red-700 active:border-red-800;
@apply text-white;
@apply text-primary-400;
}
.hr {
@apply border border-primary-300 w-full max-w-2xl;
@apply border border-primary-400 w-full max-w-2xl;
}
.hr-light {
@apply border border-white w-full max-w-2xl;
@apply border border-primary-600 w-full max-w-2xl;
}
.link {
@apply hover:underline;
@apply transition-colors duration-500 ease-in-out;
}
.alert {
@apply bg-primary-900;
@apply border-primary-600 hover:border-primary-500 active:border-primary-400;
@apply text-primary-400;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-info {
@apply text-primary-400;
}
.alert-warning {
color: #8a6d3b;
}
.alert-danger {
color: #a94442;
}
.alert p {
margin-bottom: 0;
}
.alert:empty {
@apply hidden;
}
}