init
Esse commit está contido em:
@@ -0,0 +1,43 @@
|
||||
button,
|
||||
.btn {
|
||||
color : #fff;
|
||||
padding : 8px 30px;
|
||||
// line-height: 0px;
|
||||
font-weight : 700;
|
||||
// display : inline-block;
|
||||
border-radius : 12px;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
// background: $white;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.btn-outline-primary,
|
||||
.btn-outline-secondary,
|
||||
.btn-outline-success,
|
||||
.btn-outline-info,
|
||||
.btn-outline-warning,
|
||||
.btn-outline-danger,
|
||||
.btn-outline-light {
|
||||
color: $dark;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
color: $dark;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
.card {
|
||||
border : 1px solid $border-color;
|
||||
margin-bottom: 30px;
|
||||
border-radius: $radius;
|
||||
// box-shadow : $shadow;
|
||||
background : $white;
|
||||
|
||||
// &::before {
|
||||
// content : "";
|
||||
// position : absolute;
|
||||
// top : 22px;
|
||||
// left : 18px;
|
||||
// right : 18px;
|
||||
// bottom : -40px;
|
||||
// z-index : -2;
|
||||
// background : #E3E6EC;
|
||||
// opacity : 0.91;
|
||||
// -webkit-filter: blur(86.985px);
|
||||
// filter : blur(86.985px);
|
||||
// border-radius : 24px;
|
||||
// }
|
||||
|
||||
&-header {
|
||||
display : flex;
|
||||
justify-content: space-between;
|
||||
align-items : center;
|
||||
border-bottom : 0px solid $border-color;
|
||||
background : transparent;
|
||||
padding : 20px 20px 0px;
|
||||
|
||||
// margin : 0px 35px;
|
||||
@include respond("phone-land") {
|
||||
flex-direction: column;
|
||||
align-items : start;
|
||||
}
|
||||
|
||||
// @include custommq($min: 1200px, $max: 1350px) {
|
||||
// padding: 30px 0px;
|
||||
// }
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size : 16px;
|
||||
margin-bottom: 0px;
|
||||
color : $headings-color;
|
||||
}
|
||||
|
||||
&.transparent {
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border : 0px;
|
||||
|
||||
.card-header {
|
||||
border : 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding : 20px;
|
||||
background : transparent;
|
||||
// border-radius: 15px;
|
||||
|
||||
// @include respond("desktop") {
|
||||
// padding: 30px;
|
||||
// }
|
||||
|
||||
// @include custommq($min: 1200px, $max: 1350px) {
|
||||
// padding: 30px 0px !important;
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
|
||||
.card-footer {
|
||||
padding : 20px;
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
@import "./card";
|
||||
@import "./form";
|
||||
@import "./button";
|
||||
@import "./table";
|
||||
@@ -0,0 +1,126 @@
|
||||
.form-label {
|
||||
font-weight: $headings-font-weight;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-radius : 5px;
|
||||
height : 45px;
|
||||
border : 1px solid $border-color;
|
||||
padding : 0px 22px;
|
||||
font-size : 14px;
|
||||
// font-weight : 500;
|
||||
color : $dark;
|
||||
// transition : all 0.3s ease-in-out;
|
||||
background : $white;
|
||||
|
||||
|
||||
|
||||
span {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: $body-color;
|
||||
}
|
||||
|
||||
&:-ms-input-placeholder {
|
||||
color: $body-color;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: $body-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow : none !important;
|
||||
outline : none;
|
||||
border-color: $border-color;
|
||||
color : $dark;
|
||||
background : $white;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
box-shadow : none !important;
|
||||
outline : none;
|
||||
border-color: $primary;
|
||||
color : $dark;
|
||||
background : $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-select {
|
||||
border-radius : 5px;
|
||||
height : 45px;
|
||||
border : 1px solid $border-color;
|
||||
padding : 0px 22px;
|
||||
font-size : 14px;
|
||||
// font-weight : 500;
|
||||
color : $dark;
|
||||
// transition : all 0.3s ease-in-out;
|
||||
|
||||
|
||||
|
||||
&:hover {
|
||||
box-shadow : none !important;
|
||||
outline : none;
|
||||
border-color: $border-color;
|
||||
color : $dark;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
box-shadow : none !important;
|
||||
outline : none;
|
||||
border-color: $primary;
|
||||
color : $dark;
|
||||
}
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
input:-internal-autofill-selected {
|
||||
background : lighten($body-bg, 2%) !important;
|
||||
background-image: none !important;
|
||||
color : -internal-light-dark-color(black, white) !important;
|
||||
}
|
||||
|
||||
|
||||
.input-group-text {
|
||||
padding : 11px 15px;
|
||||
background : $white;
|
||||
margin-bottom: 0px !important;
|
||||
color : $dark;
|
||||
border-color : $border-color;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.input-group-append {
|
||||
.input-group-text {
|
||||
border-top-right-radius : 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-prepend {
|
||||
.input-group-text {
|
||||
border-top-left-radius : 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Validation Error
|
||||
label.error {
|
||||
color : $danger;
|
||||
position : absolute;
|
||||
bottom : 0;
|
||||
margin-bottom: -22px;
|
||||
font-size : 12px;
|
||||
font-weight : 400;
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
.table {
|
||||
|
||||
th {
|
||||
color : $headings-color;
|
||||
border-bottom: 1px solid $border-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.table-responsive-sm {
|
||||
min-width: 48rem;
|
||||
}
|
||||
|
||||
.table {
|
||||
|
||||
// border-collapse: separate;
|
||||
// border-spacing: 0 1rem;
|
||||
margin-bottom: 0px;
|
||||
|
||||
tr {
|
||||
&:last-child {
|
||||
td {
|
||||
border-bottom: 0px solid $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
// background: rgba(0, 0, 0, 0.15);
|
||||
border-bottom : 1px solid $border-color;
|
||||
vertical-align: middle;
|
||||
padding : 18px;
|
||||
|
||||
&:last-child{
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-striped {
|
||||
tr {
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 0px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||
td {
|
||||
&:first-child {
|
||||
border-top-left-radius : 7px;
|
||||
border-bottom-left-radius: 7px;
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius : 7px;
|
||||
border-bottom-right-radius: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.api-table{
|
||||
span{
|
||||
i{
|
||||
font-size:20px;
|
||||
&:hover{
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-icon{
|
||||
span{
|
||||
i{
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Referência em uma Nova Issue
Bloquear um usuário