|
|
| Line 6,260: |
Line 6,260: |
| width: 100%; | | width: 100%; |
| padding: 1.3rem 1.5rem 0.6rem; | | padding: 1.3rem 1.5rem 0.6rem; |
| }
| |
|
| |
| .tile-top.tile-image {
| |
| display: flex;
| |
| align-items: center;
| |
| background-color: #949eaa;
| |
| overflow: hidden;
| |
| padding: 0;
| |
| height: 13vw;
| |
| max-height: 12em;
| |
| }
| |
|
| |
| .tile-top.tile-image a {
| |
| width: 100%;
| |
| }
| |
|
| |
| .tile-top.tile-image img {
| |
| width: 100%;
| |
| height: auto;
| |
| transition: 0.4s ease-out;
| |
| }
| |
|
| |
| .tile-bottom {
| |
| background: #ffffff;
| |
| border-top: 1px solid #e4eaee;
| |
| width: 100%;
| |
| padding: 1rem 1.5rem 0.6rem;
| |
| }
| |
|
| |
| .tile-bottom.link-button {
| |
| align-self: flex-end;
| |
| padding: 0;
| |
| }
| |
|
| |
| .tile-bottom.link-button a {
| |
| display: block;
| |
| text-align: center;
| |
| padding: 0.75em 1.5em 0.8em;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .tile-bottom.read-more {
| |
| background: #f9fafa;
| |
| transition: 0.3s ease-out;
| |
| }
| |
|
| |
| .tile-bottom.read-more a {
| |
| color: #949eaa;
| |
| font-weight: bold;
| |
| text-align: right;
| |
| }
| |
|
| |
| .tile-bottom.read-more:hover {
| |
| background: #f2f4f4;
| |
| }
| |
|
| |
| .tile-bottom.read-more:hover .arrow {
| |
| transform: translateX(50%);
| |
| }
| |
|
| |
| .tile-bottom.read-more .arrow {
| |
| filter: invert(43%) sepia(50%) hue-rotate(175deg);
| |
| margin-left: 0.4em;
| |
| transition: 0.3s ease-out;
| |
| }
| |
|
| |
| .tile.oswf-day {
| |
| margin-left: 0.5em;
| |