blabla
This commit is contained in:
=
parent
1e9e991876
commit
9ed92ca87f
|
|
@ -1,28 +1,31 @@
|
||||||
.footer {
|
.footer {
|
||||||
background: $text-light-black;
|
background: $text-light-black;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
&__inner {
|
&__inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
&__copyright {
|
&__copyright {
|
||||||
font-size: $h5-size;
|
font-size: $h5-size;
|
||||||
line-height: $h5-height;
|
line-height: $h5-height;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: $text-color-white;
|
color: $text-color-white;
|
||||||
a(color:$text-color-white;)
|
a {
|
||||||
}
|
color: $text-color-white;
|
||||||
&__social {
|
margin-left: 5px;
|
||||||
display: flex;
|
}
|
||||||
align-items: center;
|
}
|
||||||
&-link {
|
&__social {
|
||||||
fill: $text-color-white;
|
display: flex;
|
||||||
margin: 0 10px;
|
align-items: center;
|
||||||
@include transition;
|
&-link {
|
||||||
&:hover {
|
fill: $text-color-white;
|
||||||
fill: $main-color;
|
margin: 0 10px;
|
||||||
}
|
@include transition;
|
||||||
|
&:hover {
|
||||||
|
fill: $main-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,68 +1,68 @@
|
||||||
.header {
|
.header {
|
||||||
position: relative;
|
position: relative;
|
||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "";
|
content: "";
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
background: #00822c;
|
background: #00822c;
|
||||||
}
|
}
|
||||||
&__inner {
|
&__inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
&__logo {
|
&__logo {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
&__search {
|
&__search {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
&-input {
|
&-input {
|
||||||
width: 350px;
|
width: 350px;
|
||||||
position: relative;
|
position: relative;
|
||||||
input {
|
input {
|
||||||
width: calc(100% - 60px);
|
width: calc(100% - 60px);
|
||||||
font-family: "roboto";
|
font-family: "roboto";
|
||||||
padding: 14px 40px 14px 20px;
|
padding: 14px 40px 14px 20px;
|
||||||
font-size: $h4-size;
|
font-size: $h4-size;
|
||||||
line-height: $h4-size;
|
line-height: $h4-size;
|
||||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
color: rgba($color: $text-light-black, $alpha: 0.3);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: 1px solid #c9c9c9;
|
border: 1px solid #c9c9c9;
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
font-family: "roboto";
|
font-family: "roboto";
|
||||||
font-size: $h4-size;
|
font-size: $h4-size;
|
||||||
line-height: $h4-size;
|
line-height: $h4-size;
|
||||||
color: rgba($color: $text-light-black, $alpha: 0.3);
|
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 {
|
&__slogan {
|
||||||
position: absolute;
|
font-family: "Oswald", sans-serif;
|
||||||
top: 50%;
|
color: $main-color;
|
||||||
right: 20px;
|
font-weight: 700;
|
||||||
@include transformY;
|
font-size: 33px;
|
||||||
svg {
|
line-height: 33px;
|
||||||
width: 18px;
|
margin-right: 20px;
|
||||||
height: 18px;
|
letter-spacing: -1.5px;
|
||||||
fill: $text-light-black;
|
}
|
||||||
}
|
.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
|
/// @param {String} $replace ('') - New value
|
||||||
/// @return {String} - Updated string
|
/// @return {String} - Updated string
|
||||||
@function lightpick-str-replace($string, $search, $replace: "") {
|
@function lightpick-str-replace($string, $search, $replace: "") {
|
||||||
$index: str-index($string, $search);
|
$index: str-index($string, $search);
|
||||||
|
|
||||||
@if $index {
|
@if $index {
|
||||||
@return str-slice($string, 1, $index - 1) + $replace +
|
@return str-slice($string, 1, $index - 1) + $replace +
|
||||||
lightpick-str-replace(
|
lightpick-str-replace(
|
||||||
str-slice($string, $index + str-length($search)),
|
str-slice($string, $index + str-length($search)),
|
||||||
$search,
|
$search,
|
||||||
$replace
|
$replace
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@return $string;
|
@return $string;
|
||||||
}
|
}
|
||||||
|
|
||||||
/// Split `$string` between the `$separator` characters
|
/// Split `$string` between the `$separator` characters
|
||||||
|
|
@ -27,22 +27,22 @@
|
||||||
/// @param {String} $separator - Substring to split on
|
/// @param {String} $separator - Substring to split on
|
||||||
/// @return {List} - Split string
|
/// @return {List} - Split string
|
||||||
@function lightpick-str-split($string, $separator) {
|
@function lightpick-str-split($string, $separator) {
|
||||||
$split-arr: ();
|
$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);
|
|
||||||
|
|
||||||
$index: str-index($string, $separator);
|
$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
|
// SCSS Variables
|
||||||
|
|
@ -60,9 +60,9 @@ $lightpick-day-of-week-font-size: 11px !default;
|
||||||
$lightpick-day-of-week-font-weight: bold !default;
|
$lightpick-day-of-week-font-weight: bold !default;
|
||||||
$lightpick-day-hover-color: #e0e0e0 !default;
|
$lightpick-day-hover-color: #e0e0e0 !default;
|
||||||
$lightpick-day-hover-background-image-color: lightpick-str-replace(
|
$lightpick-day-hover-background-image-color: lightpick-str-replace(
|
||||||
quote(#{$lightpick-day-hover-color}),
|
quote(#{$lightpick-day-hover-color}),
|
||||||
"#",
|
"#",
|
||||||
"%23"
|
"%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-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;
|
$lightpick-day-disabled-opacity: 0.38 !default;
|
||||||
|
|
@ -72,9 +72,9 @@ $lightpick-day-font-size: 13px !default;
|
||||||
$lightpick-selected-date-color: #fff !default;
|
$lightpick-selected-date-color: #fff !default;
|
||||||
$main-color: #268bd2 !default;
|
$main-color: #268bd2 !default;
|
||||||
$lightpick-selected-date-background-image-color: lightpick-str-replace(
|
$lightpick-selected-date-background-image-color: lightpick-str-replace(
|
||||||
quote(#{$main-color}),
|
quote(#{$main-color}),
|
||||||
"#",
|
"#",
|
||||||
"%23"
|
"%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-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;
|
$lightpick-selected-date-font-weight: bold !default;
|
||||||
|
|
@ -105,329 +105,331 @@ $lightpick-action-close-font-size: 18px !default;
|
||||||
|
|
||||||
// Styles
|
// Styles
|
||||||
.calendar__outer {
|
.calendar__outer {
|
||||||
width: 100%;
|
|
||||||
input {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: none;
|
input {
|
||||||
}
|
width: 100%;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.lightpick {
|
.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;
|
position: absolute;
|
||||||
top: 50%;
|
z-index: 99999;
|
||||||
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;
|
border-radius: $lightpick-border-radius;
|
||||||
background-color: $lightpick-tooltip-background-color;
|
// background-color: $lightpick-background-color;
|
||||||
box-shadow: $lightpick-box-shadow;
|
// box-shadow: $lightpick-box-shadow;
|
||||||
white-space: nowrap;
|
color: $lightpick-color;
|
||||||
font-size: $lightpick-tooltip-font-size;
|
font-family: $lightpick-font;
|
||||||
pointer-events: none;
|
line-height: $lightpick-line-height;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 80px;
|
||||||
|
&--inlined {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&,
|
||||||
|
& *,
|
||||||
|
&::after,
|
||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
box-sizing: border-box;
|
||||||
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 {
|
&.is-hidden {
|
||||||
position: absolute;
|
display: none;
|
||||||
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 {
|
&__months {
|
||||||
display: flex;
|
display: grid;
|
||||||
justify-content: space-between;
|
background-color: $lightpick-months-background-color;
|
||||||
}
|
grid-template-columns: auto;
|
||||||
|
grid-gap: 1px;
|
||||||
|
|
||||||
&__reset-action,
|
@at-root .lightpick--2-columns #{&} {
|
||||||
&__apply-action {
|
grid-template-columns: auto auto;
|
||||||
border-radius: $lightpick-action-border-radius;
|
}
|
||||||
font-size: $lightpick-action-font-size;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__reset-action {
|
@at-root .lightpick--3-columns #{&} {
|
||||||
color: $lightpick-action-reset-color;
|
grid-template-columns: auto auto auto;
|
||||||
background-color: $lightpick-action-reset-background-color;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&__apply-action {
|
@at-root .lightpick--4-columns #{&} {
|
||||||
color: $lightpick-action-apply-color;
|
grid-template-columns: auto auto auto auto;
|
||||||
background-color: $lightpick-action-apply-background-color;
|
}
|
||||||
}
|
|
||||||
|
@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 {
|
.card {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
background: $text-color-white;
|
background: $text-color-white;
|
||||||
&__header {
|
&__header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
&-category {
|
&-category {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
background: $main-color;
|
background: $main-color;
|
||||||
font-size: $h5-size;
|
font-size: $h5-size;
|
||||||
line-height: $h5-height;
|
line-height: $h5-height;
|
||||||
color: $text-color-white;
|
color: $text-color-white;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
max-width: 115px;
|
max-width: 115px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 10px;
|
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 {
|
&__link {
|
||||||
display: flex;
|
color: $text-black;
|
||||||
align-items: center;
|
font-weight: 700;
|
||||||
color: $text-color-grey;
|
font-size: $h4-size;
|
||||||
font-weight: 400;
|
line-height: $h4-height;
|
||||||
font-size: $h5-size;
|
margin: 10px 0 0 0;
|
||||||
line-height: $h5-height - 5px;
|
display: block;
|
||||||
svg {
|
max-height: 90px;
|
||||||
margin-right: 5px;
|
overflow: hidden;
|
||||||
stroke: $text-color-grey;
|
text-overflow: ellipsis;
|
||||||
width: 21px;
|
|
||||||
height: 14px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&-date {
|
&__box {
|
||||||
display: flex;
|
padding: 30px 0;
|
||||||
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;
|
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-top: 1px solid $text-color-grey;
|
border-top: 1px solid $text-color-grey;
|
||||||
padding: 30px 0 0 0;
|
padding: 30px 0 0 0;
|
||||||
|
}
|
||||||
|
&:nth-child(2) {
|
||||||
|
padding: 0 0 30px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
&:nth-child(2) {
|
&.other {
|
||||||
padding: 0 0 30px 0;
|
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 {
|
.partnerSlider {
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&__inner {
|
|
||||||
}
|
|
||||||
&__item {
|
|
||||||
margin-right: 5px;
|
|
||||||
padding: 30px;
|
|
||||||
border-right: 5px;
|
|
||||||
border: 1px solid #e6e6e6;
|
|
||||||
position: relative;
|
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{
|
&__item {
|
||||||
border-top: 2px solid $main-color;
|
margin-right: 5px;
|
||||||
border-left: 2px solid $main-color;
|
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 {
|
.news {
|
||||||
&__inner {
|
&__inner {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
padding: 80px 0;
|
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;
|
|
||||||
}
|
}
|
||||||
.card {
|
&__sidebar {
|
||||||
padding: 30px 0;
|
margin-left: 25px;
|
||||||
border-bottom: 1px solid #dcdcdc;
|
width: calc(30% - 25px);
|
||||||
}
|
&-title {
|
||||||
}
|
font-size: $h4-size;
|
||||||
&__content {
|
line-height: $h4-height;
|
||||||
width: calc(70% - 25px);
|
font-weight: 700;
|
||||||
margin-right: 25px;
|
text-transform: uppercase;
|
||||||
}
|
margin-bottom: 20px;
|
||||||
&__title {
|
color: $text-light-black;
|
||||||
color: $text-black;
|
}
|
||||||
font-weight: 700;
|
.card {
|
||||||
font-size: $h2-size;
|
padding: 30px 0;
|
||||||
line-height: $h2-height;
|
border-bottom: 1px solid #dcdcdc;
|
||||||
}
|
|
||||||
&__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;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
&__content {
|
||||||
&__footer {
|
width: calc(70% - 25px);
|
||||||
display: flex;
|
margin-right: 25px;
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
&-social {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
svg {
|
|
||||||
margin-right: 20px;
|
|
||||||
fill: $main-color;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&-name {
|
&__title {
|
||||||
font-size: $h2-size;
|
color: $text-black;
|
||||||
line-height: $h2-height;
|
font-weight: 700;
|
||||||
font-weight: 700;
|
font-size: $h2-size;
|
||||||
color: $text-light-black;
|
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;
|
font-family: "Oswald", sans-serif;
|
||||||
color: #FD4C24;
|
color: #FD4C24;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 40px;
|
font-size: 33px;
|
||||||
line-height: 40px;
|
line-height: 33px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
letter-spacing: -1.5px;
|
letter-spacing: -1.5px;
|
||||||
}
|
}
|
||||||
|
|
@ -202,6 +202,10 @@ li {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
.footer__copyright a {
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
.footer__social {
|
.footer__social {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -1586,21 +1590,16 @@ li {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
.news__body p a {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
.news__body-row {
|
.news__body-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 -20px 30px -20px;
|
margin: 0 -20px 30px -20px;
|
||||||
}
|
}
|
||||||
.news__body-row-image {
|
.news__body-row img.aligncenter {
|
||||||
width: calc(50% - 40px);
|
margin: 0 auto;
|
||||||
margin: 0 20px 0 20px;
|
|
||||||
height: 300px;
|
|
||||||
}
|
|
||||||
.news__body-row-image img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
-o-object-fit: cover;
|
|
||||||
}
|
}
|
||||||
.news__footer {
|
.news__footer {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1611,7 +1610,7 @@ li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.news__footer-social-link {
|
.news__footer-social svg {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
fill: #FD4C24;
|
fill: #FD4C24;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -15,9 +15,6 @@
|
||||||
@import "./components/2-layout/newsCard.scss";
|
@import "./components/2-layout/newsCard.scss";
|
||||||
@import "./components/2-layout/lightpick.scss";
|
@import "./components/2-layout/lightpick.scss";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 3-page components
|
// 3-page components
|
||||||
@import "./components/3-page/home.scss";
|
@import "./components/3-page/home.scss";
|
||||||
@import "./components/3-page/heading.scss";
|
@import "./components/3-page/heading.scss";
|
||||||
|
|
@ -26,7 +23,5 @@
|
||||||
@import "./components/3-page/news.scss";
|
@import "./components/3-page/news.scss";
|
||||||
@import "./components/3-page/terms.scss";
|
@import "./components/3-page/terms.scss";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// responsive
|
// responsive
|
||||||
@import "./components/2-layout/responsive.scss";
|
@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