Files
cssd-back/resources/js/vue/styles/css/Assets/Main.scss
T
2020-07-04 13:48:53 +04:30

281 lines
6.1 KiB
SCSS
Vendored

.theme--light.v-card.WM-TransparentCard {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}
.WM-InlineFlex {
display: inline-flex;
}
.WM-FlexCenter {
display: inline-flex;
align-items: center;
}
.WM-FlexWrap {
display: flex;
flex-wrap: wrap;
}
.WM-BorderRadius-5 {
border-radius: 5px;
}
.WM-Margin-B-8 {
margin-bottom: 8px;
}
.material-icons {
font-size: 20px !important;
vertical-align: sub !important;
}
.fa, .fas {
font-size: 20px;
}
.headline {
// letter-spacing : 7px;
}
.WM-NoLetterSpacing-7 {
letter-spacing: 7px !important;
}
.WM-NoLetterSpacing {
letter-spacing: 0;
}
.WM-Border-L-3x {
border-left: 3px solid;
}
.WM-OrangeGradient-BG {
background: linear-gradient(-245.99599235188236deg, rgba(252, 184, 162,1) -0.3020833333333286%,rgba(255, 236, 210,1) 93.03125%);
}
.WM-BlueGradient-BG {
background: linear-gradient(-246.25375448810587deg, rgba(213, 245, 253,1) 0.4518229166666856%,rgba(233, 255, 247,1) 92.79557291666667%)
}
.WM-CoffeeGradient-BG {
background : linear-gradient(-246.25375448810587deg, rgba(226, 210, 196,1) 0.2955729166666856%,rgba(250, 247, 245,1) 92.63932291666667%);
}
.WM-MuskGradient-BG {
background : linear-gradient(113.58893008880955deg, rgba(167, 204, 225,1) 4.927083333333334%,rgba(236, 246, 237,1) 97.84374999999999%);
}
.WM-CyanBlueGradient-BG {
background:linear-gradient(90deg, rgba(29,200,230,1) 20.5625%,rgba(29,200,229,1) 20.5625%,rgba(29,230,184,1) 80.5625%);
}
.WM-GreyGradient-BG {
background :linear-gradient(-248.2097473199551deg, rgba(220, 220, 220,1) 0.71484375%,rgba(246, 245, 245,1) 92.95442708333334%)
}
.WM-GreenGradient-BG {
background : linear-gradient(112.72013189013455deg, rgba(98, 185, 183,1) 4.927083333333334%,rgba(236, 246, 237,1) 97.84374999999999%)
}
.WM-YellowPinkGradient-BG {
background : linear-gradient(111.36820033167237deg, rgba(249, 231, 148,1) 4.927083333333334%,rgba(246, 190, 212,1) 97.84374999999999%)
}
.WM-PinkGradient-BG {
background: linear-gradient(to right, #ee9ca7, #ffdde1);
}
.WM-LightGray-color {
color: rgba(33,33,33,.7)
}
// .WM-Color-LightGrey {
// background-color : #F5F5F5;
// }
.WM-Outline-Btn {
padding: 8px;
background:transparent !important;
}
.container.grid-list-xl :not(:only-child) .layout:last-child {
margin : 0 !important;
}
.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.v-btn.WM-NoShadow:not(.v-btn--depressed):not(.v-btn--flat) {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.inputfile {
// width: 0.1px;
// height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
// z-index: -1;
}
.inputfile + label {
font-size: 16px;
display: inline-block;
font-weight: 400;
color: #aaa;
background-color: transparent;
transition: all .5s;
margin-bottom: 20px;
border: 1px solid #aaa;
padding: 7px 20px;
border-radius: 5px;
}
.inputfile:focus + label,
.inputfile + label:hover {
border: 1px solid #000;
color: #000;
}
.inputfile:focus .IconHover,
.inputfile .IconHover:hover {
color: #000 !important;
}
.v-pagination>li:focus {
}
.theme--light.v-pagination .v-pagination__item:focus {
outline: 0 !important;
}
table.v-table tbody td.Height-MD-60 {
height: 60px;
}
table.v-table tbody td.Height-MD-80 {
height: 80px;
}
.FlexBtn {
display: flex;
flex-wrap: nowrap;
padding: 10px 8px !important;
justify-content: flex-start;
}
td.FlexBtn .theme--light.v-btn {
padding: 21px 20px;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 12px 10px;
}
.ResultMsg {
font-size: 10px;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
}
.ResultMsg.Reject{
background: #ee3552;
}
.ResultMsg.Accept{
background: #1DE6B8;;
}
.theme--light.v-icon.Verified {
font-size: 15px !important;
color: #1DE6B8;
}
.theme--light.v-icon.NotVerified {
font-size: 15px !important;
color: #ee3552;
}
table.v-table tbody td.FlexBtn:not(:first-child) {
padding: 12px 8px;
}
td.FlexBtn .v-btn {
margin-top: 5px;
}
.WM-WidthScreen-SM {
flex-basis:35% !important;
max-width: 35% !important;
}
table.v-table tbody td.Height-SM-48 {
height: 48px;
}
.v-card .title {
font-size: .9rem !important;
}
.headline {
font-size: .9rem !important;
}
.FlexBtn {
padding: 10px 8px !important;
}
td.FlexBtn span {
display: none;
}
td.FlexBtn .theme--light.v-btn {
min-width: 30px;
padding: 15px 10px;
margin-right: 1 !important;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 9px 10px;
}
td.FlexBtn .theme--light.v-icon {
margin-right: 0 !important;
}
@media screen and (min-width : 1900px) {
.WM-XL-Align-L {
text-align: left !important;
}
}
@media screen and(max-width : 1536px) {
// table.v-table tbody td.FlexBtn:not(:first-child) {
// padding: 12px 8px;
// }
// td.FlexBtn .v-btn {
// margin-top: 5px;
// }
// .WM-WidthScreen-SM {
// flex-basis:35% !important;
// max-width: 35% !important;
// }
// .theme--light.v-btn.WM-ActBtn:not(.v-btn--icon):not(.v-btn--flat) {
// margin: 5px;
// padding: 10px;
// min-width: 30px;
// display: inline-block;
// }
// .theme--light.v-btn.WM-ActBtn:not(.v-btn--icon):not(.v-btn--flat) span {
// display: none;
// }
// .v-btn.WM-ActBtn__content .v-icon.mr-2 {
// margin-right: 0 !important;
// }
table.v-table tbody td.Height-SM-48 {
height: 48px;
}
.v-card .title {
font-size: .9rem !important;
}
.headline {
font-size: .9rem !important;
}
.FlexBtn {
padding: 10px 8px !important;
}
td.FlexBtn span {
display: none;
}
td.FlexBtn .theme--light.v-btn {
min-width: 30px;
padding: 15px 10px;
margin-right: 1 !important;
}
td.FlexBtn a.LinkBtn .theme--light.v-btn {
padding: 9px 10px;
}
td.FlexBtn .theme--light.v-icon {
margin-right: 0 !important;
}
}
@media screen and(max-width : 1366px) {
.FlexBtn {
// padding: 10px 8px !important;
padding: 20px 8px !important;
}
td.FlexBtn .v-btn {
margin-top: -5px;
}
}
@media screen and(max-width : 1024px) {
.WM-WidthScreen-XS {
flex-basis:60% !important;
max-width: 60% !important;
}
}