UNPKG

react-ions/lib/components/Modal/header-styles.scss

Version:

1@import '../../styles/common/colors';
2
header-wrapper {
align-items: center;
min-height: 72px;
border-radius: 3px 3px 0 0;
display: flex;
justify-content: space-between;
width: calc(100% + 48px);
box-sizing: border-box;
padding: 8px 24px;
margin: -24px -24px 0;
13
.header-content {
  > h1 {
    color: $navy-text;
    font-size: 22px;
    margin: 0 !important;
  }
20
  p {
    color: $navy-text;
    margin: 10px 0 0;
  }
}
26
.modal-close {
  svg {
    cursor: pointer;
  }
}
32}

1	`@import '../../styles/common/colors';`
2
3	`.header-wrapper {`
4	`align-items: center;`
5	`min-height: 72px;`
6	`border-radius: 3px 3px 0 0;`
7	`display: flex;`
8	`justify-content: space-between;`
9	`width: calc(100% + 48px);`
10	`box-sizing: border-box;`
11	`padding: 8px 24px;`
12	`margin: -24px -24px 0;`
13
14	`.header-content {`
15	`> h1 {`
16	`color: $navy-text;`
17	`font-size: 22px;`
18	`margin: 0 !important;`
19	`}`
20
21	`p {`
22	`color: $navy-text;`
23	`margin: 10px 0 0;`
24	`}`
25	`}`
26
27	`.modal-close {`
28	`svg {`
29	`cursor: pointer;`
30	`}`
31	`}`
32	`}`