|  | 
|  | 1 | +/** | 
|  | 2 | + * Copyright (c) Meta Platforms, Inc. and affiliates. | 
|  | 3 | + * All rights reserved. | 
|  | 4 | + * | 
|  | 5 | + * This source code is licensed under the BSD-style license found in the | 
|  | 6 | + * LICENSE file in the root directory of this source tree. | 
|  | 7 | + */ | 
|  | 8 | + | 
|  | 9 | +/* sphinx-design styles for cards/tabs | 
|  | 10 | +*/ | 
|  | 11 | +:root { | 
|  | 12 | +    --sd-color-info: #ee4c2c; | 
|  | 13 | +    --sd-color-primary: #6c6c6d; | 
|  | 14 | +    --sd-color-primary-highlight: #f3f4f7; | 
|  | 15 | +    --sd-color-card-border-hover: #ee4c2c; | 
|  | 16 | +    --sd-color-card-border: #f3f4f7; | 
|  | 17 | +    --sd-color-card-background: #fff; | 
|  | 18 | +    --sd-color-card-text: inherit; | 
|  | 19 | +    --sd-color-card-header: transparent; | 
|  | 20 | +    --sd-color-card-footer: transparent; | 
|  | 21 | +    --sd-color-tabs-label-active: #ee4c2c; | 
|  | 22 | +    --sd-color-tabs-label-hover: #ee4c2c; | 
|  | 23 | +    --sd-color-tabs-label-inactive: #6c6c6d; | 
|  | 24 | +    --sd-color-tabs-underline-active: #ee4c2c; | 
|  | 25 | +    --sd-color-tabs-underline-hover: #fabdbd; | 
|  | 26 | +    --sd-color-tabs-underline-inactive: transparent; | 
|  | 27 | +    --sd-color-tabs-overline: rgb(222, 222, 222); | 
|  | 28 | +    --sd-color-tabs-underline: rgb(222, 222, 222); | 
|  | 29 | +} | 
|  | 30 | + | 
|  | 31 | +.sd-text-info { | 
|  | 32 | +    color: #ee4c2c; | 
|  | 33 | +} | 
|  | 34 | + | 
|  | 35 | +.sd-card-img-top { | 
|  | 36 | +    background: #ee4c2c; | 
|  | 37 | +    height: 5px !important; | 
|  | 38 | +} | 
|  | 39 | + | 
|  | 40 | +.sd-card { | 
|  | 41 | +    position: relative; | 
|  | 42 | +    background-color: #fff; | 
|  | 43 | +    opacity: 1.0; | 
|  | 44 | +    border-radius: 0px; | 
|  | 45 | +    width: 30%; | 
|  | 46 | +    border: none; | 
|  | 47 | +    padding-bottom: 0px; | 
|  | 48 | +} | 
|  | 49 | + | 
|  | 50 | + | 
|  | 51 | +.sd-card-img:hover { | 
|  | 52 | +    opacity: 1.0; | 
|  | 53 | +    background-color: #f3f4f7; | 
|  | 54 | +} | 
|  | 55 | + | 
|  | 56 | + | 
|  | 57 | +.sd-card:after { | 
|  | 58 | +    display: block; | 
|  | 59 | +    opacity: 1; | 
|  | 60 | +    content: ''; | 
|  | 61 | +    border-bottom: solid 1px #ee4c2c; | 
|  | 62 | +    background-color: #fff; | 
|  | 63 | +    transform: scaleX(0); | 
|  | 64 | +    transition: transform .250s ease-in-out; | 
|  | 65 | +    transform-origin:  0% 50%; | 
|  | 66 | +} | 
|  | 67 | + | 
|  | 68 | +.sd-card:hover { | 
|  | 69 | +    background-color: #fff; | 
|  | 70 | +    opacity: 1; | 
|  | 71 | +    border-top: 1px solid #f3f4f7; | 
|  | 72 | +    border-left: 1px solid #f3f4f7; | 
|  | 73 | +    border-right: 1px solid #f3f4f7; | 
|  | 74 | +} | 
|  | 75 | + | 
|  | 76 | +.sd-card:hover:after { | 
|  | 77 | +    transform: scaleX(1); | 
|  | 78 | +} | 
0 commit comments