flatten CalendarToday css and update tests

master
Doug Brown 2014-05-07 09:34:11 -04:00
parent fa168c5001
commit bddc3c2b97
2 changed files with 7 additions and 42 deletions

View File

@ -1,6 +1 @@
table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }

View File

@ -21,12 +21,7 @@ S M T W T F S November 2014
23 24 25 26 27 28 29
30
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>November 2014</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>1</td></tr><tr><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td></tr><tr><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td></tr><tr><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td></tr><tr><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td></tr><tr><td>30</td></tr></table>")
),
@ -38,12 +33,7 @@ S M T W T F S November 2015
22 23 24 25 26 27 28
29 30
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>November 2015</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td></tr><tr><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr><tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr><tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr><tr><td>29</td><td>30</td></tr></table>)
),
@ -55,12 +45,7 @@ S M T W T F S November 2012
18 19 20 21 22 23 24
25 26 27 28 29 30
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>November 2012</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td><span class="class="calendar__today circle">10</span></td></div></tr><tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr><tr><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr><tr><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr></table>)
),
@ -72,12 +57,7 @@ S M T W T F S November 2012
18 19 20 21 22 23 24
25 26 27 28 29 30
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>November 2012</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td><span class="class="calendar__today circle">10</span></td></div></tr><tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr><tr><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr><tr><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr></table>)
),
@ -89,12 +69,7 @@ S M T W T F S November 2012
18 19 20 21 22 23 24
25 26 27 28 29 30
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>November 2012</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td><span class="class="calendar__today circle">10</span></td></div></tr><tr><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td></tr><tr><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td></tr><tr><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td></tr></table>)
),
@ -106,12 +81,7 @@ S M T W T F S February 2016
21 22 23 24 25 26 27
28 |29|
",
html => qq(<style type='text/css'>table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }
html => qq(<style type='text/css'>table.calendar { text-align: center; }.calendar th, .calendar td { width:2.5em; text-align:center; }.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }.calendar__today { color:white; background-color: #808080; }
</style>
<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>February 2016</b></th></tr><tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr><tr><td>&nbsp;</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td></tr><tr><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr><tr><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td></tr><tr><td>28</td><td><span class="class="calendar__today circle">29</span></td></div></tr></table>)
),