merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Variables Updated

This commit is contained in:
devansh bawari 2021-03-12 10:54:02 +05:30
parent 6e05b61f02
commit bc935e2df3
4 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/Webkul/Ui/publishable/assets/css/ui.css vendored
View File

File diff suppressed because one or more lines are too long

2
packages/Webkul/Ui/publishable/assets/mix-manifest.json
View File

@ -1,4 +1,4 @@
{ {
"/js/ui.js": "/js/ui.js?id=ab1dd431924ced0d89c3", "/js/ui.js": "/js/ui.js?id=ab1dd431924ced0d89c3",
"/css/ui.css": "/css/ui.css?id=a03efa3caaa331c5d72c" "/css/ui.css": "/css/ui.css?id=6d93a4a052e38d6aa795"
} }

56
packages/Webkul/Ui/src/Resources/assets/sass/app.scss vendored
View File

@ -144,7 +144,7 @@ a:active {
::selection { ::selection {
background-color: $selection-color; background-color: $selection-color;
color: $color-white; color: $white-color;
} }
textarea { textarea {
@ -201,7 +201,7 @@ h5 {
); );
@include border-radius(3px); @include border-radius(3px);
border: none; border: none;
color: #fff; color: $white-color;
cursor: pointer; cursor: pointer;
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
font: inherit; font: inherit;
@ -233,17 +233,17 @@ h5 {
&.btn-primary { &.btn-primary {
background: $brand-color; background: $brand-color;
color: #ffffff; color: $white-color;
} }
&.btn-black { &.btn-black {
background: #000; background: $black-color;
color: #ffffff; color: $white-color;
} }
&.btn-white { &.btn-white {
background: #ffffff; background: $white-color;
color: #000; color: $black-color;
} }
&:disabled, &:disabled,
@ -260,7 +260,7 @@ h5 {
.dropdown-btn { .dropdown-btn {
min-width: 150px; min-width: 150px;
text-align: left; text-align: left;
background: #ffffff; background: $white-color;
border: 2px solid $control-border-color; border: 2px solid $control-border-color;
@include border-radius(3px); @include border-radius(3px);
font-size: 14px; font-size: 14px;
@ -299,7 +299,7 @@ h5 {
0 0 9px 0 rgba(0, 0, 0, 0.16) 0 0 9px 0 rgba(0, 0, 0, 0.16)
); );
@include border-radius(3px); @include border-radius(3px);
background-color: #ffffff; background-color: $white-color;
position: absolute; position: absolute;
display: none; display: none;
z-index: 10; z-index: 10;
@ -330,7 +330,7 @@ h5 {
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
.control { .control {
background: #fff; background: $white-color;
border: 2px solid $control-border-color; border: 2px solid $control-border-color;
@include border-radius(3px); @include border-radius(3px);
width: 100%; width: 100%;
@ -372,7 +372,7 @@ h5 {
a:active, a:active,
a:visited, a:visited,
a:focus { a:focus {
color: #333333; color: $font-color;
display: block; display: block;
} }
@ -404,7 +404,7 @@ h5 {
.section { .section {
.secton-title { .secton-title {
font-size: 18px; font-size: 18px;
color: #8E8E8E; color: $font-color;
padding: 15px 0; padding: 15px 0;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
} }
@ -490,14 +490,14 @@ h5 {
.pagination { .pagination {
.page-item { .page-item {
background: #ffffff; background: $white-color;
border: 2px solid $control-border-color; border: 2px solid $control-border-color;
@include border-radius(3px); @include border-radius(3px);
padding: 7px 14px; padding: 7px 14px;
margin-right: 5px; margin-right: 5px;
font-size: 16px; font-size: 16px;
display: inline-block; display: inline-block;
color: #8e8e8e; color: $font-color;
vertical-align: middle; vertical-align: middle;
text-decoration: none; text-decoration: none;
@ -507,9 +507,9 @@ h5 {
} }
&.active { &.active {
background: #0041ff; background: $brand-color;
color: #fff; color: $white-color;
border-color: #0041ff; border-color: $brand-color;
} }
.icon { .icon {
@ -591,7 +591,7 @@ h5 {
display: block; display: block;
margin-bottom: 25px; margin-bottom: 25px;
font-size: 15px; font-size: 15px;
color: #333333; color: $font-color;
width: 750px; width: 750px;
max-width: 100%; max-width: 100%;
position: relative; position: relative;
@ -614,7 +614,7 @@ h5 {
} }
.control { .control {
background: #fff; background: $white-color;
border: 2px solid $control-border-color; border: 2px solid $control-border-color;
@include border-radius(3px); @include border-radius(3px);
width: 70%; width: 70%;
@ -678,7 +678,7 @@ h5 {
.control-error { .control-error {
display: none; display: none;
color: #ff5656; color: $danger-color;
margin-top: 5px; margin-top: 5px;
} }
@ -792,7 +792,7 @@ h5 {
width: 26px; width: 26px;
left: 4px; left: 4px;
bottom: 4px; bottom: 4px;
background-color: $color-white; background-color: $white-color;
-webkit-transition: .2s; -webkit-transition: .2s;
transition: .2s; transition: .2s;
} }
@ -873,7 +873,7 @@ h5 {
} }
p { p {
color: #ffffff; color: $white-color;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
font-size: 15px; font-size: 15px;
@ -893,7 +893,7 @@ h5 {
cursor: pointer; cursor: pointer;
margin: 0px 2px; margin: 0px 2px;
text-align: center; text-align: center;
color: #000311; color: $black-color-shade;
display: block; display: block;
} }
@ -1018,7 +1018,7 @@ h5 {
.panel { .panel {
@include box-shadow(0 2px 25px 0 rgba(0, 0, 0, 0.15)); @include box-shadow(0 2px 25px 0 rgba(0, 0, 0, 0.15));
@include border-radius(5px); @include border-radius(5px);
background: #fff; background: $white-color;
.panel-content { .panel-content {
padding: 20px; padding: 20px;
@ -1042,7 +1042,7 @@ modal {
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
position: fixed; position: fixed;
background: #000; background: $black-color;
opacity: 0.7; opacity: 0.7;
} }
@ -1051,7 +1051,7 @@ modal {
} }
.modal-container { .modal-container {
background: #ffffff; background: $white-color;
top: 100px; top: 100px;
width: 600px; width: 600px;
max-width: 80%; max-width: 80%;
@ -1107,7 +1107,7 @@ modal {
background: #E7E7E7; background: #E7E7E7;
@include border-radius(2px); @include border-radius(2px);
padding: 8px; padding: 8px;
color: #000311; color: $black-color-shade;
display: inline-block; display: inline-block;
&.label-sm { &.label-sm {
@ -1204,7 +1204,7 @@ modal {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
color: #fff; color: $white-color;
text-shadow: 0 1px 2px rgba(0,0,0,0.24); text-shadow: 0 1px 2px rgba(0,0,0,0.24);
margin-right: 20px; margin-right: 20px;
cursor: pointer; cursor: pointer;

6
packages/Webkul/Ui/src/Resources/assets/sass/main/_variables.scss vendored
View File

@ -8,7 +8,7 @@ $warning-color: #FFC107;
$control-border-color: #C7C7C7; $control-border-color: #C7C7C7;
$border-color: rgba(162, 162, 162, 0.2); $border-color: rgba(162, 162, 162, 0.2);
$filter-toggle-color : #8e8e8e; $filter-toggle-color : #8e8e8e;
$color-white: #ffffff; $white-color: #ffffff;
$color-black: #000000; $black-color: #000000;
$color-black-shade : #000311; $black-color-shade : #000311;
$border-color: #e8e8e8; $border-color: #e8e8e8;