blabla
This commit is contained in:
=
parent
1e9e991876
commit
9ed92ca87f
|
|
@ -1,28 +1,31 @@
|
|||
.footer {
|
||||
background: $text-light-black;
|
||||
padding: 30px 0;
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__copyright {
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
font-weight: 400;
|
||||
color: $text-color-white;
|
||||
a(color:$text-color-white;)
|
||||
}
|
||||
&__social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-link {
|
||||
fill: $text-color-white;
|
||||
margin: 0 10px;
|
||||
@include transition;
|
||||
&:hover {
|
||||
fill: $main-color;
|
||||
}
|
||||
background: $text-light-black;
|
||||
padding: 30px 0;
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__copyright {
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
font-weight: 400;
|
||||
color: $text-color-white;
|
||||
a {
|
||||
color: $text-color-white;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
&__social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-link {
|
||||
fill: $text-color-white;
|
||||
margin: 0 10px;
|
||||
@include transition;
|
||||
&:hover {
|
||||
fill: $main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,68 +1,68 @@
|
|||
.header {
|
||||
position: relative;
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: #00822c;
|
||||
}
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 0;
|
||||
}
|
||||
&__logo {
|
||||
width: 120px;
|
||||
}
|
||||
&__search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-input {
|
||||
width: 350px;
|
||||
position: relative;
|
||||
input {
|
||||
width: calc(100% - 60px);
|
||||
font-family: "roboto";
|
||||
padding: 14px 40px 14px 20px;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-size;
|
||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
||||
border-radius: 5px;
|
||||
border: 1px solid #c9c9c9;
|
||||
&::placeholder {
|
||||
font-family: "roboto";
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-size;
|
||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
||||
position: relative;
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: #00822c;
|
||||
}
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 20px 0;
|
||||
}
|
||||
&__logo {
|
||||
width: 120px;
|
||||
}
|
||||
&__search {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&-input {
|
||||
width: 350px;
|
||||
position: relative;
|
||||
input {
|
||||
width: calc(100% - 60px);
|
||||
font-family: "roboto";
|
||||
padding: 14px 40px 14px 20px;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-size;
|
||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
||||
border-radius: 5px;
|
||||
border: 1px solid #c9c9c9;
|
||||
&::placeholder {
|
||||
font-family: "roboto";
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-size;
|
||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-btn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
@include transformY;
|
||||
svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
fill: $text-light-black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-btn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 20px;
|
||||
@include transformY;
|
||||
svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
fill: $text-light-black;
|
||||
}
|
||||
&__slogan {
|
||||
font-family: "Oswald", sans-serif;
|
||||
color: $main-color;
|
||||
font-weight: 700;
|
||||
font-size: 33px;
|
||||
line-height: 33px;
|
||||
margin-right: 20px;
|
||||
letter-spacing: -1.5px;
|
||||
}
|
||||
.hamBtn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&__slogan {
|
||||
font-family: "Oswald", sans-serif;
|
||||
color: $main-color;
|
||||
font-weight: 700;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
margin-right: 20px;
|
||||
letter-spacing: -1.5px;
|
||||
}
|
||||
.hamBtn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,18 +7,18 @@
|
|||
/// @param {String} $replace ('') - New value
|
||||
/// @return {String} - Updated string
|
||||
@function lightpick-str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace +
|
||||
lightpick-str-replace(
|
||||
str-slice($string, $index + str-length($search)),
|
||||
$search,
|
||||
$replace
|
||||
);
|
||||
}
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace +
|
||||
lightpick-str-replace(
|
||||
str-slice($string, $index + str-length($search)),
|
||||
$search,
|
||||
$replace
|
||||
);
|
||||
}
|
||||
|
||||
@return $string;
|
||||
@return $string;
|
||||
}
|
||||
|
||||
/// Split `$string` between the `$separator` characters
|
||||
|
|
@ -27,22 +27,22 @@
|
|||
/// @param {String} $separator - Substring to split on
|
||||
/// @return {List} - Split string
|
||||
@function lightpick-str-split($string, $separator) {
|
||||
$split-arr: ();
|
||||
$index: str-index($string, $separator);
|
||||
|
||||
@while $index != null {
|
||||
$item: str-slice($string, 1, $index - 1);
|
||||
|
||||
$split-arr: append($split-arr, $item);
|
||||
|
||||
$string: str-slice($string, $index + 1);
|
||||
|
||||
$split-arr: ();
|
||||
$index: str-index($string, $separator);
|
||||
}
|
||||
|
||||
$split-arr: append($split-arr, $string);
|
||||
@while $index != null {
|
||||
$item: str-slice($string, 1, $index - 1);
|
||||
|
||||
@return $split-arr;
|
||||
$split-arr: append($split-arr, $item);
|
||||
|
||||
$string: str-slice($string, $index + 1);
|
||||
|
||||
$index: str-index($string, $separator);
|
||||
}
|
||||
|
||||
$split-arr: append($split-arr, $string);
|
||||
|
||||
@return $split-arr;
|
||||
}
|
||||
|
||||
// SCSS Variables
|
||||
|
|
@ -60,9 +60,9 @@ $lightpick-day-of-week-font-size: 11px !default;
|
|||
$lightpick-day-of-week-font-weight: bold !default;
|
||||
$lightpick-day-hover-color: #e0e0e0 !default;
|
||||
$lightpick-day-hover-background-image-color: lightpick-str-replace(
|
||||
quote(#{$lightpick-day-hover-color}),
|
||||
"#",
|
||||
"%23"
|
||||
quote(#{$lightpick-day-hover-color}),
|
||||
"#",
|
||||
"%23"
|
||||
);
|
||||
$lightpick-day-hover-background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='#{$lightpick-day-hover-background-image-color}' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !default;
|
||||
$lightpick-day-disabled-opacity: 0.38 !default;
|
||||
|
|
@ -72,9 +72,9 @@ $lightpick-day-font-size: 13px !default;
|
|||
$lightpick-selected-date-color: #fff !default;
|
||||
$main-color: #268bd2 !default;
|
||||
$lightpick-selected-date-background-image-color: lightpick-str-replace(
|
||||
quote(#{$main-color}),
|
||||
"#",
|
||||
"%23"
|
||||
quote(#{$main-color}),
|
||||
"#",
|
||||
"%23"
|
||||
);
|
||||
$lightpick-selected-date-background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='#{$lightpick-selected-date-background-image-color}' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !default;
|
||||
$lightpick-selected-date-font-weight: bold !default;
|
||||
|
|
@ -105,329 +105,331 @@ $lightpick-action-close-font-size: 18px !default;
|
|||
|
||||
// Styles
|
||||
.calendar__outer {
|
||||
width: 100%;
|
||||
input {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
input {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.lightpick {
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
border-radius: $lightpick-border-radius;
|
||||
// background-color: $lightpick-background-color;
|
||||
// box-shadow: $lightpick-box-shadow;
|
||||
color: $lightpick-color;
|
||||
font-family: $lightpick-font;
|
||||
line-height: $lightpick-line-height;
|
||||
width: 100%;
|
||||
margin-bottom: 80px;
|
||||
&--inlined {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&,
|
||||
& *,
|
||||
&::after,
|
||||
&::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&__months {
|
||||
display: grid;
|
||||
background-color: $lightpick-months-background-color;
|
||||
grid-template-columns: auto;
|
||||
grid-gap: 1px;
|
||||
|
||||
@at-root .lightpick--2-columns #{&} {
|
||||
grid-template-columns: auto auto;
|
||||
}
|
||||
|
||||
@at-root .lightpick--3-columns #{&} {
|
||||
grid-template-columns: auto auto auto;
|
||||
}
|
||||
|
||||
@at-root .lightpick--4-columns #{&} {
|
||||
grid-template-columns: auto auto auto auto;
|
||||
}
|
||||
|
||||
@at-root .lightpick--5-columns #{&} {
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__month {
|
||||
width: 100%;
|
||||
background-color: $lightpick-background-color;
|
||||
|
||||
&-title-bar {
|
||||
display: flex;
|
||||
margin-bottom: $lightpick-padding;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #242424;
|
||||
position: relative;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-top: $lightpick-padding;
|
||||
margin-bottom: $lightpick-padding;
|
||||
margin-left: $lightpick-padding;
|
||||
font-size: $lightpick-title-font-size;
|
||||
font-weight: 700;
|
||||
line-height: $lightpick-title-font-size * 1.5;
|
||||
cursor: default;
|
||||
padding: 0 $lightpick-padding;
|
||||
border-radius: $lightpick-border-radius;
|
||||
|
||||
& > .lightpick__select {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
outline: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
&:disabled {
|
||||
color: $lightpick-dropdown-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
& > .lightpick__select-months {
|
||||
font-weight: $lightpick-dropdown-font-weight;
|
||||
font-size: $lightpick-dropdown-font-size;
|
||||
margin-right: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__toolbar {
|
||||
display: flex;
|
||||
// text-align: right;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__previous-action,
|
||||
&__next-action,
|
||||
&__close-action {
|
||||
display: flex;
|
||||
width: $lightpick-action-width;
|
||||
height: $lightpick-action-height;
|
||||
outline: none;
|
||||
border: none;
|
||||
background: none;
|
||||
// border-radius: 50%;
|
||||
// background-color: $lightpick-action-background-color;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&:active {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&__previous-action,
|
||||
&__next-action {
|
||||
font-size: 20px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
&__close-action {
|
||||
font-size: $lightpick-action-close-font-size;
|
||||
}
|
||||
|
||||
&__days-of-the-week {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
|
||||
&__day-of-the-week {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
font-weight: 700;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
&__days {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
|
||||
&__day {
|
||||
display: flex;
|
||||
height: $lightpick-day-size;
|
||||
padding: 10px 0;
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
font-size: $h3-size - 3px;
|
||||
line-height: $h3-height - 3px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: default;
|
||||
|
||||
&.is-today {
|
||||
background-image: $lightpick-today-background-image;
|
||||
background-size: 18.8% auto;
|
||||
background-position: center bottom;
|
||||
color: $lightpick-today-color;
|
||||
}
|
||||
|
||||
&:not(.is-disabled):hover {
|
||||
background-size: contain;
|
||||
background-image: $lightpick-day-hover-background-image;
|
||||
}
|
||||
|
||||
&.is-disabled {
|
||||
opacity: $lightpick-day-disabled-opacity;
|
||||
pointer-events: none;
|
||||
|
||||
&.is-forward-selected {
|
||||
opacity: 1;
|
||||
|
||||
&:not(.is-start-date) {
|
||||
background-color: $lightpick-selected-range-background-color;
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled-tooltip {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
&.is-previous-month,
|
||||
&.is-next-month {
|
||||
opacity: $lightpick-day-previous-next-opacity;
|
||||
}
|
||||
|
||||
&#{&}.is-in-range:not(.is-disabled) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.is-in-range {
|
||||
border-radius: 0;
|
||||
background-color: $lightpick-selected-range-background-color;
|
||||
background-image: none;
|
||||
|
||||
&:hover {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
|
||||
}
|
||||
}
|
||||
|
||||
&.is-start-date.is-in-range,
|
||||
&.is-end-date.is-in-range.is-flipped {
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 50%;
|
||||
background-color: $main-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.is-end-date.is-in-range,
|
||||
&.is-start-date.is-in-range.is-flipped {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 50%;
|
||||
border-bottom-right-radius: 50%;
|
||||
border-bottom-left-radius: 0;
|
||||
background-color: $main-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.is-start-date.is-end-date {
|
||||
background-color: transparent;
|
||||
background-image: $lightpick-selected-date-background-image;
|
||||
}
|
||||
|
||||
&.is-start-date,
|
||||
&.is-end-date,
|
||||
&.is-start-date:hover,
|
||||
&.is-end-date:hover {
|
||||
background-image: $lightpick-selected-date-background-image;
|
||||
background-size: auto;
|
||||
background-position: center;
|
||||
color: $lightpick-selected-date-color;
|
||||
font-weight: $lightpick-selected-date-font-weight;
|
||||
}
|
||||
}
|
||||
|
||||
&__tooltip {
|
||||
position: absolute;
|
||||
margin-top: $lightpick-tooltip-margin;
|
||||
padding: $lightpick-tooltip-padding;
|
||||
z-index: 99999;
|
||||
border-radius: $lightpick-border-radius;
|
||||
background-color: $lightpick-tooltip-background-color;
|
||||
box-shadow: $lightpick-box-shadow;
|
||||
white-space: nowrap;
|
||||
font-size: $lightpick-tooltip-font-size;
|
||||
pointer-events: none;
|
||||
// background-color: $lightpick-background-color;
|
||||
// box-shadow: $lightpick-box-shadow;
|
||||
color: $lightpick-color;
|
||||
font-family: $lightpick-font;
|
||||
line-height: $lightpick-line-height;
|
||||
width: 100%;
|
||||
margin-bottom: 80px;
|
||||
&--inlined {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&,
|
||||
& *,
|
||||
&::after,
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: -($lightpick-tooltip-triangle-size + 1);
|
||||
left: calc(50% - #{$lightpick-tooltip-triangle-size + 1});
|
||||
border-top: ($lightpick-tooltip-triangle-size + 1) solid
|
||||
$lightpick-tooltip-border-color;
|
||||
border-right: ($lightpick-tooltip-triangle-size + 1) solid transparent;
|
||||
border-left: ($lightpick-tooltip-triangle-size + 1) solid transparent;
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
bottom: -$lightpick-tooltip-triangle-size;
|
||||
left: calc(50% - #{$lightpick-tooltip-triangle-size});
|
||||
border-top: $lightpick-tooltip-triangle-size solid
|
||||
$lightpick-tooltip-background-color;
|
||||
border-right: $lightpick-tooltip-triangle-size solid transparent;
|
||||
border-left: $lightpick-tooltip-triangle-size solid transparent;
|
||||
content: "";
|
||||
&.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__months {
|
||||
display: grid;
|
||||
background-color: $lightpick-months-background-color;
|
||||
grid-template-columns: auto;
|
||||
grid-gap: 1px;
|
||||
|
||||
&__reset-action,
|
||||
&__apply-action {
|
||||
border-radius: $lightpick-action-border-radius;
|
||||
font-size: $lightpick-action-font-size;
|
||||
border: none;
|
||||
}
|
||||
@at-root .lightpick--2-columns #{&} {
|
||||
grid-template-columns: auto auto;
|
||||
}
|
||||
|
||||
&__reset-action {
|
||||
color: $lightpick-action-reset-color;
|
||||
background-color: $lightpick-action-reset-background-color;
|
||||
}
|
||||
@at-root .lightpick--3-columns #{&} {
|
||||
grid-template-columns: auto auto auto;
|
||||
}
|
||||
|
||||
&__apply-action {
|
||||
color: $lightpick-action-apply-color;
|
||||
background-color: $lightpick-action-apply-background-color;
|
||||
}
|
||||
@at-root .lightpick--4-columns #{&} {
|
||||
grid-template-columns: auto auto auto auto;
|
||||
}
|
||||
|
||||
@at-root .lightpick--5-columns #{&} {
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__month {
|
||||
width: 100%;
|
||||
background-color: $lightpick-background-color;
|
||||
|
||||
&-title-bar {
|
||||
display: flex;
|
||||
margin-bottom: $lightpick-padding;
|
||||
justify-content: space-between;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: 1px solid #242424;
|
||||
position: relative;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
&-title {
|
||||
margin-top: $lightpick-padding;
|
||||
margin-bottom: $lightpick-padding;
|
||||
margin-left: $lightpick-padding;
|
||||
font-size: $lightpick-title-font-size;
|
||||
font-weight: 700;
|
||||
line-height: $lightpick-title-font-size * 1.5;
|
||||
cursor: default;
|
||||
padding: 0 $lightpick-padding;
|
||||
border-radius: $lightpick-border-radius;
|
||||
|
||||
& > .lightpick__select {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
outline: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
|
||||
&:disabled {
|
||||
color: $lightpick-dropdown-disabled-color;
|
||||
}
|
||||
}
|
||||
|
||||
& > .lightpick__select-months {
|
||||
font-weight: $lightpick-dropdown-font-weight;
|
||||
font-size: $lightpick-dropdown-font-size;
|
||||
margin-right: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__toolbar {
|
||||
display: flex;
|
||||
// text-align: right;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&__previous-action,
|
||||
&__next-action,
|
||||
&__close-action {
|
||||
display: flex;
|
||||
width: $lightpick-action-width;
|
||||
height: $lightpick-action-height;
|
||||
outline: none;
|
||||
border: none;
|
||||
background: none;
|
||||
// border-radius: 50%;
|
||||
// background-color: $lightpick-action-background-color;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&:active {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&__previous-action,
|
||||
&__next-action {
|
||||
font-size: 20px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
&__close-action {
|
||||
font-size: $lightpick-action-close-font-size;
|
||||
}
|
||||
|
||||
&__days-of-the-week {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
|
||||
&__day-of-the-week {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
font-weight: 700;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
&__days {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, 1fr);
|
||||
}
|
||||
|
||||
&__day {
|
||||
display: flex;
|
||||
height: $lightpick-day-size;
|
||||
padding: 10px 0;
|
||||
background-position: center center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
font-size: $h3-size - 3px;
|
||||
line-height: $h3-height - 3px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: default;
|
||||
|
||||
&.is-today {
|
||||
background-image: $lightpick-today-background-image;
|
||||
background-size: 18.8% auto;
|
||||
background-position: center bottom;
|
||||
color: $lightpick-today-color;
|
||||
}
|
||||
|
||||
&:not(.is-disabled):hover {
|
||||
background-size: contain;
|
||||
background-image: $lightpick-day-hover-background-image;
|
||||
}
|
||||
|
||||
&.is-disabled {
|
||||
opacity: $lightpick-day-disabled-opacity;
|
||||
pointer-events: none;
|
||||
|
||||
&.is-forward-selected {
|
||||
opacity: 1;
|
||||
|
||||
&:not(.is-start-date) {
|
||||
background-color: $lightpick-selected-range-background-color;
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled-tooltip {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
&.is-previous-month,
|
||||
&.is-next-month {
|
||||
opacity: $lightpick-day-previous-next-opacity;
|
||||
}
|
||||
|
||||
&#{&}.is-in-range:not(.is-disabled) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.is-in-range {
|
||||
border-radius: 0;
|
||||
background-color: $lightpick-selected-range-background-color;
|
||||
background-image: none;
|
||||
|
||||
&:hover {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
|
||||
}
|
||||
}
|
||||
|
||||
&.is-start-date.is-in-range,
|
||||
&.is-end-date.is-in-range.is-flipped {
|
||||
border-top-left-radius: 50%;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 50%;
|
||||
background-color: $main-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.is-end-date.is-in-range,
|
||||
&.is-start-date.is-in-range.is-flipped {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 50%;
|
||||
border-bottom-right-radius: 50%;
|
||||
border-bottom-left-radius: 0;
|
||||
background-color: $main-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
&.is-start-date.is-end-date {
|
||||
background-color: transparent;
|
||||
background-image: $lightpick-selected-date-background-image;
|
||||
}
|
||||
|
||||
&.is-start-date,
|
||||
&.is-end-date,
|
||||
&.is-start-date:hover,
|
||||
&.is-end-date:hover {
|
||||
background-image: $lightpick-selected-date-background-image;
|
||||
background-size: auto;
|
||||
background-position: center;
|
||||
color: $lightpick-selected-date-color;
|
||||
font-weight: $lightpick-selected-date-font-weight;
|
||||
}
|
||||
}
|
||||
|
||||
&__tooltip {
|
||||
position: absolute;
|
||||
margin-top: $lightpick-tooltip-margin;
|
||||
padding: $lightpick-tooltip-padding;
|
||||
border-radius: $lightpick-border-radius;
|
||||
background-color: $lightpick-tooltip-background-color;
|
||||
box-shadow: $lightpick-box-shadow;
|
||||
white-space: nowrap;
|
||||
font-size: $lightpick-tooltip-font-size;
|
||||
pointer-events: none;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
bottom: -($lightpick-tooltip-triangle-size + 1);
|
||||
left: calc(50% - #{$lightpick-tooltip-triangle-size + 1});
|
||||
border-top: ($lightpick-tooltip-triangle-size + 1) solid
|
||||
$lightpick-tooltip-border-color;
|
||||
border-right: ($lightpick-tooltip-triangle-size + 1) solid
|
||||
transparent;
|
||||
border-left: ($lightpick-tooltip-triangle-size + 1) solid
|
||||
transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
bottom: -$lightpick-tooltip-triangle-size;
|
||||
left: calc(50% - #{$lightpick-tooltip-triangle-size});
|
||||
border-top: $lightpick-tooltip-triangle-size solid
|
||||
$lightpick-tooltip-background-color;
|
||||
border-right: $lightpick-tooltip-triangle-size solid transparent;
|
||||
border-left: $lightpick-tooltip-triangle-size solid transparent;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
&__footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
&__reset-action,
|
||||
&__apply-action {
|
||||
border-radius: $lightpick-action-border-radius;
|
||||
font-size: $lightpick-action-font-size;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&__reset-action {
|
||||
color: $lightpick-action-reset-color;
|
||||
background-color: $lightpick-action-reset-background-color;
|
||||
}
|
||||
|
||||
&__apply-action {
|
||||
color: $lightpick-action-apply-color;
|
||||
background-color: $lightpick-action-apply-background-color;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,80 +1,80 @@
|
|||
.card {
|
||||
position: relative;
|
||||
padding: 30px;
|
||||
background: $text-color-white;
|
||||
&__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
&-category {
|
||||
padding: 5px 10px;
|
||||
background: $main-color;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-white;
|
||||
font-weight: 700;
|
||||
max-width: 115px;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
padding: 30px;
|
||||
background: $text-color-white;
|
||||
&__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
&-category {
|
||||
padding: 5px 10px;
|
||||
background: $main-color;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-white;
|
||||
font-weight: 700;
|
||||
max-width: 115px;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
&-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height - 5px;
|
||||
svg {
|
||||
margin-right: 5px;
|
||||
stroke: $text-color-grey;
|
||||
width: 21px;
|
||||
height: 14px;
|
||||
}
|
||||
}
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height - 5px;
|
||||
svg {
|
||||
margin-right: 5px;
|
||||
stroke: $text-color-grey;
|
||||
width: 21px;
|
||||
height: 14px;
|
||||
}
|
||||
&__link {
|
||||
color: $text-black;
|
||||
font-weight: 700;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
max-height: 90px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
&-date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h5-size;
|
||||
line-height: $h5-height;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__link {
|
||||
color: $text-black;
|
||||
font-weight: 700;
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
margin: 10px 0 0 0;
|
||||
display: block;
|
||||
max-height: 90px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
&__box {
|
||||
padding: 30px 0;
|
||||
&__box {
|
||||
padding: 30px 0;
|
||||
|
||||
&:last-child {
|
||||
border-top: 1px solid $text-color-grey;
|
||||
padding: 30px 0 0 0;
|
||||
&:last-child {
|
||||
border-top: 1px solid $text-color-grey;
|
||||
padding: 30px 0 0 0;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
padding: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
&:nth-child(2) {
|
||||
padding: 0 0 30px 0;
|
||||
&.other {
|
||||
padding: 30px 0;
|
||||
.card__header {
|
||||
&-category {
|
||||
background: $text-light-black;
|
||||
color: $text-color-white;
|
||||
}
|
||||
}
|
||||
border-bottom: 1px solid $text-color-grey;
|
||||
}
|
||||
}
|
||||
&.other {
|
||||
padding: 30px 0;
|
||||
.card__header {
|
||||
&-category {
|
||||
background: $text-light-black;
|
||||
color: $text-color-white;
|
||||
}
|
||||
}
|
||||
border-bottom: 1px solid $text-color-grey;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,83 +1,80 @@
|
|||
.partnerSlider {
|
||||
position: relative;
|
||||
|
||||
&__inner {
|
||||
}
|
||||
&__item {
|
||||
margin-right: 5px;
|
||||
padding: 30px;
|
||||
border-right: 5px;
|
||||
border: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
height: 120px;
|
||||
img {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.p1 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -15px;
|
||||
// @include transformY;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background: #f7f7f7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-top: 2px solid $text-black;
|
||||
border-left: 2px solid $text-black;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
@include transition;
|
||||
|
||||
}
|
||||
&:hover span{
|
||||
border-top: 2px solid $main-color;
|
||||
border-left: 2px solid $main-color;
|
||||
}
|
||||
}
|
||||
.n1 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
right: -15px;
|
||||
// @include transformY;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #f7f7f7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-top: 2px solid $text-black;
|
||||
border-left: 2px solid $text-black;
|
||||
transform: rotate(135deg);
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
@include transition;
|
||||
|
||||
|
||||
&__inner {
|
||||
}
|
||||
&:hover span{
|
||||
border-top: 2px solid $main-color;
|
||||
border-left: 2px solid $main-color;
|
||||
&__item {
|
||||
margin-right: 5px;
|
||||
padding: 30px;
|
||||
border-right: 5px;
|
||||
border: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
height: 120px;
|
||||
img {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.p1 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: -15px;
|
||||
// @include transformY;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background: #f7f7f7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 1;
|
||||
span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-top: 2px solid $text-black;
|
||||
border-left: 2px solid $text-black;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
@include transition;
|
||||
}
|
||||
&:hover span {
|
||||
border-top: 2px solid $main-color;
|
||||
border-left: 2px solid $main-color;
|
||||
}
|
||||
}
|
||||
.n1 {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
right: -15px;
|
||||
// @include transformY;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #f7f7f7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-top: 2px solid $text-black;
|
||||
border-left: 2px solid $text-black;
|
||||
transform: rotate(135deg);
|
||||
-webkit-transform: rotate(135deg);
|
||||
-moz-transform: rotate(135deg);
|
||||
-ms-transform: rotate(135deg);
|
||||
-o-transform: rotate(135deg);
|
||||
@include transition;
|
||||
}
|
||||
&:hover span {
|
||||
border-top: 2px solid $main-color;
|
||||
border-left: 2px solid $main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,94 +1,92 @@
|
|||
.news {
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
padding: 80px 0;
|
||||
}
|
||||
&__sidebar {
|
||||
margin-left: 25px;
|
||||
width: calc(30% - 25px);
|
||||
&-title {
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 20px;
|
||||
color: $text-light-black;
|
||||
&__inner {
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
padding: 80px 0;
|
||||
}
|
||||
.card {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
}
|
||||
}
|
||||
&__content {
|
||||
width: calc(70% - 25px);
|
||||
margin-right: 25px;
|
||||
}
|
||||
&__title {
|
||||
color: $text-black;
|
||||
font-weight: 700;
|
||||
font-size: $h2-size;
|
||||
line-height: $h2-height;
|
||||
}
|
||||
&__date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
&__image {
|
||||
width: 100%;
|
||||
margin: 50px 0;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
&__body {
|
||||
p {
|
||||
font-size: $p-size;
|
||||
line-height: $p-height;
|
||||
margin-bottom: 30px;
|
||||
a(color:blue;)
|
||||
}
|
||||
&-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 -20px 30px -20px;
|
||||
&-image {
|
||||
width: calc(50% - 40px);
|
||||
margin: 0 20px 0 20px;
|
||||
height: 300px;
|
||||
img {
|
||||
@include fullImage;
|
||||
&__sidebar {
|
||||
margin-left: 25px;
|
||||
width: calc(30% - 25px);
|
||||
&-title {
|
||||
font-size: $h4-size;
|
||||
line-height: $h4-height;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 20px;
|
||||
color: $text-light-black;
|
||||
}
|
||||
.card {
|
||||
padding: 30px 0;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
&-social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
svg {
|
||||
margin-right: 20px;
|
||||
fill: $main-color;
|
||||
}
|
||||
&__content {
|
||||
width: calc(70% - 25px);
|
||||
margin-right: 25px;
|
||||
}
|
||||
&-name {
|
||||
font-size: $h2-size;
|
||||
line-height: $h2-height;
|
||||
font-weight: 700;
|
||||
color: $text-light-black;
|
||||
&__title {
|
||||
color: $text-black;
|
||||
font-weight: 700;
|
||||
font-size: $h2-size;
|
||||
line-height: $h2-height;
|
||||
}
|
||||
&__date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: $h3-size;
|
||||
line-height: $h3-height;
|
||||
color: $text-color-grey;
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
svg {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
&__image {
|
||||
width: 100%;
|
||||
margin: 50px 0;
|
||||
img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
&__body {
|
||||
p {
|
||||
font-size: $p-size;
|
||||
line-height: $p-height;
|
||||
margin-bottom: 30px;
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
&-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 -20px 30px -20px;
|
||||
img {
|
||||
&.aligncenter {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&__footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
&-social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
svg {
|
||||
margin-right: 20px;
|
||||
fill: $main-color;
|
||||
}
|
||||
}
|
||||
&-name {
|
||||
font-size: $h2-size;
|
||||
line-height: $h2-height;
|
||||
font-weight: 700;
|
||||
color: $text-light-black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
.terms {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
|
@ -178,8 +178,8 @@ li {
|
|||
font-family: "Oswald", sans-serif;
|
||||
color: #FD4C24;
|
||||
font-weight: 700;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 33px;
|
||||
line-height: 33px;
|
||||
margin-right: 20px;
|
||||
letter-spacing: -1.5px;
|
||||
}
|
||||
|
|
@ -202,6 +202,10 @@ li {
|
|||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.footer__copyright a {
|
||||
color: #FFFFFF;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.footer__social {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -1586,21 +1590,16 @@ li {
|
|||
line-height: 40px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.news__body p a {
|
||||
color: blue;
|
||||
}
|
||||
.news__body-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 -20px 30px -20px;
|
||||
}
|
||||
.news__body-row-image {
|
||||
width: calc(50% - 40px);
|
||||
margin: 0 20px 0 20px;
|
||||
height: 300px;
|
||||
}
|
||||
.news__body-row-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
-o-object-fit: cover;
|
||||
.news__body-row img.aligncenter {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.news__footer {
|
||||
display: flex;
|
||||
|
|
@ -1611,7 +1610,7 @@ li {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.news__footer-social-link {
|
||||
.news__footer-social svg {
|
||||
margin-right: 20px;
|
||||
fill: #FD4C24;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,9 +15,6 @@
|
|||
@import "./components/2-layout/newsCard.scss";
|
||||
@import "./components/2-layout/lightpick.scss";
|
||||
|
||||
|
||||
|
||||
|
||||
// 3-page components
|
||||
@import "./components/3-page/home.scss";
|
||||
@import "./components/3-page/heading.scss";
|
||||
|
|
@ -26,7 +23,5 @@
|
|||
@import "./components/3-page/news.scss";
|
||||
@import "./components/3-page/terms.scss";
|
||||
|
||||
|
||||
|
||||
// responsive
|
||||
@import "./components/2-layout/responsive.scss";
|
||||
|
|
|
|||
|
|
@ -0,0 +1,918 @@
|
|||
{
|
||||
"version": "7",
|
||||
"about": "This is a Prepros (https://prepros.io) configuration file. You can commit this file to a git repo to backup and sync project configurations.",
|
||||
"config": {
|
||||
"proxy": {
|
||||
"enable": false,
|
||||
"target": "",
|
||||
"useLocalAssets": false
|
||||
},
|
||||
"reload": {
|
||||
"enable": true,
|
||||
"delay": 0,
|
||||
"animate": true,
|
||||
"afterUpload": false
|
||||
},
|
||||
"sync": {
|
||||
"enable": false,
|
||||
"mouse": true,
|
||||
"keyboard": true,
|
||||
"form": true,
|
||||
"scroll": true
|
||||
},
|
||||
"watcher": {
|
||||
"enable": true,
|
||||
"maxFiles": 2000,
|
||||
"usePolling": false,
|
||||
"pollingInterval": 500,
|
||||
"extensions": [
|
||||
".html",
|
||||
".htm",
|
||||
".php"
|
||||
],
|
||||
"ignore": {
|
||||
"patterns": [
|
||||
".*",
|
||||
"wp-admin",
|
||||
"wp-includes",
|
||||
"node_modules",
|
||||
"Prepros Export",
|
||||
"bower_components"
|
||||
],
|
||||
"exceptions": []
|
||||
}
|
||||
},
|
||||
"exporter": {
|
||||
"ignore": {
|
||||
"patterns": [
|
||||
".*",
|
||||
"desktop.ini",
|
||||
"prepros.cfg",
|
||||
"node_modules",
|
||||
"Prepros Export",
|
||||
"prepros.config",
|
||||
"prepros-6.config",
|
||||
"*-original.jpg",
|
||||
"*-original.jpeg",
|
||||
"*-original.png",
|
||||
"*-original.svg",
|
||||
"*.scss",
|
||||
"*.sass",
|
||||
"*.less",
|
||||
"*.pug",
|
||||
"*.jade",
|
||||
"*.styl",
|
||||
"*.haml",
|
||||
"*.slim",
|
||||
"*.coffee",
|
||||
"*.kit",
|
||||
"*.turf",
|
||||
"*.ts"
|
||||
],
|
||||
"exceptions": []
|
||||
}
|
||||
},
|
||||
"uploader": {
|
||||
"remotePath": "",
|
||||
"timeout": 20000,
|
||||
"autoUpload": false,
|
||||
"reuseConnection": true,
|
||||
"connectionType": "ftp",
|
||||
"history": []
|
||||
},
|
||||
"packages": {
|
||||
"createPackageLock": true
|
||||
},
|
||||
"images": {
|
||||
"preserveOriginal": true
|
||||
},
|
||||
"tasks": {
|
||||
"autoprefixer": {
|
||||
"cascade": true,
|
||||
"add": true,
|
||||
"remove": true,
|
||||
"supports": true,
|
||||
"flexbox": true,
|
||||
"grid": "autoplace",
|
||||
"browsers": [
|
||||
"> 2%",
|
||||
"not dead"
|
||||
],
|
||||
"sourceMap": false
|
||||
},
|
||||
"babel": {
|
||||
"sourceMap": false,
|
||||
"presets": {
|
||||
"@babel/preset-env": {
|
||||
"enable": true,
|
||||
"options": {
|
||||
"targets": [
|
||||
"> 2%",
|
||||
"not dead"
|
||||
],
|
||||
"preserveImports": false,
|
||||
"polyfills": false
|
||||
}
|
||||
},
|
||||
"@babel/preset-react": true,
|
||||
"@babel/preset-flow": false
|
||||
},
|
||||
"plugins": {
|
||||
"@babel/plugin-proposal-class-static-block": false,
|
||||
"@babel/plugin-proposal-class-properties": false,
|
||||
"@babel/plugin-proposal-decorators": {
|
||||
"enable": false,
|
||||
"options": {
|
||||
"decoratorsBeforeExport": true
|
||||
}
|
||||
},
|
||||
"@babel/plugin-proposal-export-namespace-from": false,
|
||||
"@babel/plugin-proposal-function-sent": false,
|
||||
"@babel/plugin-proposal-logical-assignment-operators": false,
|
||||
"@babel/plugin-proposal-nullish-coalescing-operator": false,
|
||||
"@babel/plugin-proposal-numeric-separator": false,
|
||||
"@babel/plugin-proposal-optional-chaining": false,
|
||||
"@babel/plugin-proposal-private-methods": false,
|
||||
"@babel/plugin-proposal-throw-expressions": false
|
||||
},
|
||||
"customPresets": [],
|
||||
"customPlugins": []
|
||||
},
|
||||
"bundle-js": {
|
||||
"sourceMap": false,
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"bower_components"
|
||||
],
|
||||
"devMode": true,
|
||||
"globals": [],
|
||||
"externals": [],
|
||||
"babel": {
|
||||
"enable": true,
|
||||
"options": {
|
||||
"sourceMap": false,
|
||||
"presets": {
|
||||
"@babel/preset-env": {
|
||||
"enable": true,
|
||||
"options": {
|
||||
"targets": [
|
||||
"> 2%",
|
||||
"not dead"
|
||||
],
|
||||
"preserveImports": false,
|
||||
"polyfills": false
|
||||
}
|
||||
},
|
||||
"@babel/preset-react": true,
|
||||
"@babel/preset-flow": false
|
||||
},
|
||||
"plugins": {
|
||||
"@babel/plugin-proposal-class-static-block": false,
|
||||
"@babel/plugin-proposal-class-properties": false,
|
||||
"@babel/plugin-proposal-decorators": {
|
||||
"enable": false,
|
||||
"options": {
|
||||
"decoratorsBeforeExport": true
|
||||
}
|
||||
},
|
||||
"@babel/plugin-proposal-export-namespace-from": false,
|
||||
"@babel/plugin-proposal-function-sent": false,
|
||||
"@babel/plugin-proposal-logical-assignment-operators": false,
|
||||
"@babel/plugin-proposal-nullish-coalescing-operator": false,
|
||||
"@babel/plugin-proposal-numeric-separator": false,
|
||||
"@babel/plugin-proposal-optional-chaining": false,
|
||||
"@babel/plugin-proposal-private-methods": false,
|
||||
"@babel/plugin-proposal-throw-expressions": false
|
||||
},
|
||||
"customPresets": [],
|
||||
"customPlugins": []
|
||||
}
|
||||
},
|
||||
"css": {
|
||||
"enable": true
|
||||
},
|
||||
"fonts": {
|
||||
"enable": true
|
||||
}
|
||||
},
|
||||
"coffeescript": {
|
||||
"header": false,
|
||||
"bare": false,
|
||||
"sourceMap": false
|
||||
},
|
||||
"command": {
|
||||
"command": "",
|
||||
"rootDir": ""
|
||||
},
|
||||
"concat-js": {
|
||||
"sourceMap": false,
|
||||
"rootDir": ""
|
||||
},
|
||||
"copy": {
|
||||
"sourceMap": false
|
||||
},
|
||||
"dart-sass": {
|
||||
"indentType": "space",
|
||||
"indentWidth": 2,
|
||||
"linefeed": "lf",
|
||||
"sourceMap": false
|
||||
},
|
||||
"haml": {
|
||||
"doubleQuoteAttributes": true
|
||||
},
|
||||
"jpg": {
|
||||
"quality": 90
|
||||
},
|
||||
"less": {
|
||||
"javascriptEnabled": false,
|
||||
"strictImports": false,
|
||||
"insecure": false,
|
||||
"math": "always",
|
||||
"strictUnits": false,
|
||||
"dumpLineNumbers": false,
|
||||
"sourceMap": false
|
||||
},
|
||||
"markdown": {
|
||||
"githubFlavored": true,
|
||||
"wrapWithHtml": false
|
||||
},
|
||||
"minify-css": {
|
||||
"sourceMap": false
|
||||
},
|
||||
"minify-html": {
|
||||
"caseSensitive": false,
|
||||
"collapseBooleanAttributes": true,
|
||||
"collapseInlineTagWhitespace": false,
|
||||
"collapseWhitespace": true,
|
||||
"conservativeCollapse": false,
|
||||
"decodeEntities": false,
|
||||
"html5": true,
|
||||
"includeAutoGeneratedTags": true,
|
||||
"keepClosingSlash": false,
|
||||
"minifyCSS": true,
|
||||
"minifyJS": true,
|
||||
"preserveLineBreaks": false,
|
||||
"preventAttributesEscaping": false,
|
||||
"processConditionalComments": false,
|
||||
"removeAttributeQuotes": false,
|
||||
"removeComments": true,
|
||||
"removeEmptyAttributes": false,
|
||||
"removeEmptyElement": false,
|
||||
"removeOptionalTags": false,
|
||||
"removeRedundantAttributes": false,
|
||||
"removeScriptTypeAttributes": false,
|
||||
"removeStyleLinkTypeAttributes": false,
|
||||
"removeTagWhitespace": false,
|
||||
"sortAttributes": false,
|
||||
"sortClassName": false,
|
||||
"useShortDoctype": true
|
||||
},
|
||||
"minify-js": {
|
||||
"parse": {
|
||||
"bare_returns": false
|
||||
},
|
||||
"compress": {
|
||||
"arrows": true,
|
||||
"arguments": false,
|
||||
"booleans": true,
|
||||
"booleans_as_integers": false,
|
||||
"collapse_vars": true,
|
||||
"comparisons": true,
|
||||
"computed_props": true,
|
||||
"conditionals": true,
|
||||
"dead_code": true,
|
||||
"directives": true,
|
||||
"drop_console": false,
|
||||
"drop_debugger": true,
|
||||
"evaluate": true,
|
||||
"expression": false,
|
||||
"global_defs": [],
|
||||
"hoist_funs": false,
|
||||
"hoist_props": true,
|
||||
"hoist_vars": false,
|
||||
"if_return": true,
|
||||
"inline": 3,
|
||||
"join_vars": true,
|
||||
"keep_fargs": true,
|
||||
"keep_infinity": false,
|
||||
"loops": true,
|
||||
"negate_iife": true,
|
||||
"properties": true,
|
||||
"pure_funcs": [],
|
||||
"pure_getters": false,
|
||||
"reduce_vars": true,
|
||||
"sequences": true,
|
||||
"side_effects": true,
|
||||
"switches": true,
|
||||
"top_retain": [],
|
||||
"typeofs": true,
|
||||
"unsafe": false,
|
||||
"unsafe_arrows": false,
|
||||
"unsafe_comps": false,
|
||||
"unsafe_Function": false,
|
||||
"unsafe_math": false,
|
||||
"unsafe_proto": false,
|
||||
"unsafe_regexp": false,
|
||||
"unsafe_undefined": false,
|
||||
"unused": true
|
||||
},
|
||||
"mangle": {
|
||||
"eval": false,
|
||||
"reserved": []
|
||||
},
|
||||
"output": {
|
||||
"ascii_only": false,
|
||||
"braces": false,
|
||||
"comments": "none",
|
||||
"inline_script": true,
|
||||
"keep_numbers": false,
|
||||
"keep_quoted_props": false,
|
||||
"preamble": null,
|
||||
"quote_keys": false,
|
||||
"quote_style": 0,
|
||||
"semicolons": true,
|
||||
"shebang": true,
|
||||
"webkit": false,
|
||||
"wrap_iife": false,
|
||||
"wrap_func_args": true
|
||||
},
|
||||
"sourceMap": false,
|
||||
"toplevel": false,
|
||||
"ie8": false,
|
||||
"keep_classnames": false,
|
||||
"keep_fnames": false,
|
||||
"safari10": false
|
||||
},
|
||||
"node-sass": {
|
||||
"indentType": "space",
|
||||
"indentWidth": 2,
|
||||
"linefeed": "lf",
|
||||
"outputStyle": "expanded",
|
||||
"precision": 10,
|
||||
"sourceMap": false,
|
||||
"sourceComments": false
|
||||
},
|
||||
"png": {
|
||||
"quality": 90
|
||||
},
|
||||
"postcss-import": {
|
||||
"ignoreKeywords": [],
|
||||
"sourceMap": false
|
||||
},
|
||||
"postcss-preset-env": {
|
||||
"stage": 2,
|
||||
"browsers": [
|
||||
"> 2%",
|
||||
"not dead"
|
||||
],
|
||||
"sourceMap": false
|
||||
},
|
||||
"pug": {
|
||||
"pretty": true
|
||||
},
|
||||
"slim": {
|
||||
"indent": "space",
|
||||
"indentSize": 2,
|
||||
"pretty": true
|
||||
},
|
||||
"stylus": {
|
||||
"useNib": true,
|
||||
"sourceMap": false,
|
||||
"linenos": false
|
||||
},
|
||||
"svg": {
|
||||
"cleanupAttrs": true,
|
||||
"removeDoctype": true,
|
||||
"removeXMLProcInst": true,
|
||||
"removeComments": true,
|
||||
"removeMetadata": true,
|
||||
"removeTitle": true,
|
||||
"removeDesc": true,
|
||||
"removeUselessDefs": true,
|
||||
"removeEditorsNSData": true,
|
||||
"removeEmptyAttrs": true,
|
||||
"removeHiddenElems": true,
|
||||
"removeEmptyText": true,
|
||||
"removeEmptyContainers": true,
|
||||
"removeViewBox": false,
|
||||
"cleanupEnableBackground": true,
|
||||
"convertStyleToAttrs": true,
|
||||
"convertColors": true,
|
||||
"convertPathData": true,
|
||||
"convertTransform": true,
|
||||
"removeUnknownsAndDefaults": true,
|
||||
"removeNonInheritableGroupAttrs": true,
|
||||
"removeUselessStrokeAndFill": true,
|
||||
"removeUnusedNS": true,
|
||||
"cleanupIDs": true,
|
||||
"cleanupNumericValues": true,
|
||||
"moveElemsAttrsToGroup": true,
|
||||
"moveGroupAttrsToElems": true,
|
||||
"collapseGroups": true,
|
||||
"removeRasterImages": false,
|
||||
"mergePaths": true,
|
||||
"convertShapeToPath": true,
|
||||
"sortAttrs": true,
|
||||
"removeDimensions": true
|
||||
},
|
||||
"turf": {
|
||||
"rootDir": ""
|
||||
},
|
||||
"typescript": {
|
||||
"allowJs": false,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"allowUmdGlobalAccess": false,
|
||||
"allowUnreachableCode": false,
|
||||
"allowUnusedLabels": false,
|
||||
"alwaysStrict": false,
|
||||
"charset": "utf8",
|
||||
"checkJs": false,
|
||||
"declaration": false,
|
||||
"disableSizeLimit": false,
|
||||
"downlevelIteration": false,
|
||||
"emitBOM": false,
|
||||
"emitDecoratorMetadata": false,
|
||||
"experimentalDecorators": false,
|
||||
"forceConsistentCasingInFileNames": false,
|
||||
"importHelpers": false,
|
||||
"jsx": "React",
|
||||
"keyofStringsOnly": false,
|
||||
"lib": [],
|
||||
"maxNodeModuleJsDepth": 0,
|
||||
"module": "ES2015",
|
||||
"moduleResolution": "NodeJs",
|
||||
"newLine": "LineFeed",
|
||||
"noFallthroughCasesInSwitch": false,
|
||||
"noImplicitAny": false,
|
||||
"noImplicitReturns": false,
|
||||
"noImplicitThis": false,
|
||||
"noStrictGenericChecks": false,
|
||||
"noUnusedLocals": false,
|
||||
"noUnusedParameters": false,
|
||||
"noImplicitUseStrict": false,
|
||||
"noLib": false,
|
||||
"noResolve": false,
|
||||
"preserveConstEnums": false,
|
||||
"jsxFactory": "React.createElement",
|
||||
"removeComments": false,
|
||||
"skipLibCheck": false,
|
||||
"sourceMap": false,
|
||||
"strict": false,
|
||||
"strictFunctionTypes": false,
|
||||
"strictBindCallApply": false,
|
||||
"strictNullChecks": false,
|
||||
"strictPropertyInitialization": false,
|
||||
"suppressExcessPropertyErrors": false,
|
||||
"suppressImplicitAnyIndexErrors": false,
|
||||
"target": "ES3",
|
||||
"resolveJsonModule": false,
|
||||
"esModuleInterop": false,
|
||||
"useDefineForClassFields": false
|
||||
}
|
||||
},
|
||||
"fileTypes": {
|
||||
"sass": {
|
||||
"extensions": [
|
||||
".scss",
|
||||
".sass"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "dart-sass",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "autoprefixer",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-css",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".css",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "scss",
|
||||
"replaceWith": "css"
|
||||
},
|
||||
{
|
||||
"segment": "sass",
|
||||
"replaceWith": "css"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"less": {
|
||||
"extensions": [
|
||||
".less"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "less",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "autoprefixer",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-css",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".css",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "less",
|
||||
"replaceWith": "css"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"pug": {
|
||||
"extensions": [
|
||||
".pug",
|
||||
".jade"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "pug",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-html",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".html",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "pug",
|
||||
"replaceWith": "html"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"css": {
|
||||
"extensions": [
|
||||
".css"
|
||||
],
|
||||
"autoCompile": false,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "copy",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "postcss-import",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "postcss-preset-env",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "autoprefixer",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-css",
|
||||
"enable": true
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".css",
|
||||
"type": "SOURCE_RELATIVE",
|
||||
"relativePath": "",
|
||||
"suffix": "-dist",
|
||||
"alwaysSuffix": false
|
||||
}
|
||||
},
|
||||
"javascript": {
|
||||
"extensions": [
|
||||
".js",
|
||||
".jsx"
|
||||
],
|
||||
"autoCompile": false,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "copy",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "concat-js",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "babel",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "bundle-js",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "minify-js",
|
||||
"enable": true
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".js",
|
||||
"type": "SOURCE_RELATIVE",
|
||||
"relativePath": "",
|
||||
"suffix": "-dist",
|
||||
"alwaysSuffix": false
|
||||
}
|
||||
},
|
||||
"stylus": {
|
||||
"extensions": [
|
||||
".styl"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "stylus",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "autoprefixer",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-css",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".css",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "stylus",
|
||||
"replaceWith": "css"
|
||||
},
|
||||
{
|
||||
"segment": "styl",
|
||||
"replaceWith": "css"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"markdown": {
|
||||
"extensions": [
|
||||
".md",
|
||||
".markdown",
|
||||
".mkd"
|
||||
],
|
||||
"autoCompile": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "markdown",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-html",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".html",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "markdown",
|
||||
"replaceWith": "html"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"haml": {
|
||||
"extensions": [
|
||||
".haml"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "haml",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-html",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".html",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "haml",
|
||||
"replaceWith": "html"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"slim": {
|
||||
"extensions": [
|
||||
".slim"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "slim",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-html",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".html",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "slim",
|
||||
"replaceWith": "html"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"coffeescript": {
|
||||
"extensions": [
|
||||
".coffee"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "coffeescript",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "babel",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "bundle-js",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "minify-js",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".js",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "coffee-script",
|
||||
"replaceWith": "js"
|
||||
},
|
||||
{
|
||||
"segment": "coffeescript",
|
||||
"replaceWith": "js"
|
||||
},
|
||||
{
|
||||
"segment": "coffee",
|
||||
"replaceWith": "js"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"turf": {
|
||||
"extensions": [
|
||||
".turf",
|
||||
".kit"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "turf",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "minify-html",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".html",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "turf",
|
||||
"replaceWith": "html"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"typescript": {
|
||||
"extensions": [
|
||||
".ts",
|
||||
".tsx"
|
||||
],
|
||||
"autoCompile": true,
|
||||
"sourceMap": false,
|
||||
"tasks": [
|
||||
{
|
||||
"task": "typescript",
|
||||
"enable": true
|
||||
},
|
||||
{
|
||||
"task": "babel",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "bundle-js",
|
||||
"enable": false
|
||||
},
|
||||
{
|
||||
"task": "minify-js",
|
||||
"enable": false
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".js",
|
||||
"type": "REPLACE_SEGMENTS",
|
||||
"segments": [
|
||||
{
|
||||
"segment": "typescript",
|
||||
"replaceWith": "js"
|
||||
},
|
||||
{
|
||||
"segment": "ts",
|
||||
"replaceWith": "js"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"jpg": {
|
||||
"extensions": [
|
||||
".jpg",
|
||||
".jpeg"
|
||||
],
|
||||
"tasks": [
|
||||
{
|
||||
"task": "jpg",
|
||||
"enable": true
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".jpg",
|
||||
"type": "SOURCE_RELATIVE",
|
||||
"relativePath": ""
|
||||
}
|
||||
},
|
||||
"png": {
|
||||
"extensions": [
|
||||
".png"
|
||||
],
|
||||
"tasks": [
|
||||
{
|
||||
"task": "png",
|
||||
"enable": true
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".png",
|
||||
"type": "SOURCE_RELATIVE",
|
||||
"relativePath": ""
|
||||
}
|
||||
},
|
||||
"svg": {
|
||||
"extensions": [
|
||||
".svg"
|
||||
],
|
||||
"tasks": [
|
||||
{
|
||||
"task": "svg",
|
||||
"enable": true
|
||||
}
|
||||
],
|
||||
"output": {
|
||||
"extension": ".svg",
|
||||
"type": "SOURCE_RELATIVE",
|
||||
"relativePath": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"files": []
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue