rahul.katari/anwisystems
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Rahul Katari
2024-03-15 16:26:27 +05:30
commit 381106cbe5
1046 changed files with 285998 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
enterprise/assets/sass/components/slider/_blog-slider.scss
+78
View File
@@ -0,0 +1,78 @@
/*******************************
blog-init
*******************************/
.blog-init {
.slick-list {
margin: 0 -15px;
.slick-slide {
padding: 0 15px;
}
}
}
.blog-thumb {
img {
width: 100%;
}
}
.blog-post-content {
.title {
font-size: 16px;
font-weight: fontweight(semi-bold);
text-transform: capitalize;
}
.sub-title {
text-transform: capitalize;
font-size: 14px;
a {
&:hover {
text-decoration: underline;
}
}
}
.text {
margin-bottom: 15px;
}
.read-more {
font-size: 14px;
text-transform: capitalize;
display: inline-block;
color: $theme-color;
&:hover {
text-decoration: underline;
}
}
.separator {
margin: 0 5px;
}
}
.blog-link {
font-weight: 600;
font-size: 12px;
color: $theme-color;
&:hover {
text-decoration: underline;
}
}
.blog-links {
li {
margin-bottom: 5px;
a {
color: $tab-menu-color;
}
&:hover {
a {
color: $theme-color;
}
}
}
}
/*******************************
blog-init End
*******************************/
enterprise/assets/sass/components/slider/_brand-slider.scss
+32
View File
@@ -0,0 +1,32 @@
/********************************
brand section
********************************/
.brand-init {
&.border-top {
border-color: $border-color !important;
}
.slick-list {
margin: 0 -15px;
.slick-slide {
padding: 0 15px;
}
}
}
.single-brand {
a {
img {
display: block;
margin: 0 auto;
}
&:hover img {
@include transform(scale(1.045) rotate(0.05deg));
}
}
}
/********************************
brand section End
********************************/
enterprise/assets/sass/components/slider/_featured-slider.scss
+36
View File
@@ -0,0 +1,36 @@
/********************************
# featured section
********************************/
.featured-init {
.product-thumbnail {
img {
max-width: 120px;
}
}
.product-desc {
padding: 0 15px;
}
}
.featured-init2 {
.product-thumbnail {
img {
max-width: 120px;
@include max-screen(480, 767) {
max-width: 100px;
}
}
}
}
.featured-init {
.product-thumbnail {
width: auto;
}
}
/********************************
# featured section End
********************************/
enterprise/assets/sass/components/slider/_main-slider.scss
+109
View File
@@ -0,0 +1,109 @@
/********************************
Main Slider
********************************/
.slick-slider {
background: transparent;
}
.slider-height {
height: 855px;
@include max-screen(1200, 1400) {
height: 595px;
}
@include max-screen(992, 1199) {
height: 595px;
}
@include max-screen(768, 991) {
height: 450px;
}
@include max-screen(767) {
height: 300px;
}
@include max-screen(576, 767) {
height: 450px;
}
}
.slider-height2 {
height: 714px;
@include max-screen(1200, 1400) {
height: 600px;
}
@include max-screen(992, 1199) {
height: 480px;
}
@include max-screen(768, 991) {
height: 400px;
}
@include max-screen(767) {
height: 300px;
}
@include max-screen(576, 767) {
height: 350px;
}
}
.slider-content-width {
max-width: 52%;
@include max-screen(768, 1500) {
max-width: 52%;
}
@include max-screen(576) {
max-width: 100%;
}
}
.slider-content {
.title {
font-weight: 400;
font-size: 65px;
text-transform: capitalize;
span {
opacity: 0;
}
@include max-screen(1200, 1600) {
font-size: 50px;
}
@include max-screen(992, 1199) {
font-size: 45px;
}
@include max-screen(768, 991) {
font-size: 35px;
}
@include max-screen(767) {
font-size: 30px;
}
}
.text {
font-size: 20px;
color: $color-dark;
text-transform: uppercase;
margin-bottom: 15px;
opacity: 0;
@include max-screen(768, 991) {
font-size: 16px;
}
@include max-screen(767) {
font-size: 18px;
}
&.mb-25 {
@include max-screen(767) {
margin-bottom: 15px;
}
}
}
.btn {
opacity: 0;
&.mt-45 {
@include max-screen(767) {
margin-top: 30px;
}
}
}
}
/********************************
# main slider End
********************************/
enterprise/assets/sass/components/slider/_popular-slider.scss
+62
View File
@@ -0,0 +1,62 @@
/********************************
popular Slider
********************************/
.popular-slider-init {
.slick-list {
padding: 20px 0px;
margin: 0 -15px;
.slick-slide {
padding: 0 15px;
}
}
}
.popular-card {
text-align: center;
background: $color-white;
border: 0;
box-shadow: 0 0 11.83px 1.17px rgba(0,0,0,.06);
@include border-radius(0px);
.card-body {
padding: 20px;
.thumb-naile{
display: block;
overflow: hidden;
}
.popular-title {
text-transform: uppercase;
padding: 20px 0px 0px;
font-weight: 600;
font-size: 14px;
a{
display: block;
}
}
}
}
// theme1
.theme1 {
.popular-card {
text-align: center;
.card-body {
.popular-title {
a {
&:hover {
color: $theme-color;
}
}
}
}
}
}
/********************************
popular Slider ENd
********************************/
enterprise/assets/sass/components/slider/_product-slider.scss
+36
View File
@@ -0,0 +1,36 @@
/********************************
product Slider
********************************/
.product-slider-init {
.slick-list {
padding: 15px 0;
margin: -15px;
.slick-slide {
padding: 0 15px;
}
}
}
.product-slider-new {
.slick-list {
padding: 15px 0;
margin: -15px;
.slick-slide {
padding: 0 15px;
}
}
}
.product-slider2-init {
.slick-list {
padding: 15px 0;
margin: -15px;
.slick-slide {
padding: 0 15px;
}
}
}
/********************************
product Slider End
********************************/
enterprise/assets/sass/components/slider/_single-product-sync-nav.scss
+50
View File
@@ -0,0 +1,50 @@
/********************************
countdown-sync-nav Slider
********************************/
.countdown-sync-nav {
max-width: 80%;
margin: auto;
}
// theme1
.theme1 {
.product-sync-nav {
// max-width: 90%;
margin: 0 auto;
.slick-slide {
padding: 0 5px;
.product-thumb {
border: 1px solid transparent;
&:hover {
border-color: $theme-color;
}
img {
width: 100%;
}
}
&.slick-current {
.product-thumb {
border-color: $theme-color;
}
}
}
}
}
.has-opacity {
.slick-slide {
img {
opacity: 0.3;
}
&.slick-current.slick-active {
img {
opacity: 1;
}
}
}
}
/********************************
countdown-sync-nav Slider End
********************************/
enterprise/assets/sass/components/slider/_single-product-sync.scss
+105
View File
@@ -0,0 +1,105 @@
/********************************
product-ctry-init
********************************/
.product-ctry-init {
.product-desc {
.title {
font-size: 18px;
line-height: 20px;
@include max-screen(576) {
font-size: 15px;
}
}
}
.product-price {
.del {
font-size: 19px;
}
.onsale {
font-size: 24px;
}
}
}
.availability {
p {
font-size: 14px;
text-transform: capitalize;
color: $instock;
}
span {
&.in-stock {
font-weight: fontweight(regular);
color: $theme-color3;
}
}
}
.hot-deal {
.title {
font-weight: fontweight(medium);
font-size: 30px;
}
}
/* clockdiv css */
.clockdiv {
.title {
font-size: 14px;
color: $body-color;
line-height: 18px;
max-width: 100px;
margin-right: 15px;
@include max-screen(767) {
max-width: 100%;
margin: 0 auto 15px;
text-align: center;
}
}
line-height: 1;
margin-top: 20px;
span {
display: inline-block;
padding: 0 10px;
text-align: center;
color: $color-dark;
position: relative;
font-weight: fontweight(medium);
font-size: 22px;
@include max-screen(768, 991) {
font-size: 18px;
}
&::after {
position: absolute;
top: 0;
left: -4px;
content: ":";
}
&:first-child {
&::after {
display: none;
}
}
p {
font-size: 12px;
margin: 5px 0 0;
color: $color-dark;
font-weight: fontweight(regular);
}
}
}
.product-sync-init {
.product-thumb {
img {
width: 100%;
display: block;
margin: 0 auto;
}
}
}
/********************************
product-ctry-init ENd
********************************/
enterprise/assets/sass/components/slider/_slick_arrow_dots-style.scss
+275
View File
@@ -0,0 +1,275 @@
/********************************
slick arrow style
********************************/
.slick-arrow {
position: absolute;
height: 50px;
width: 50px;
top: 50%;
border: 0px;
background: $color-dark;
color: $color-white;
text-align: center;
z-index: 1;
font-size: 14px;
line-height: 50px;
@include transform(translateY(-50%));
@include border-radius(50%);
}
.main-slider {
.slick-prev {
left: 40px;
background: $color-dark;
color: $color-white;
opacity: 0;
visibility: hidden;
}
.slick-next {
right: 40px;
background: $color-dark;
color: $color-white;
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-arrow {
opacity: 1;
visibility: visible;
}
}
}
// slick-nav
.slick-nav {
.slick-prev {
left: -25px;
@include max-screen(1199) {
left: 0px;
}
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-prev {
opacity: 1;
visibility: visible;
}
}
.slick-next {
right: -25px;
@include max-screen(1199) {
right: 0px;
}
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-next {
visibility: visible;
opacity: 1;
}
}
}
// slick-nav-sync
.slick-nav-sync {
.slick-prev {
left: -15px;
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-prev {
left: 15px;
opacity: 1;
visibility: visible;
}
}
.slick-next {
right: -15px;
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-next {
right: 15px;
visibility: visible;
opacity: 1;
}
}
}
// slick-nav-brand
.slick-nav-brand {
.slick-prev {
left: -40px;
@include max-screen(1024) {
left: -15px;
}
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-prev {
opacity: 1;
visibility: visible;
}
}
.slick-next {
right: -40px;
@include max-screen(1024) {
right: -15px;
}
opacity: 0;
visibility: hidden;
}
&:hover {
.slick-next {
visibility: visible;
opacity: 1;
}
}
}
// blog-init
// .blog-init {
// .slick-prev {
// left: 0px;
// opacity: 0;
// visibility: hidden;
// }
// &:hover {
// .slick-prev {
// left: -30px;
// opacity: 1;
// visibility: visible;
// @include max-screen(1480) {
// left: -15px;
// }
// }
// }
// .slick-next {
// right: 0px;
// opacity: 0;
// visibility: hidden;
// }
// &:hover {
// .slick-next {
// right: -30px;
// @include max-screen(1480) {
// right: -15px;
// }
// visibility: visible;
// opacity: 1;
// }
// }
// }
// theme1
.theme1 .slick-arrow {
&:hover {
color: $color-white;
background: $theme-color;
border-color: $theme-color;
}
}
/* slick dots style */
.dots-style {
.slick-dots {
position: absolute;
left: 0;
bottom: 30px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
li {
line-height: 1;
button {
width: 14px;
height: 14px;
text-indent: 2000px;
font-size: 0px;
display: block;
margin: 0 5px;
@include transition(0.3s);
@include border-radius(50%);
&:hover {
@include transform(scale3d(1, 1, 1));
}
}
}
}
}
// popular-slider
.popular-slider-init {
&.dots-style {
.slick-dots {
bottom: 0px;
position: static;
margin-top: 30px;
li {
button {
width: 8px;
height: 8px;
@include transition(0.3s linear);
}
}
}
}
}
// theme1
.theme1 {
.slick-dots {
li {
button {
background: $color-dark;
&:hover {
background: $theme-color;
}
}
&.slick-active {
button {
background: $theme-color;
}
}
}
}
}
// popular-slider
// theme1
.theme1 {
.popular-slider-init {
&.dots-style {
.slick-dots {
li {
button {
background: $color-dark;
&:hover {
background: $theme-color;
}
}
&.slick-active {
button {
width: 28px;
background: $theme-color;
@include border-radius(8px);
}
}
}
}
}
}
}
/********************************
slick arrow style ENd
********************************/