From b261b8da930fd6f50f326585edd40194c807bc57 Mon Sep 17 00:00:00 2001 From: ThomasJ Date: Mon, 25 Jan 2016 12:05:21 +0900 Subject: [PATCH] =?UTF-8?q?@include=20ax-background=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/ax5calendar.css | 2 +- src/scss/_ax5calendar.scss | 34 ++++++++++++++-------------- src/scss/_ax5calendar_variables.scss | 9 ++++---- 3 files changed, 22 insertions(+), 23 deletions(-) diff --git a/dist/ax5calendar.css b/dist/ax5calendar.css index e204e65..5a5f6fc 100644 --- a/dist/ax5calendar.css +++ b/dist/ax5calendar.css @@ -1 +1 @@ -@-webkit-keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@-moz-keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@-webkit-keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}@-moz-keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}@keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}.ax5-ui-calendar{box-sizing:border-box;position:relative}.ax5-ui-calendar .calendar-control{position:relative;box-sizing:content-box;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#F0F0F0);background-image:linear-gradient(to top,#fff,#F0F0F0);border:1px solid #B4B4B4;border-radius:2px;font-size:18px;margin-bottom:5px;color:#333}.ax5-ui-calendar .calendar-control .date-move-left,.ax5-ui-calendar .calendar-control .date-move-right{display:block;position:absolute;overflow:hidden;text-align:center;font-size:22px;cursor:pointer;text-decoration:none}.ax5-ui-calendar .calendar-control .date-move-left i,.ax5-ui-calendar .calendar-control .date-move-left span,.ax5-ui-calendar .calendar-control .date-move-right i,.ax5-ui-calendar .calendar-control .date-move-right span{line-height:inherit}.ax5-ui-calendar .calendar-control .date-move-left{left:0px;top:0px}.ax5-ui-calendar .calendar-control .date-move-right{right:0px;top:0px}.ax5-ui-calendar .calendar-control .date-display{text-align:center}.ax5-ui-calendar .calendar-control .date-display [data-calendar-display]{margin:0px 10px;cursor:pointer;text-decoration:underline}.ax5-ui-calendar .calendar-control a{color:#333}.ax5-ui-calendar .calendar-control a:hover{color:#337ab7}.ax5-ui-calendar .calendar-body.fadein{-webkit-animation:ax5-ui-calendar-fadein 0.3s ease-in-out;-moz-animation:ax5-ui-calendar-fadein 0.3s ease-in-out;animation:ax5-ui-calendar-fadein 0.3s ease-in-out;opacity:1.0}.ax5-ui-calendar .calendar-body.fadeout{-webkit-animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;-moz-animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;opacity:0.0}.ax5-ui-calendar .calendar-body table{box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0px}.ax5-ui-calendar .calendar-body table thead td,.ax5-ui-calendar .calendar-body table thead th{box-sizing:border-box;vertical-align:middle;line-height:1em;cursor:pointer;text-align:center;font-size:12px;padding:10px 2px;border:0px none;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#6D6E70}.ax5-ui-calendar .calendar-body table thead td.calendar-col-0,.ax5-ui-calendar .calendar-body table thead th.calendar-col-0{color:#C78B81}.ax5-ui-calendar .calendar-body table thead td.calendar-col-6,.ax5-ui-calendar .calendar-body table thead th.calendar-col-6{color:#32B4DC}.ax5-ui-calendar .calendar-body table tbody td,.ax5-ui-calendar .calendar-body table tbody th{box-sizing:border-box;vertical-align:middle;line-height:1em;cursor:pointer;text-align:center;font-size:14px;border:0px none;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);overflow:hidden}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day{position:relative;display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.addon{position:absolute;left:0px;top:0px;width:100%;text-align:center;line-height:10px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.lunar{position:absolute;left:0px;bottom:3px;width:100%;text-align:center;font-size:12px;color:#eee;line-height:12px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(bottom, #F0F0F0,#F0F0F0);background-image:linear-gradient(to top,#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.addon{color:#A1A1A1}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.lunar{color:#A1A1A1}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus{background-color:#E67241;background-image:-webkit-linear-gradient(bottom, #E67241,#E67241);background-image:linear-gradient(to top,#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff !important}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff !important}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.disable,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.disable{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#dddedf}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month{display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(#F0F0F0,#F0F0F0);background-image:linear-gradient(#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(#32B4DC,#32B4DC);background-image:linear-gradient(#32B4DC,#32B4DC);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.focus{background-color:#E67241;background-image:-webkit-linear-gradient(#E67241,#E67241);background-image:linear-gradient(#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year{display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(#fff,#fff);background-image:linear-gradient(#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(#F0F0F0,#F0F0F0);background-image:linear-gradient(#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(#32B4DC,#32B4DC);background-image:linear-gradient(#32B4DC,#32B4DC);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.focus{background-color:#E67241;background-image:-webkit-linear-gradient(#E67241,#E67241);background-image:linear-gradient(#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td.calendar-col-0 .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th.calendar-col-0 .calendar-item-day.live{color:#C78B81}.ax5-ui-calendar .calendar-body table tbody td.calendar-col-6 .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th.calendar-col-6 .calendar-item-day.live{color:#32B4DC} +@-webkit-keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@-moz-keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@keyframes ax5-ui-calendar-fadeout{from{opacity:1.0}to{opacity:0.0}}@-webkit-keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}@-moz-keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}@keyframes ax5-ui-calendar-fadein{from{opacity:0.0}to{opacity:1.0}}.ax5-ui-calendar{box-sizing:border-box;position:relative}.ax5-ui-calendar .calendar-control{position:relative;box-sizing:content-box;background-color:#f5f5f5;background-image:-webkit-linear-gradient(bottom, #f5f5f5);background-image:linear-gradient(to top,#f5f5f5);border:1px solid #ddd;border-radius:5px;font-size:18px;margin-bottom:5px;color:#333}.ax5-ui-calendar .calendar-control .date-move-left,.ax5-ui-calendar .calendar-control .date-move-right{display:block;position:absolute;overflow:hidden;text-align:center;font-size:22px;cursor:pointer;text-decoration:none}.ax5-ui-calendar .calendar-control .date-move-left i,.ax5-ui-calendar .calendar-control .date-move-left span,.ax5-ui-calendar .calendar-control .date-move-right i,.ax5-ui-calendar .calendar-control .date-move-right span{line-height:inherit}.ax5-ui-calendar .calendar-control .date-move-left{left:0px;top:0px}.ax5-ui-calendar .calendar-control .date-move-right{right:0px;top:0px}.ax5-ui-calendar .calendar-control .date-display{text-align:center}.ax5-ui-calendar .calendar-control .date-display [data-calendar-display]{margin:0px 10px;cursor:pointer;text-decoration:underline}.ax5-ui-calendar .calendar-control a{color:#333}.ax5-ui-calendar .calendar-control a:hover{color:#337ab7}.ax5-ui-calendar .calendar-body.fadein{-webkit-animation:ax5-ui-calendar-fadein 0.3s ease-in-out;-moz-animation:ax5-ui-calendar-fadein 0.3s ease-in-out;animation:ax5-ui-calendar-fadein 0.3s ease-in-out;opacity:1.0}.ax5-ui-calendar .calendar-body.fadeout{-webkit-animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;-moz-animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;animation:ax5-ui-calendar-fadeout 0.3s ease-in-out;opacity:0.0}.ax5-ui-calendar .calendar-body table{box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0px}.ax5-ui-calendar .calendar-body table thead td,.ax5-ui-calendar .calendar-body table thead th{box-sizing:border-box;vertical-align:middle;line-height:1em;cursor:pointer;text-align:center;font-size:12px;padding:10px 2px;border:0px none;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#6D6E70}.ax5-ui-calendar .calendar-body table thead td.calendar-col-0,.ax5-ui-calendar .calendar-body table thead th.calendar-col-0{color:#C78B81}.ax5-ui-calendar .calendar-body table thead td.calendar-col-6,.ax5-ui-calendar .calendar-body table thead th.calendar-col-6{color:#32B4DC}.ax5-ui-calendar .calendar-body table tbody td,.ax5-ui-calendar .calendar-body table tbody th{box-sizing:border-box;vertical-align:middle;line-height:1em;cursor:pointer;text-align:center;font-size:14px;border:0px none;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);overflow:hidden}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day{position:relative;display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.addon{position:absolute;left:0px;top:0px;width:100%;text-align:center;line-height:10px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.lunar{position:absolute;left:0px;bottom:3px;width:100%;text-align:center;font-size:12px;color:#eee;line-height:12px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(bottom, #F0F0F0,#F0F0F0);background-image:linear-gradient(to top,#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.addon{color:#A1A1A1}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.lunar{color:#A1A1A1}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus{background-color:#E67241;background-image:-webkit-linear-gradient(bottom, #E67241,#E67241);background-image:linear-gradient(to top,#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff !important}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff !important}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover span.addon,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover span.addon{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.hover span.lunar,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.hover span.lunar{color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.disable,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.disable{background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#dddedf}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month{display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(bottom, #F0F0F0,#F0F0F0);background-image:linear-gradient(to top,#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.focus{background-color:#E67241;background-image:-webkit-linear-gradient(bottom, #E67241,#E67241);background-image:linear-gradient(to top,#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year{display:block;width:100%;height:100%;vertical-align:middle;border-radius:5px;overflow:hidden;line-height:inherit;background-color:#fff;background-image:-webkit-linear-gradient(bottom, #fff,#fff);background-image:linear-gradient(to top,#fff,#fff);color:#C3C4C6;font-size:16px}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.live,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.live{background-color:#F0F0F0;background-image:-webkit-linear-gradient(bottom, #F0F0F0,#F0F0F0);background-image:linear-gradient(to top,#F0F0F0,#F0F0F0);color:#6D6E70}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.hover,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.hover{background-color:#32B4DC;background-image:-webkit-linear-gradient(bottom, #32B4DC,#32B4DC);background-image:linear-gradient(to top,#32B4DC,#32B4DC);color:#fff}.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.focus,.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.focus{background-color:#E67241;background-image:-webkit-linear-gradient(bottom, #E67241,#E67241);background-image:linear-gradient(to top,#E67241,#E67241);color:#fff}.ax5-ui-calendar .calendar-body table tbody td.calendar-col-0 .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th.calendar-col-0 .calendar-item-day.live{color:#C78B81}.ax5-ui-calendar .calendar-body table tbody td.calendar-col-6 .calendar-item-day.live,.ax5-ui-calendar .calendar-body table tbody th.calendar-col-6 .calendar-item-day.live{color:#32B4DC} diff --git a/src/scss/_ax5calendar.scss b/src/scss/_ax5calendar.scss index 80953e3..2abeee7 100644 --- a/src/scss/_ax5calendar.scss +++ b/src/scss/_ax5calendar.scss @@ -24,7 +24,7 @@ .calendar-control { position: relative; box-sizing: content-box; - @include linear-gradient(to top, nth($ax5calendar-control-bg, 1), nth($ax5calendar-control-bg, 2)); + @include ax-background($ax5calendar-control-bg); border: $ax5calendar-control-border; border-radius: $ax5calendar-control-border-radius; font-size: $ax5calendar-control-font-size; @@ -95,7 +95,7 @@ padding: $ax5calendar-header-padding; border: $ax5calendar-header-border; - @include linear-gradient(to top, nth($ax5calendar-header-bg, 1), nth($ax5calendar-header-bg, 2)); + @include ax-background($ax5calendar-header-bg); color: $ax5calendar-live-text-color; &.calendar-col-0 { @@ -116,7 +116,7 @@ font-size: $ax5calendar-body-font-size; border: $ax5calendar-body-border; - @include linear-gradient(to top, nth($ax5calendar-body-bg, 1), nth($ax5calendar-body-bg, 2)); + @include ax-background($ax5calendar-body-bg); overflow: hidden; .calendar-item-day { @@ -128,7 +128,7 @@ border-radius: $ax5calendar-item-day-radius; overflow: hidden; line-height: inherit; - @include linear-gradient(to top, nth($ax5calendar-date-bg, 1), nth($ax5calendar-date-bg, 2)); + @include ax-background($ax5calendar-date-bg); color: $ax5calendar-date-text-color; font-size: 16px; @@ -152,7 +152,7 @@ } &.live { - @include linear-gradient(to top, nth($ax5calendar-live-bg, 1), nth($ax5calendar-live-bg, 2)); + @include ax-background($ax5calendar-live-bg); color: $ax5calendar-live-text-color; span.addon { color: #A1A1A1; @@ -162,7 +162,7 @@ } } &.focus { - @include linear-gradient(to top, nth($ax5calendar-focus-bg, 1), nth($ax5calendar-focus-bg, 2)); + @include ax-background($ax5calendar-focus-bg); color: $ax5calendar-focus-text-color; span.addon { color: $ax5calendar-focus-text-color; @@ -171,7 +171,7 @@ color: $ax5calendar-focus-text-color; } &.hover { - @include linear-gradient(to top, nth($ax5calendar-hover-bg, 1), nth($ax5calendar-hover-bg, 2)); + @include ax-background($ax5calendar-hover-bg); color: $ax5calendar-hover-text-color !important; span.addon { color: $ax5calendar-hover-text-color; @@ -182,7 +182,7 @@ } } &.hover { - @include linear-gradient(to top, nth($ax5calendar-hover-bg, 1), nth($ax5calendar-hover-bg, 2)); + @include ax-background($ax5calendar-hover-bg); color: $ax5calendar-hover-text-color !important; span.addon { color: $ax5calendar-hover-text-color; @@ -192,7 +192,7 @@ } } &.disable { - @include linear-gradient(to top, nth($ax5calendar-date-bg, 1), nth($ax5calendar-date-bg, 2)); + @include ax-background($ax5calendar-date-bg); color: lighten($ax5calendar-date-text-color, 10%); } } @@ -204,20 +204,20 @@ border-radius: $ax5calendar-item-month-radius; overflow: hidden; line-height: inherit; - @include linear-gradient(nth($ax5calendar-date-bg, 1), nth($ax5calendar-date-bg, 2)); + @include ax-background($ax5calendar-date-bg); color: $ax5calendar-date-text-color; font-size: 16px; &.live { - @include linear-gradient(nth($ax5calendar-live-bg, 1), nth($ax5calendar-live-bg, 2)); + @include ax-background($ax5calendar-live-bg); color: $ax5calendar-live-text-color; } &.hover { - @include linear-gradient(nth($ax5calendar-hover-bg, 1), nth($ax5calendar-hover-bg, 2)); + @include ax-background($ax5calendar-hover-bg); color: $ax5calendar-hover-text-color; } &.focus { - @include linear-gradient(nth($ax5calendar-focus-bg, 1), nth($ax5calendar-focus-bg, 2)); + @include ax-background($ax5calendar-focus-bg); color: $ax5calendar-focus-text-color; } } @@ -229,20 +229,20 @@ border-radius: $ax5calendar-item-year-radius; overflow: hidden; line-height: inherit; - @include linear-gradient(nth($ax5calendar-date-bg, 1), nth($ax5calendar-date-bg, 2)); + @include ax-background($ax5calendar-date-bg); color: $ax5calendar-date-text-color; font-size: 16px; &.live { - @include linear-gradient(nth($ax5calendar-live-bg, 1), nth($ax5calendar-live-bg, 2)); + @include ax-background($ax5calendar-live-bg); color: $ax5calendar-live-text-color; } &.hover { - @include linear-gradient(nth($ax5calendar-hover-bg, 1), nth($ax5calendar-hover-bg, 2)); + @include ax-background($ax5calendar-hover-bg); color: $ax5calendar-hover-text-color; } &.focus { - @include linear-gradient(nth($ax5calendar-focus-bg, 1), nth($ax5calendar-focus-bg, 2)); + @include ax-background($ax5calendar-focus-bg); color: $ax5calendar-focus-text-color; } } diff --git a/src/scss/_ax5calendar_variables.scss b/src/scss/_ax5calendar_variables.scss index 56a34d2..ad747da 100644 --- a/src/scss/_ax5calendar_variables.scss +++ b/src/scss/_ax5calendar_variables.scss @@ -1,13 +1,12 @@ //== calendar -$ax5calendar-control-bg: (#FFFFFF, #F0F0F0) !default; -$ax5calendar-control-border: 1px solid #B4B4B4 !default; -$ax5calendar-control-border-radius: 2px !default; +$ax5calendar-control-bg: ($panel-default-heading-bg) !default; // color, (color1, color2), (pos, color1, color2) 모두 사용가능 +$ax5calendar-control-border: 1px solid $panel-default-border !default; +$ax5calendar-control-border-radius: 5px !default; $ax5calendar-control-font-size: ceil(($font-size-base * 1.25)) !default; -$ax5calendar-control-text-color: $text-color !default; +$ax5calendar-control-text-color: $panel-default-text !default; $ax5calendar-control-hover-text-color: $brand-primary !default; - $ax5calendar-header-bg: (#FFFFFF, #FFFFFF) !default; $ax5calendar-header-border: 0px none !default; $ax5calendar-header-padding: 10px 2px !default;