ember-power-calendar 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/less/base.less
CHANGED
|
@@ -94,10 +94,10 @@
|
|
|
94
94
|
@cell-width: @cell-size,
|
|
95
95
|
@cell-height: @cell-size,
|
|
96
96
|
@cell-with-spacing-width: calc(~"@{cell-width} + 2px"),
|
|
97
|
-
@row-padding-top:
|
|
98
|
-
@row-padding-bottom:
|
|
99
|
-
@row-padding-left:
|
|
100
|
-
@row-padding-right:
|
|
97
|
+
@row-padding-top: 0px,
|
|
98
|
+
@row-padding-bottom: 0px,
|
|
99
|
+
@row-padding-left: 0px,
|
|
100
|
+
@row-padding-right: 0px,
|
|
101
101
|
@row-width: calc(~"(@{cell-with-spacing-width} * 7) - 2px + @{row-padding-left} + @{row-padding-right}"),
|
|
102
102
|
@row-height: calc(~"@{cell-height} + 2px"),
|
|
103
103
|
@primary-color: #0078c9,
|
package/package.json
CHANGED
package/scss/base.scss
CHANGED
|
@@ -91,10 +91,10 @@
|
|
|
91
91
|
$cell-width: $cell-size,
|
|
92
92
|
$cell-height: $cell-size,
|
|
93
93
|
$cell-with-spacing-width: calc(#{$cell-width} + 2px),
|
|
94
|
-
$row-padding-top:
|
|
95
|
-
$row-padding-bottom:
|
|
96
|
-
$row-padding-left:
|
|
97
|
-
$row-padding-right:
|
|
94
|
+
$row-padding-top: 0px,
|
|
95
|
+
$row-padding-bottom: 0px,
|
|
96
|
+
$row-padding-left: 0px,
|
|
97
|
+
$row-padding-right: 0px,
|
|
98
98
|
$row-width:
|
|
99
99
|
calc(
|
|
100
100
|
#{$cell-with-spacing-width} * 7 - 2px + #{$row-padding-left} + #{$row-padding-right}
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.ember-power-calendar {
|
|
93
|
-
width: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 7 - 2px +
|
|
93
|
+
width: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 7 - 2px + 0px + 0px);
|
|
94
94
|
}
|
|
95
95
|
.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days="1"] {
|
|
96
96
|
padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 1);
|
|
@@ -138,8 +138,8 @@
|
|
|
138
138
|
.ember-power-calendar .ember-power-calendar-weekdays,
|
|
139
139
|
.ember-power-calendar .ember-power-calendar-week {
|
|
140
140
|
height: calc(var(--ember-power-calendar-cell-size) + 2px);
|
|
141
|
-
padding-left:
|
|
142
|
-
padding-right:
|
|
141
|
+
padding-left: 0px;
|
|
142
|
+
padding-right: 0px;
|
|
143
143
|
}
|
|
144
144
|
.ember-power-calendar .ember-power-calendar-day {
|
|
145
145
|
color: #bbb;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var emberPowerCalendarForCssGenerate = ":root {\n --ember-power-calendar-cell-size: 35px;\n}\n\n.ember-power-calendar {\n box-sizing: border-box;\n position: relative;\n font-size: 14px;\n line-height: 1.4286;\n}\n\n.ember-power-calendar-nav {\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n line-height: 2;\n}\n\n.ember-power-calendar-nav * {\n box-sizing: border-box;\n}\n\n.ember-power-calendar-days,\n.ember-power-calendar-days * {\n box-sizing: border-box;\n}\n\n.ember-power-calendar-nav-title {\n flex: 1;\n text-align: center;\n}\n\n.ember-power-calendar-row {\n display: flex;\n justify-content: space-between;\n}\n\n.ember-power-calendar-weekday {\n appearance: none;\n flex: 1 1 100%;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n justify-content: center;\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.ember-power-calendar-day {\n appearance: none;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n flex: 1 1 100%;\n font-size: inherit;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.ember-power-calendar-nav-control {\n appearance: none;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n line-height: 1;\n font-size: 150%;\n}\n.ember-power-calendar-nav-control:focus {\n transform: scale(1.2);\n}\n\n.ember-power-calendar-day--selected,\n.ember-power-calendar-day--selected:not([disabled]):hover {\n font-weight: bold;\n}\n\n.ember-power-calendar-day--interactive[disabled] {\n opacity: 0.4;\n}\n\n.ember-power-calendar {\n width: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 7 - 2px +
|
|
1
|
+
var emberPowerCalendarForCssGenerate = ":root {\n --ember-power-calendar-cell-size: 35px;\n}\n\n.ember-power-calendar {\n box-sizing: border-box;\n position: relative;\n font-size: 14px;\n line-height: 1.4286;\n}\n\n.ember-power-calendar-nav {\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n line-height: 2;\n}\n\n.ember-power-calendar-nav * {\n box-sizing: border-box;\n}\n\n.ember-power-calendar-days,\n.ember-power-calendar-days * {\n box-sizing: border-box;\n}\n\n.ember-power-calendar-nav-title {\n flex: 1;\n text-align: center;\n}\n\n.ember-power-calendar-row {\n display: flex;\n justify-content: space-between;\n}\n\n.ember-power-calendar-weekday {\n appearance: none;\n flex: 1 1 100%;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n justify-content: center;\n display: flex;\n align-items: center;\n padding: 0;\n}\n\n.ember-power-calendar-day {\n appearance: none;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n flex: 1 1 100%;\n font-size: inherit;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.ember-power-calendar-nav-control {\n appearance: none;\n background-color: transparent;\n background-color: initial;\n border: none;\n border: initial;\n outline: none;\n outline: initial;\n line-height: 1;\n font-size: 150%;\n}\n.ember-power-calendar-nav-control:focus {\n transform: scale(1.2);\n}\n\n.ember-power-calendar-day--selected,\n.ember-power-calendar-day--selected:not([disabled]):hover {\n font-weight: bold;\n}\n\n.ember-power-calendar-day--interactive[disabled] {\n opacity: 0.4;\n}\n\n.ember-power-calendar {\n width: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 7 - 2px + 0px + 0px);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"1\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 1);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"2\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 2);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"3\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 3);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"4\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 4);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"5\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 5);\n}\n.ember-power-calendar .ember-power-calendar-week:first-child[data-missing-days=\"6\"] {\n padding-left: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 6);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"1\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 1);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"2\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 2);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"3\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 3);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"4\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 4);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"5\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 5);\n}\n.ember-power-calendar .ember-power-calendar-week:last-child[data-missing-days=\"6\"] {\n padding-right: calc(calc(var(--ember-power-calendar-cell-size) + 2px) * 6);\n}\n.ember-power-calendar .ember-power-calendar-day,\n.ember-power-calendar .ember-power-calendar-weekday {\n max-width: \"var(--ember-power-calendar-cell-size)\";\n max-height: \"var(--ember-power-calendar-cell-size)\";\n width: \"var(--ember-power-calendar-cell-size)\";\n height: \"var(--ember-power-calendar-cell-size)\";\n}\n.ember-power-calendar .ember-power-calendar-weekdays,\n.ember-power-calendar .ember-power-calendar-week {\n height: calc(var(--ember-power-calendar-cell-size) + 2px);\n padding-left: 0px;\n padding-right: 0px;\n}\n.ember-power-calendar .ember-power-calendar-day {\n color: #bbb;\n}\n.ember-power-calendar .ember-power-calendar-weekdays {\n color: #333333;\n}\n.ember-power-calendar .ember-power-calendar-nav-control {\n color: #0078c9;\n}\n.ember-power-calendar .ember-power-calendar-nav-control:focus {\n color: rgb(48, 171.5820895522, 255);\n}\n.ember-power-calendar .ember-power-calendar-day--current-month {\n color: #656d78;\n background-color: #f5f7fa;\n}\n.ember-power-calendar .ember-power-calendar-day--today {\n background-color: #eee;\n}\n.ember-power-calendar .ember-power-calendar-day:not([disabled]):hover {\n background-color: #eee;\n}\n.ember-power-calendar .ember-power-calendar-day--focused {\n box-shadow: inset 0 -2px 0 0 #0078c9;\n}\n.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {\n background-color: rgb(150, 212.6865671642, 255);\n}\n.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {\n background-color: rgb(150, 212.6865671642, 255);\n}\n.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {\n background-color: rgb(150, 212.6865671642, 255);\n}\n.ember-power-calendar .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {\n background-color: rgb(150, 212.6865671642, 255);\n}\n.ember-power-calendar .ember-power-calendar-day--selected {\n background-color: rgb(201, 233.2388059701, 255);\n color: #656d78;\n}\n.ember-power-calendar .ember-power-calendar-day--selected:not([disabled]):hover {\n background-color: rgb(201, 233.2388059701, 255);\n color: #656d78;\n}\n.ember-power-calendar .ember-power-calendar-day--other-month:not([disabled]):hover {\n color: #656d78;\n}";
|
|
2
2
|
|
|
3
3
|
export { emberPowerCalendarForCssGenerate as default };
|