Skip to content
Permalink
Browse files

[CSS] Optimised the CSS for the calendar of events plugin.

  • Loading branch information...
thomasgohard committed Apr 2, 2014
1 parent 5af47a3 commit dbdbfab3c7d8f26b2bdde4849ee7ce27c0b2c49b
Showing with 21 additions and 50 deletions.
  1. +21 −50 src/plugins/cal-events/cal-events.scss
@@ -2,60 +2,31 @@
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
*/
%events-calendar-background-color-fff {
background-color: #fff;
}

%events-calendar-color-fff-important {
color: #fff !important;
}

ul {
&.ev-details {
@extend %events-calendar-background-color-fff;
padding: 0;
position: absolute;
z-index: 5;
border: 1px solid #333;
width: 10em;
margin: 0;
margin-top: -0.5em;
font-weight: 400;

a {
@extend %events-calendar-background-color-fff;
padding: 0.5em;
&.ev-details {
color: #000;
background-color: $clrWhite;
padding: 0;
position: absolute;
z-index: 5;
border: 1px solid #333;
width: 10em;
margin: 0;
margin-top: -0.5em;
list-style-type: none;

a {
&:hover,
&:focus {
color: $clrWhite;
}
}
}

tbody {
&.cal-days {
ul {
&.ev-details {
li {
border: 0;
width: 100%;
list-style-type: none !important;

a {
color: #000;
width: auto;

&:hover,
&:focus {
@extend %events-calendar-color-fff-important;
}
}
}
}
}

a {
&.cal-evt {
@extend %events-calendar-color-fff-important;
background: #176ca7;
}
.cal-days {
a {
&.cal-evt {
color: $clrWhite;
background: #176ca7;
}
}
}

0 comments on commit dbdbfab

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