update alert added

master
mahdi andalib 3 years ago
parent 8222cee481
commit 446c9b7d81
  1. 1
      src/App.css
  2. 9
      src/App.css.map
  3. 75
      src/App.js
  4. 3
      src/App.scss
  5. 321
      src/components/Alert/index.css
  6. 9
      src/components/Alert/index.css.map
  7. 21
      src/components/Alert/index.js
  8. 94
      src/components/Alert/index.scss
  9. 12
      src/components/Blogs/design2/BlogDesign2.css
  10. 9
      src/components/Blogs/design2/BlogDesign2.css.map
  11. 1
      src/components/Chart/SimpleBarChart/index.css
  12. 9
      src/components/Chart/SimpleBarChart/index.css.map
  13. 12
      src/components/ProductImage/index.css
  14. 9
      src/components/ProductImage/index.css.map
  15. 12
      src/components/Sidebar/SidebarDesign2/index.css
  16. 9
      src/components/Sidebar/SidebarDesign2/index.css.map
  17. 12
      src/components/Sidebar/SidebarMenu/index.css
  18. 9
      src/components/Sidebar/SidebarMenu/index.css.map
  19. 57
      src/components/Switch/index.css
  20. 9
      src/components/Switch/index.css.map
  21. 1
      src/components/bookDesign/BookDesign.css
  22. 9
      src/components/bookDesign/BookDesign.css.map
  23. 1
      src/components/buttonDesign/ButtonDesign.css
  24. 9
      src/components/buttonDesign/ButtonDesign.css.map
  25. 10
      src/components/contactInfoSection/ContactInfoSection.css
  26. 9
      src/components/contactInfoSection/ContactInfoSection.css.map
  27. 1
      src/components/counterDesign/CounterDesign.css
  28. 9
      src/components/counterDesign/CounterDesign.css.map
  29. 10
      src/components/footer/design1/FooterDesign1.css
  30. 9
      src/components/footer/design1/FooterDesign1.css.map
  31. 1
      src/components/productDesign/ProductDesign.css
  32. 9
      src/components/productDesign/ProductDesign.css.map
  33. 1
      src/components/productTags/ProductTags.css
  34. 9
      src/components/productTags/ProductTags.css.map
  35. 8
      src/components/starRating/StarRating.css
  36. 9
      src/components/starRating/StarRating.css.map
  37. 5
      src/components/vodProductDesign/VodProductDesign.css
  38. 9
      src/components/vodProductDesign/VodProductDesign.css.map
  39. 23
      src/index.css
  40. 10
      src/index.css.map
  41. 11
      src/index.scss

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=App.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"App.scss"
],
"names": [],
"file": "App.css"
}

@ -19,7 +19,6 @@ import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
import FooterDesign1 from "./components/footer/design1/FooterDesign1";
import Testttt from "./components/testtttt/Testttt";
import Test2 from "./components/Test2/";
import Design2D from "./components/Design2D/Design2D";
import Features from "./components/Features/index";
import Feedback from "./components/Feedback/index";
@ -50,45 +49,45 @@ function App() {
return (
<Provider store={store}>
<div className="App">
<ProductDesign />
<VodProductDesign />
{/* <ProductDesign /> */}
{/* <VodProductDesign /> */}
{/* <VodProduct /> */}
<VodProductNew />
<BookDesign />
<ButtonDesign />
<ProductTags />
<CounterDesign />
<BlogDesign1 />
<BlogDesign2 />
<BlogDesign3 />
<BlogDesign4 />
<BlogDesign5 />
<BlogDesign6 />
<HeaderDesign1 />
<ContactInfoSection />
<FooterDesign1 />
<Testttt />
<Design2D />
<Features />
<Feedback />
{/* <VodProductNew /> */}
{/* <BookDesign /> */}
{/* <ButtonDesign /> */}
{/* <ProductTags /> */}
{/* <CounterDesign /> */}
{/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */}
{/* <BlogDesign3 /> */}
{/* <BlogDesign4 /> */}
{/* <BlogDesign5 /> */}
{/* <BlogDesign6 /> */}
{/* <HeaderDesign1 /> */}
{/* <ContactInfoSection /> */}
{/* <FooterDesign1 /> */}
{/* <Testttt /> */}
{/* <Design2D /> */}
{/* <Features /> */}
{/* <Feedback /> */}
<Alert />
<Toast />
<ProductSuggestion />
<ProductImage />
<ProductTab />
<ProductStatusCard />
<AdvertisementDesign1 />
<AdvertisementDesign2 />
<AdvertisementDesign3 />
<CourseChapter />
<SidebarMenu />
<SidebarDesign2 />
<SimpleBarChart />
<SpecifiedDomainRadarChart />
<Design1 />
<Design2 />
<TableDesign1 />
<ReactTable2 />
{/* <Toast /> */}
{/* <ProductSuggestion /> */}
{/* <ProductImage /> */}
{/* <ProductTab /> */}
{/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */}
{/* <AdvertisementDesign3 /> */}
{/* <CourseChapter /> */}
{/* <SidebarMenu /> */}
{/* <SidebarDesign2 /> */}
{/* <SimpleBarChart /> */}
{/* <SpecifiedDomainRadarChart /> */}
{/* <Design1 /> */}
{/* <Design2 /> */}
{/* <TableDesign1 /> */}
{/* <ReactTable2 /> */}
</div>
</Provider>
);

@ -1,3 +0,0 @@
* {
direction: rtl;
}

@ -0,0 +1,321 @@
@charset "UTF-8";
.swal2-container.swal2-center > .swal2-popup {
border: solid 2px #707070 !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس تمامی تایتل ها */
.swal2-title {
text-align: right !important;
font-size: 20px !important;
padding: 15px !important;
font-weight: 400 !important;
margin-top: -4px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس متن داخل الرت باکس */
.swal2-html-container {
text-align: justify !important;
line-height: 1.8 !important;
color: #646464 !important;
font-size: 16px !important;
}
/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
.swal2-rtl .swal2-close {
width: 31px !important;
height: 30px !important;
margin-top: 11px;
margin-left: 24px !important;
padding: 0;
border-radius: 5px;
cursor: pointer;
-ms-grid-column-align: end;
justify-self: end;
font-size: 33px !important;
border-radius: 4px !important;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
z-index: 2;
}
/* ? کلاس کانفرم باتن */
.swal2-styled.swal2-confirm {
-webkit-transition: all 0.4s !important;
transition: all 0.4s !important;
outline: none !important;
}
/* ? کلاس هاور کانفرم باتن */
.swal2-styled.swal2-confirm:hover {
-webkit-transform: translateY(-5px) !important;
transform: translateY(-5px) !important;
}
/* ? کلاس کنسل باتن */
.swal2-styled.swal2-cancel {
-webkit-transition: all 0.4s !important;
transition: all 0.4s !important;
}
/* ? کلاس هاور کنسل باتن */
.swal2-styled.swal2-cancel:hover {
-webkit-transform: translateY(-5px) !important;
transform: translateY(-5px) !important;
}
/* ? ایکن اررور */
.swal2-icon.swal2-error {
border-color: #e92424 !important;
color: #e92424 !important;
}
.title-error-1 {
color: #06bace !important;
background-color: #dfe6e9 !important;
}
.eroorr:focus {
outline: none !important;
-webkit-box-shadow: 0px 0px 0px black !important;
box-shadow: 0px 0px 0px black !important;
border: 0px !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-1 {
background-color: #06bace !important;
color: #fff !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-1:hover {
background-color: var(--white) !important;
color: #06bace !important;
border: solid 2px #06bace !important;
}
/* ? کانفرم باتن */
.confirm-button-1 {
background-color: var(--white) !important;
border: solid 2px var(--error-color1) !important;
color: var(--error-color1) !important;
text-align: left !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-1:hover {
background-color: var(--error-color1) !important;
color: var(--white) !important;
}
/* !error 2 */
/* ? کنسل باتن */
.cancle-button1 {
background-color: var(--error-color1) !important;
color: var(--white) !important;
border: solid 2px var(--error-color1) !important;
}
/* ? هاور کنسل باتن */
.cancle-button1:hover {
background-color: var(--white) !important;
color: var(--error-color1) !important;
}
/* !error3 */
/* ? تایتل */
.title-error-2 {
color: var(--error-color2) !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-2 {
background-color: var(--error-color2) !important;
color: var(--white) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-2:hover {
background-color: var(--white) !important;
color: var(--error-color2) !important;
border: solid 4px var(--error-color2) !important;
}
/* ? کانفرم باتن */
.confirm-button-2 {
background-color: var(--white) !important;
border: solid 2px var(--error-color2) !important;
color: var(--error-color2) !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-2:hover {
background-color: var(--error-color2) !important;
color: var(--white) !important;
}
/* ? کنسل باتن */
.cancle-button2 {
background-color: var(--error-color2) !important;
color: var(--white) !important;
border: solid 2px var(--error-color2) !important;
}
/* ? هاور کنسل باتن */
.cancle-button2:hover {
background-color: var(--white) !important;
color: var(--error-color2) !important;
}
/* !error4 */
/* ? تایتل */
.title-error-4 {
text-align: center !important;
color: var(--error-color2) !important;
}
.alert-popup4 {
width: 440px !important;
}
/* !error5 */
/* ? کانفرم باتن */
.confirm-button-5 {
background-color: var(--error-color2) !important;
margin-top: -81px !important;
margin-left: -260px !important;
padding: 12px 15px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
/* ? اینپوت فیلد */
.input-error-5 {
width: 70% !important;
height: 47px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/* !error6 */
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-6 {
color: var(--error-color1) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-6:hover {
background-color: var(--error-color1) !important;
color: var(--white) !important;
border: solid 4px var(--error-color1) !important;
}
/* !error7 */
/* ? تایتل */
.title-error-7 {
color: var(--error-color7) !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-7 {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-7:hover {
background-color: var(--white) !important;
color: var(--error-color7) !important;
border: solid 4px var(--error-color7-button) !important;
}
/* ? کانفرم باتن */
.confirm-button-7 {
background-color: var(--white) !important;
border: solid 2px var(--error-color7-button) !important;
color: var(--error-color7) !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-7:hover {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
}
/* ? کنسل باتن */
.cancle-button7 {
background-color: var(--error-color7-button) !important;
color: var(--white) !important;
border: solid 2px var(--error-color7-button) !important;
}
/* ? هاور کنسل باتن */
.cancle-button7:hover {
background-color: var(--white) !important;
color: var(--error-color7-button) !important;
}
/* !error8 */
.title-error-8 {
color: var(--error-color7-button) !important;
text-align: center !important;
}
.alert-popup8 {
width: 440px !important;
}
/* !error9 */
.title-error-9 {
color: var(--white) !important;
}
.alert-popup9 {
background-color: var(--error-color2) !important;
border-color: var(--error-color2) !important;
}
.close-button-9 {
background-color: var(--toast-bg-success) !important;
color: var(--toast-success-color) !important;
}
.confirm-button-9 {
background-color: #35bb20 !important;
}
.cancle-button9 {
background-color: var(--white) !important;
color: var(--error-color2) !important;
}
.footer-error-9 a {
color: var(--white) !important;
border-bottom-color: var(--white) !important;
font-size: 18px !important;
}
/* !error10 */
.alert-popup10 {
background-color: var(--error-color7-button) !important;
border-color: var(--error-color7-button) !important;
}
.close-button-10 {
background-color: #fd6a6a !important;
color: var(--white) !important;
}
.confirm-button-10 {
background-color: #bb2020 !important;
}
.cancle-button10 {
background-color: var(--white) !important;
color: var(--error-color7-button) !important;
}
/*# sourceMappingURL=index.css.map */

File diff suppressed because one or more lines are too long

@ -7,9 +7,10 @@ import { connect } from "react-redux";
function Alert(props) {
return (
<div className="">
<h2 className="mt-4 mx-7 bg-pink-600 rounded p-4 text-center text-white">inside Alert Components</h2>
{/* 1 */}
<button
className="bg-red-600 p-4 rounded text-white "
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "اررور شماره 1",
@ -29,7 +30,7 @@ function Alert(props) {
</button>
{/* 2 */}
<button
className="bg-red-600"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "اررور شماره 1",
@ -51,7 +52,7 @@ function Alert(props) {
</button>
{/* 3 */}
<button
className="bg-red-600"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "اررور شماره 1",
@ -73,7 +74,7 @@ function Alert(props) {
</button>
{/* 4 */}
<button
className="bg-red-600"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
icon: "success",
@ -96,7 +97,7 @@ function Alert(props) {
</button>
{/* 5 */}
<button
className="bg-red-600"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
input: "email",
@ -122,7 +123,7 @@ function Alert(props) {
</button>
{/* 6 */}
<button
className="bg-red-600"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "اررور شماره 1",
@ -142,7 +143,7 @@ function Alert(props) {
</button>
{/* 7 */}
<button
className="bg-red-500"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "اررور شماره 1",
@ -164,7 +165,7 @@ function Alert(props) {
</button>
{/* 8 */}
<button
className="bg-red-500"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
icon: "error",
@ -187,7 +188,7 @@ function Alert(props) {
</button>
{/* 9 */}
<button
className="bg-red-500"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "این ارور بسیار مهم ",
@ -212,7 +213,7 @@ function Alert(props) {
</button>
{/* 10 */}
<button
className="bg-red-500"
className="bg-red-600 p-4 rounded text-white m-4"
onClick={() =>
props.customAlert({
title: "این ارور بسیار مهم ",

@ -1,55 +1,105 @@
/* TODO common styles */
// varibale Colors
// ? common colors:
$alertBorderClr: #707070;
$alertContentColor: #646464;
$white: #fff;
// $BgHeaderColor
// ? bluee alert Box , error1
$lightBlue: #06bace;
$darkRed: #e92424;
$headerBgClr: #dfe6e9;
// $errorcolor1: #06bace;
// $errorcolor2: #3ee924;
// $errorcolor7: #c70000;
// $errorcolor7button: #e92424;
// $white: #fff;
// $black: #000;
// $contentcolor: #646464;
// $toastbgerror: #ffeaea;
// $toastbgsuccess: #c3ffb9;
// $toastsuccesscolor: #21ae0b;
// ! common styles
// alert box
.swal2-container.swal2-center > .swal2-popup {
border: solid 2px #707070 !important;
padding: 10px !important;
border: solid 2px $alertBorderClr !important;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس تمامی تایتل ها */
.swal2-title {
text-align: right !important;
font-size: 26px !important;
font-size: 20px !important;
padding: 15px !important;
font-weight: 400 !important;
margin-top: -4px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
}
/* ? کلاس متن داخل الرت باکس */
.swal2-html-container {
text-align: justify !important;
line-height: 1.8 !important;
color: red !important;
font-weight: 600 !important;
color: $alertContentColor !important;
font-size: 16px !important;
}
/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
.swal2-rtl .swal2-close {
border-radius: 10px !important;
margin-left: 10px !important;
margin-top: 13px !important;
transition: all 0.4s !important;
width: 31px !important;
height: 30px !important;
margin-top: 11px;
margin-left: 24px !important;
padding: 0;
border-radius: 5px;
cursor: pointer;
justify-self: end;
font-size: 33px !important;
border-radius: 4px !important;
transition: all 0.2s !important;
z-index: 2;
}
/* ? کلاس کانفرم باتن */
.swal2-styled.swal2-confirm {
transition: all 0.4s !important;
outline: none !important;
}
/* ? کلاس هاور کانفرم باتن */
.swal2-styled.swal2-confirm:hover {
transform: translateY(-5px) !important;
}
/* ? کلاس کنسل باتن */
.swal2-styled.swal2-cancel {
transition: all 0.4s !important;
}
/* ? کلاس هاور کنسل باتن */
.swal2-styled.swal2-cancel:hover {
transform: translateY(-5px) !important;
}
/* ? ایکن اررور */
.swal2-icon.swal2-error {
border-color: var(--error-color7-button) !important;
color: var(--error-color7-button) !important;
border-color: $darkRed !important;
color: $darkRed !important;
}
/* !error 1 */
/* به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود */
/* TODO باکس اول از سمت راست در فایل پی اس دی */
/* ? تایتل */
// ? error 1 lightBlue
// به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود
// TODO باکس اول از سمت راست در فایل پی اس دی
// ? تایتل
.title-error-1 {
color: var(--error-color1) !important;
color: $lightBlue !important;
background-color: $headerBgClr !important;
}
.eroorr:focus {
@ -57,16 +107,18 @@
box-shadow: 0px 0px 0px black !important;
border: 0px !important;
}
/* ? دکمه ضربدر بالا سمت چپ */
.close-button-1 {
background-color: var(--error-color1) !important;
color: var(--white) !important;
background-color: $lightBlue !important;
color: $white !important;
}
/* ? هاور دکمه ضربدر بالا سمت چپ */
.close-button-1:hover {
background-color: var(--white) !important;
color: var(--error-color1) !important;
border: solid 4px var(--error-color1) !important;
color: $lightBlue !important;
border: solid 2px $lightBlue !important;
}
/* ? کانفرم باتن */
.confirm-button-1 {

@ -0,0 +1,12 @@
.child-text {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.parent:hover .child-text {
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateY(-7px) !important;
transform: translateY(-7px) !important;
}
/*# sourceMappingURL=BlogDesign2.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,WAAW,CAAC;EACV,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,OAAO,AAAA,MAAM,CAAC,WAAW,CAAC;EACxB,UAAU,EAAE,QAAQ;EACpB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
"sources": [
"BlogDesign2.scss"
],
"names": [],
"file": "BlogDesign2.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=index.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"index.scss"
],
"names": [],
"file": "index.css"
}

@ -0,0 +1,12 @@
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
/*# sourceMappingURL=index.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
"sources": [
"index.scss"
],
"names": [],
"file": "index.css"
}

@ -0,0 +1,12 @@
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
/*# sourceMappingURL=index.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
"sources": [
"index.scss"
],
"names": [],
"file": "index.css"
}

@ -0,0 +1,12 @@
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
/*# sourceMappingURL=index.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,aAAa,AAAA,mBAAmB,CAAC;EAC/B,OAAO,EAAE,IAAI;CACd;;AAED,6CAA6C;AAC7C,AAAA,aAAa,CAAC;EACZ,kBAAkB,EAAE,IAAI;EAAE,iBAAiB;EAC3C,eAAe,EAAE,IAAI;EAAE,aAAa;CACrC",
"sources": [
"index.scss"
],
"names": [],
"file": "index.css"
}

@ -0,0 +1,57 @@
.switch {
position: relative;
}
.switch input[type="checkbox"] {
visibility: hidden;
position: absolute;
}
.switch input[type="checkbox"]:checked + label {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
background-color: #000;
}
.switch input[type="checkbox"]:checked + label:before {
-webkit-transform: translateX(35.5px);
transform: translateX(35.5px);
background-color: #fff;
}
.switch label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 70px;
height: 34px;
border: 3px solid;
border-radius: 99em;
position: relative;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
cursor: pointer;
}
.switch label:before {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
content: "";
display: block;
position: absolute;
width: 24px;
height: 24px;
background-color: #000;
border-radius: 50%;
top: 2px;
left: 3px;
}
/*# sourceMappingURL=index.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAWA,AAAA,OAAO,CAAC;EACP,QAAQ,EAAE,QAAQ;CAuClB;;AAxCD,AAEE,OAFK,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,EAAiB;EACrB,UAAU,EAAE,MAAM;EACrB,QAAQ,EAAG,QAAQ;CASjB;;AAbH,AAKI,OALG,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CAGH,QAAQ,GAAG,KAAK,CAAC;EAChB,SAAS,EAAE,YAAY;EACvB,gBAAgB,EAAE,IAAI;CAKvB;;AAZL,AAQM,OARC,CAEL,KAAK,CAAA,AAAA,IAAC,CAAK,UAAU,AAAf,CAGH,QAAQ,GAAG,KAAK,AAGd,OAAO,CAAC;EACP,SAAS,EAAE,kBAAkB;EAC7B,gBAAgB,EAAE,IAAI;CACvB;;AAXP,AAeE,OAfK,CAeL,KAAK,CAAC;EACJ,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,SAAS;EACjB,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,0BAA0B;EACtC,gBAAgB,EAAE,OAAO;EACzB,MAAM,EAAE,OAAO;CAehB;;AAvCH,AA0BI,OA1BG,CAeL,KAAK,AAWF,OAAO,CAAC;EACP,UAAU,EAAE,mBAAmB;EAC/B,gBAAgB,EAAE,EAAE;EACpB,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,gBAAgB,EAAE,IAAI;EACtB,aAAa,EAAE,GAAG;EAClB,GAAG,EAAE,GAAG;EACR,IAAI,EAAE,GAAG;CACV",
"sources": [
"index.scss"
],
"names": [],
"file": "index.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=BookDesign.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"BookDesign.scss"
],
"names": [],
"file": "BookDesign.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=ButtonDesign.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"ButtonDesign.scss"
],
"names": [],
"file": "ButtonDesign.css"
}

@ -0,0 +1,10 @@
.customer-support {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.customer-support:hover {
-webkit-transform: translateY(-7px) !important;
transform: translateY(-7px) !important;
}
/*# sourceMappingURL=ContactInfoSection.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,iBAAiB,CAAC;EAChB,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,iBAAiB,AAAA,MAAM,CAAC;EACtB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
"sources": [
"ContactInfoSection.scss"
],
"names": [],
"file": "ContactInfoSection.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=CounterDesign.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"CounterDesign.scss"
],
"names": [],
"file": "CounterDesign.css"
}

@ -0,0 +1,10 @@
.footer-items {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.footer-items:hover {
-webkit-transform: translateY(-2px) !important;
transform: translateY(-2px) !important;
}
/*# sourceMappingURL=FooterDesign1.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,aAAa,CAAC;EACZ,UAAU,EAAE,QAAQ;CACrB;;AACD,AAAA,aAAa,AAAA,MAAM,CAAC;EAClB,SAAS,EAAE,gBAAgB,CAAC,UAAU;CACvC",
"sources": [
"FooterDesign1.scss"
],
"names": [],
"file": "FooterDesign1.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=ProductDesign.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"ProductDesign.scss"
],
"names": [],
"file": "ProductDesign.css"
}

@ -0,0 +1 @@
/* No CSS *//*# sourceMappingURL=ProductTags.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "",
"sources": [
"ProductTags.scss"
],
"names": [],
"file": "ProductTags.css"
}

@ -0,0 +1,8 @@
.on {
color: #ffbd35;
}
.off {
color: #ccc;
}
/*# sourceMappingURL=StarRating.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,GAAG,CAAC;EACF,KAAK,EAAE,OAAO;CACf;;AACD,AAAA,IAAI,CAAC;EACH,KAAK,EAAE,IAAI;CACZ",
"sources": [
"StarRating.scss"
],
"names": [],
"file": "StarRating.css"
}

@ -0,0 +1,5 @@
.playBtnImg {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
/*# sourceMappingURL=VodProductDesign.css.map */

@ -0,0 +1,9 @@
{
"version": 3,
"mappings": "AAAA,AAAA,WAAW,CAAC;EACV,UAAU,EAAE,QAAQ;CACrB",
"sources": [
"VodProductDesign.scss"
],
"names": [],
"file": "VodProductDesign.css"
}

@ -0,0 +1,23 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@font-face {
font-family: "iransans-medium";
src: url(./assets/fonts/iransans/ttf/IRANSansWeb_Medium.ttf);
}
body {
font-family: iransans-medium;
direction: rtl;
background-color: #f5f5f5;
}
.comment-num {
font-size: 8px;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 4px;
border-radius: 50%;
}
/*# sourceMappingURL=index.css.map */

@ -0,0 +1,10 @@
{
"version": 3,
"mappings": "AAAA,SAAS,CAAT,IAAS;AACT,SAAS,CAAT,UAAS;AACT,SAAS,CAAT,SAAS;AAIT,UAAU;EACR,WAAW,EAAE,iBAAiB;EAC9B,GAAG,EAAE,uDAAuD;;;AAG9D,AAAA,IAAI,CAAC;EACH,WAAW,EAAE,eAAe;EAC5B,SAAS,EAAE,GAAG;EACd,gBAAgB,EAAE,OAAO;CAC1B;;AAED,AAAA,YAAY,CAAC;EACX,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,GAAG;EACnB,YAAY,EAAE,GAAG;EACjB,aAAa,EAAE,GAAG;EAClB,aAAa,EAAE,GAAG;CACnB",
"sources": [
"index.scss",
"components/productDesign/ProductDesign.scss"
],
"names": [],
"file": "index.css"
}

@ -23,14 +23,3 @@ body {
padding-right: 4px;
border-radius: 50%;
}
// $errorcolor1: #06bace;
// $errorcolor2: #3ee924;
// $errorcolor7: #c70000;
// $errorcolor7button: #e92424;
// $white: #fff;
// $black: #000;
// $contentcolor: #646464;
// $toastbgerror: #ffeaea;
// $toastbgsuccess: #c3ffb9;
// $toastsuccesscolor: #21ae0b;

Loading…
Cancel
Save