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

All the color values have been converted into variables for shop package

This commit is contained in:
Prashant Singh 2019-02-28 10:37:21 +05:30
parent 96dc1bd28c
commit e2facbc329
5 changed files with 39 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/Webkul/Shop/publishable/assets/css/shop.css vendored
View File

File diff suppressed because one or more lines are too long

2
packages/Webkul/Shop/publishable/assets/js/shop.js vendored
View File

File diff suppressed because one or more lines are too long

6
packages/Webkul/Shop/publishable/assets/mix-manifest.json
View File

@ -1,4 +1,4 @@
{
"/js/shop.js": "/js/shop.js?id=391400bc9a994e60b97f",
"/css/shop.css": "/css/shop.css?id=b15232fd1f9cfdc24446"
}
"/js/shop.js": "/js/shop.js?id=e019a3a0b0cbcc981fd8",
"/css/shop.css": "/css/shop.css?id=ccad56c3468960eef02d"
}

12
packages/Webkul/Shop/src/Resources/assets/sass/_variables.scss vendored
View File

@ -22,4 +22,14 @@ $error-color: #ff5656;
$line-bar-color: #D8D8D8;
$btn-background-color: #fff;
$info-color: #204d74;
//shop variables ends here
$ltgray: lightgray;
$listcolor: #333333;
$spnr-color: #bababa;
$shadow-color: #ccc;
$shadow-color1: #cccccc;
$outline-hvr: #eaeaec;
$review-details: #5e5e5e;
//shop variables ends here
//
$font-montserrat: "Montserrat", sans-serif;

47
packages/Webkul/Shop/src/Resources/assets/sass/app.scss vendored
View File

@ -15,15 +15,15 @@ body {
}
* {
font-family: "Montserrat", sans-serif;
font-family: $font-montserrat;
}
*::-webkit-input-placeholder {
font-family: "Montserrat", sans-serif;
font-family: $font-montserrat;
}
*::-webkit-input-placeholder {
font-family: "Montserrat", sans-serif;
font-family: $font-montserrat;
}
textarea {
@ -31,7 +31,7 @@ textarea {
}
input {
font-family: 'Montserrat', sans-serif;
font-family: $font-montserrat;
}
.btn {
@ -91,7 +91,6 @@ input {
margin-bottom: 90px;
}
//margin-top
.mt-5 {
margin-top: 5px;
@ -231,10 +230,10 @@ input {
height: 48px;
display: inline-block;
box-sizing: border-box;
border-top: solid 6px #bababa;
border-right: solid 6px #bababa;
border-bottom: solid 6px #bababa;
border-left: solid 6px #bababa;
border-top: solid 6px $spnr-color;
border-right: solid 6px $spnr-color;
border-bottom: solid 6px $spnr-color;
border-left: solid 6px $spnr-color;
position: absolute;
top: 0;
left: 0;
@ -473,7 +472,7 @@ input {
margin-right: 10px;
text-transform: uppercase;
text-align: left;
box-shadow: 1px 1px 0px #ccc;
box-shadow: 1px 1px 0px $shadow-color;
}
.add-to-wishlist {
@ -488,13 +487,13 @@ input {
.sticker {
border-radius: 100px;
position: absolute;
top: 10px;
left: 10px;
top: 20px;
left: 20px;
text-transform: uppercase;
padding: 4px 13px;
font-size: 14px;
color: $btn-background-color;
box-shadow: 1px 1px 1px #cccccc;
box-shadow: 1px 1px 1px $shadow-color1;
&.sale {
background: $disc-price;
@ -507,7 +506,7 @@ input {
}
.product-card:hover {
outline: 1px solid #eaeaec;
outline: 1px solid $outline-hvr;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-webkit-box-shadow: 0px 2px 16px 4px rgba(40, 44, 63, 0.07);
-moz-box-shadow: 0px 2px 16px 4px rgba(40, 44, 63, 0.07);
@ -606,7 +605,7 @@ input {
margin-bottom: 20px;
.featured-separator {
color: lightgray;
color: $ltgray;
}
}
}
@ -841,7 +840,7 @@ section.slider-block {
.right-content-menu {
> li {
display: inline-block;
border-right: 2px solid #c7c7c7;
border-right: 2px solid $border-color;
cursor: pointer;
padding: 0 15px;
min-height: 26px;
@ -889,7 +888,7 @@ section.slider-block {
display: block;
a {
color: #333333;
color: $listcolor;
}
}
}
@ -1902,7 +1901,7 @@ section.product-detail {
.swatch-container {
margin-top: 10px;
display: inline-block;
.swatch {
display: inline-block;
margin-right: 5px;
@ -1913,7 +1912,7 @@ section.product-detail {
min-width: 38px;
height: 38px;
float: left;
border: 1px solid #C7C7C7;
border: 1px solid $border-color;
border-radius: 3px;
line-height: 36px;
text-align: center;
@ -1924,14 +1923,14 @@ section.product-detail {
img {
width: 38px;
height: 38px;
border: 1px solid #C7C7C7;
border: 1px solid $border-color;
border-radius: 3px;
cursor: pointer;
background: rgb(242, 242, 242);
}
input:checked + span, input:checked + img {
border: 1px solid #242424;
border: 1px solid $font-color;
}
input {
@ -2082,7 +2081,7 @@ section.product-detail {
}
.reviewer-details {
color: #5e5e5e;
color: $review-details;
}
}
@ -3452,7 +3451,7 @@ section.review {
}
tr {
border: 1px solid #C7C7C7;
border: 1px solid $border-color;
}
}
}
@ -3501,7 +3500,7 @@ section.review {
div.right-content {
.right-content-menu {
> li {
border-right: 2px solid #c7c7c7;
border-right: 2px solid $border-color;
padding: 0 15px 0 15px;
&:last-child {