added box-shadow mixin. Added shadow to the gravatar in homepage.
[theme-danix.xyz.git] / assets / sass / components / _table.scss
CommitLineData
748286b5 1///\r
2/// Forty by HTML5 UP\r
3/// html5up.net | @ajlkn\r
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
5///\r
6\r
7/* Table */\r
8\r
9 .table-wrapper {\r
10 -webkit-overflow-scrolling: touch;\r
11 overflow-x: auto;\r
12 }\r
13\r
14 table {\r
15 margin: 0 0 _size(element-margin) 0;\r
16 width: 100%;\r
17\r
18 tbody {\r
19 tr {\r
20 border: solid 1px _palette(border);\r
21 border-left: 0;\r
22 border-right: 0;\r
23\r
24 &:nth-child(2n + 1) {\r
25 background-color: _palette(border-bg);\r
26 }\r
27 }\r
28 }\r
29\r
30 td {\r
31 padding: 0.75em 0.75em;\r
32 }\r
33\r
34 th {\r
35 color: _palette(fg-bold);\r
36 font-size: 0.9em;\r
37 font-weight: _font(weight-bold);\r
38 padding: 0 0.75em 0.75em 0.75em;\r
39 text-align: left;\r
40 }\r
41\r
42 thead {\r
43 border-bottom: solid 2px _palette(border);\r
44 }\r
45\r
46 tfoot {\r
47 border-top: solid 2px _palette(border);\r
48 }\r
49\r
50 &.alt {\r
51 border-collapse: separate;\r
52\r
53 tbody {\r
54 tr {\r
55 td {\r
56 border: solid 1px _palette(border);\r
57 border-left-width: 0;\r
58 border-top-width: 0;\r
59\r
60 &:first-child {\r
61 border-left-width: 1px;\r
62 }\r
63 }\r
64\r
65 &:first-child {\r
66 td {\r
67 border-top-width: 1px;\r
68 }\r
69 }\r
70 }\r
71 }\r
72\r
73 thead {\r
74 border-bottom: 0;\r
75 }\r
76\r
77 tfoot {\r
78 border-top: 0;\r
79 }\r
80 }\r
81 }