Skip to content
This repository has been archived by the owner. It is now read-only.
Permalink
Browse files

fix(styles): scope all styles to the calendar component

Closes #488
  • Loading branch information...
Matt Lewis
Matt Lewis committed Nov 9, 2016
1 parent 115a42b commit d7930534d3cfd49e81a11e7437e796b569c4c595
Showing with 444 additions and 426 deletions.
  1. +28 −24 src/less/events.less
  2. +121 −116 src/less/grid.less
  3. +102 −98 src/less/month.less
  4. +193 −188 src/less/theme.less
@@ -1,28 +1,32 @@
.event {
display: block;
background-color: @eventStandardColor;
width: @eventSize;
height: @eventSize;
margin-right: @eventMargin;
margin-bottom: @eventMargin;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
border-radius: @eventBorderRadius;
border: @eventBorderSize solid @eventBorderColor;
}
mwl-calendar {

.event-block {
display: block;
background-color: #c3c3c3;
width: 20px;
height: 100%;
}
.event {
display: block;
background-color: @eventStandardColor;
width: @eventSize;
height: @eventSize;
margin-right: @eventMargin;
margin-bottom: @eventMargin;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
border-radius: @eventBorderRadius;
border: @eventBorderSize solid @eventBorderColor;
}

.cal-event-list .event.pull-left {
margin-top: 3px;
}
.event-block {
display: block;
background-color: #c3c3c3;
width: 20px;
height: 100%;
}

.cal-event-list .event.pull-left {
margin-top: 3px;
}

.day-highlight:hover,
.day-highlight {
background-color: @eventHiliteStandart;
}

.day-highlight:hover,
.day-highlight {
background-color: @eventHiliteStandart;
}
@@ -1,126 +1,131 @@
[class*="cal-cell"] {
float: left;
margin-left: 0;
min-height: 1px;
}
mwl-calendar {

.cal-row-fluid {
width: 100%;
*zoom: 1;
}
[class*="cal-cell"] {
float: left;
margin-left: 0;
min-height: 1px;
}

.cal-row-fluid:before,
.cal-row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.cal-row-fluid {
width: 100%;
*zoom: 1;
}

.cal-row-fluid:after {
clear: both;
}
.cal-row-fluid:before,
.cal-row-fluid:after {
display: table;
content: "";
line-height: 0;
}

.cal-row-fluid [class*="cal-cell"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 0%;
*margin-left: -0.05213764337851929%;
}
.cal-row-fluid:after {
clear: both;
}

.cal-row-fluid [class*="cal-cell"]:first-child {
margin-left: 0;
}
.cal-row-fluid [class*="cal-cell"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 0%;
*margin-left: -0.05213764337851929%;
}

.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
width: 100%;
*width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
width: 85.71428571428571%;
*width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
width: 71.42857142857142%;
*width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
width: 57.14285714285714%;
*width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
width: 42.857142857142854%;
*width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
width: 28.57142857142857%;
*width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.232409381663112%;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
margin-left: 100%;
*margin-left: 99.89339019189765%;
}
.cal-row-fluid [class*="cal-cell"]:first-child {
margin-left: 0;
}

.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
margin-left: 85.71428571428571%;
*margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
margin-left: 71.42857142857142%;
*margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
margin-left: 57.14285714285714%;
*margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
margin-left: 42.857142857142854%;
*margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
margin-left: 28.57142857142857%;
*margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
margin-left: 14.285714285714285%;
*margin-left: 14.17910447761194%;
}
.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
width: 100%;
*width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
width: 85.71428571428571%;
*width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
width: 71.42857142857142%;
*width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
width: 57.14285714285714%;
*width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
width: 42.857142857142854%;
*width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
width: 28.57142857142857%;
*width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.232409381663112%;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
margin-left: 100%;
*margin-left: 99.89339019189765%;
}

.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.233576642335766%;
}
.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
margin-left: 85.71428571428571%;
*margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
margin-left: 71.42857142857142%;
*margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
margin-left: 57.14285714285714%;
*margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
margin-left: 42.857142857142854%;
*margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
margin-left: 28.57142857142857%;
*margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
margin-left: 14.285714285714285%;
*margin-left: 14.17910447761194%;
}

[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
display: none;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.233576642335766%;
}

[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
float: right;
}
[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
display: none;
}

[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
float: right;
}


}
Oops, something went wrong.

0 comments on commit d793053

Please sign in to comment.
You can’t perform that action at this time.