1/*-----------------------------------------------------------------------------
2# Copyright (c) 2020, Arm Limited. All rights reserved.
3#
4# SPDX-License-Identifier: BSD-3-Clause
5#
6#----------------------------------------------------------------------------*/
7
8/* Override table no-wrap */
9.wy-table-responsive table td, .wy-table-responsive table th {
10    white-space: normal;
11}
12
13/* Limit page width */
14@media only screen and (min-width: 780px) {
15    .wy-nav-content {
16        max-width: 1100px;
17    }
18}
19
20/* Flexbox Tile Grid Settings  */
21.grid {
22    list-style-type: none !important;
23    display: -webkit-box;
24    display: -ms-flexbox;
25    display: flex;
26    -ms-flex-wrap: wrap;
27        flex-wrap: wrap;
28    -webkit-box-pack: center;
29        -ms-flex-pack: center;
30            justify-content: center;
31    margin: 1rem auto;
32    max-width: calc((250px + 2rem) * 4);
33}
34
35.grid-item {
36    list-style-type: none !important;
37    -webkit-box-flex: 0;
38        -ms-flex: 0 0 auto;
39            flex: 0 0 auto;
40    width: 200px;
41    text-align: center;
42    margin: 1rem;
43}
44
45.grid-item a {
46    display: block;
47    width: 190px;
48    height: 190px;
49    padding: 12px;
50    display: -webkit-box;
51    display: -ms-flexbox;
52    display: flex;
53    -webkit-box-orient: vertical;
54    -webkit-box-direction: normal;
55        -ms-flex-direction: column;
56            flex-direction: column;
57    -webkit-box-pack: center;
58        -ms-flex-pack: center;
59            justify-content: center;
60    -webkit-box-align: center;
61        -ms-flex-align: center;
62            align-items: center;
63    border: 1px solid #c6cbce;
64    background-color: #2980B9;
65    color: white;
66}
67
68.grid-item h2 {
69    font-size: 1rem;
70    margin-bottom: 0.5rem;
71}
72
73.grid-item img {
74    max-width: 75%;
75    margin-bottom: 0.5rem;
76}
77
78
79.grid-item a:hover {
80    background-color: #32cd32;
81    color: white;
82}
83