UNPKG

1.99 kBCSSView Raw
1.prism-footer {
2 color: rgba(0, 0, 0, 0.54);
3 display: flex;
4 padding: 8px;
5 z-index: 1100;
6 background: #FFFFFF;
7 box-shadow: 0px -1px 4px #9e9e9e;
8 min-height: 28px;
9 align-items: center;
10 font-family: "Roboto", "Arial", sans-serif;
11 flex-direction: row;
12 justify-content: space-between;
13}
14.prism-footer__info {
15 padding: 8px;
16 text-align: center;
17}
18@media (min-width:1920px) {
19 .prism-footer__info + .prism-footer__links {
20 margin-top: 0;
21 }
22}
23 .prism-footer__info-text {
24 display: inline-block;
25 padding: 4px 16px;
26 border-left: solid 1px rgba(0, 0, 0, 0.12);
27 }
28 .prism-footer__info-text:first-child {
29 border-left: 0;
30 padding-left: 0;
31 }
32 .prism-footer__info-text:last-child {
33 padding-right: 0;
34 }
35 .prism-footer__info-icon {
36 color: rgba(0, 0, 0, 0.54);
37 display: inline;
38 }
39 .prism-footer__links {
40 padding: 8px;
41 text-align: center;
42 }
43 .prism-footer__link {
44 color: #61b3cf;
45 display: inline-block;
46 padding: 4px 16px;
47 border-right: solid 1px rgba(0, 0, 0, 0.12);
48 }
49 .prism-footer__link:first-child {
50 padding-left: 0;
51 }
52 .prism-footer__link:last-child {
53 border-right: 0;
54 padding-right: 0;
55 }
56 .prism-footer__link-icon {
57 color: #61b3cf;
58 display: inline;
59 }
60@media (min-width:0px) {
61 .prism-footer--xs {
62 flex-direction: row;
63 }
64}
65@media (min-width:0px) {
66 .prism-footer--sm {
67 flex-direction: column;
68 }
69}
70@media (min-width:600px) {
71 .prism-footer--sm {
72 flex-direction: row;
73 }
74}
75@media (min-width:0px) {
76 .prism-footer--md {
77 flex-direction: column;
78 }
79}
80@media (min-width:960px) {
81 .prism-footer--md {
82 flex-direction: row;
83 }
84}
85@media (min-width:0px) {
86 .prism-footer--lg {
87 flex-direction: column;
88 }
89}
90@media (min-width:1280px) {
91 .prism-footer--lg {
92 flex-direction: row;
93 }
94}
95@media (min-width:0px) {
96 .prism-footer--xl {
97 flex-direction: column;
98 }
99}
100@media (min-width:1920px) {
101 .prism-footer--xl {
102 flex-direction: row;
103 }
104}
\No newline at end of file