feat(main): Add base theme: This is the falcon theme out of the box.
This is falcon v3.1.2
This commit is contained in:
11
falcon/_dev/css/theme/components/cart/_blockcart.scss
Normal file
11
falcon/_dev/css/theme/components/cart/_blockcart.scss
Normal file
@ -0,0 +1,11 @@
|
||||
.blockcart {
|
||||
&__dropdown {
|
||||
width: rem-calc(320px);
|
||||
min-width: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
}
|
||||
25
falcon/_dev/css/theme/components/cart/_cart-dropdown.scss
Normal file
25
falcon/_dev/css/theme/components/cart/_cart-dropdown.scss
Normal file
@ -0,0 +1,25 @@
|
||||
@use "sass:map";
|
||||
|
||||
.cart-dropdown {
|
||||
&__content {
|
||||
padding: map.get($spacers, 2) map.get($spacers, 3) map.get($spacers, 3);
|
||||
}
|
||||
|
||||
&__products {
|
||||
border-top: 1px solid $border-color;
|
||||
border-bottom: 1px solid $border-color;
|
||||
max-height: rem-calc(400px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
&__close {
|
||||
font-size: rem-calc(22px);
|
||||
color: $gray-600;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
}
|
||||
16
falcon/_dev/css/theme/components/cart/_cart-loader.scss
Normal file
16
falcon/_dev/css/theme/components/cart/_cart-loader.scss
Normal file
@ -0,0 +1,16 @@
|
||||
.cart-loader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba($white, 0.5);
|
||||
|
||||
.cart-loading & {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
26
falcon/_dev/css/theme/components/cart/_cart-products.scss
Normal file
26
falcon/_dev/css/theme/components/cart/_cart-products.scss
Normal file
@ -0,0 +1,26 @@
|
||||
@use "sass:map";
|
||||
|
||||
.cart-products {
|
||||
display: flex;
|
||||
padding-bottom: map.get($spacers, 3);
|
||||
|
||||
&:not(:first-child) {
|
||||
padding-top: map.get($spacers, 3);
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
|
||||
&__thumb {
|
||||
@include custom-col(rem-calc(80px));
|
||||
padding-right: map.get($spacers, 2);
|
||||
}
|
||||
|
||||
&__desc {
|
||||
flex: 1 1;
|
||||
padding-right: map.get($spacers, 2);
|
||||
}
|
||||
|
||||
&__remove {
|
||||
flex: 0 0;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
@use "sass:map";
|
||||
|
||||
.cart-summary-line {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@include font-size($font-size-base);
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-bottom: map.get($spacers, 2);
|
||||
}
|
||||
|
||||
&.cart-total {
|
||||
@include font-size($font-size-lg);
|
||||
}
|
||||
|
||||
.label {
|
||||
margin-right: map.get($spacers, 2);
|
||||
}
|
||||
|
||||
.value {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
5
falcon/_dev/css/theme/components/cart/_index.scss
Normal file
5
falcon/_dev/css/theme/components/cart/_index.scss
Normal file
@ -0,0 +1,5 @@
|
||||
@import "blockcart";
|
||||
@import "cart-dropdown";
|
||||
@import "cart-products";
|
||||
@import "cart-loader";
|
||||
@import "cart-summary-line";
|
||||
Reference in New Issue
Block a user