bluebutton-sample-client-python-react/client/src/styles/index.scss at 280690dbde80678c51955bc9d3f34fbcfeaafc80 · CMSgov/bluebutton-sample-client-python-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
// Paths to images and fonts relative from the SCSS entry point
$font-path: "~@cmsgov/design-system/dist/fonts";
$image-path: "~@cmsgov/design-system/dist/images";

// Core CMSDS styles
//@import "@cmsgov/design-system/dist/scss/index";
@import "@cmsgov/design-system/dist/scss/core-tokens";
@import "@cmsgov/design-system/dist/scss/core-component-tokens";
@import "@cmsgov/design-system/dist/css/core-theme";
@import "@cmsgov/design-system/dist/css/index";

.bb-c-card {
  background: #fff;
  border: 1px solid #d6d7d9;
  border-radius: 0.3rem;
}

.bb-c-card.default-card {
  color: #323a45;
  max-width: 700px;
  text-decoration: none;
  margin: 0.5rem;
  padding: 0 1rem 1rem 1rem;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.bb-c-card.default-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  color: #000;
}

.full-width-card {
  max-width: 100%;
  padding: 1rem;
}

@media screen and (min-device-width: 1024px) {
  .bb-c-card.default-card {
    width: 445px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font: revert;
  margin-block: revert;
}