source: trip-planner-front/node_modules/angular-material/modules/js/card/card.css@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit
  • Property mode set to 100644
File size: 5.4 KB
Line 
1/*!
2 * AngularJS Material Design
3 * https://github.com/angular/material
4 * @license MIT
5 * v1.2.3
6 */
7md-card {
8 box-sizing: border-box;
9 display: flex;
10 flex-direction: column;
11 margin: 8px;
12 box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
13 md-card md-card-header {
14 padding: 16px;
15 display: flex;
16 flex-direction: row; }
17 md-card md-card-header:first-child md-card-avatar {
18 margin-right: 12px; }
19 [dir=rtl] md-card md-card-header:first-child md-card-avatar {
20 margin-right: auto;
21 margin-left: 12px; }
22 md-card md-card-header:last-child md-card-avatar {
23 margin-left: 12px; }
24 [dir=rtl] md-card md-card-header:last-child md-card-avatar {
25 margin-left: auto;
26 margin-right: 12px; }
27 md-card md-card-header md-card-avatar {
28 width: 40px;
29 height: 40px; }
30 md-card md-card-header md-card-avatar .md-user-avatar,
31 md-card md-card-header md-card-avatar md-icon {
32 border-radius: 50%; }
33 md-card md-card-header md-card-avatar md-icon {
34 padding: 8px; }
35 md-card md-card-header md-card-avatar md-icon > svg {
36 height: inherit;
37 width: inherit; }
38 md-card md-card-header md-card-avatar + md-card-header-text {
39 max-height: 40px; }
40 md-card md-card-header md-card-avatar + md-card-header-text .md-title {
41 font-size: 14px; }
42 md-card md-card-header md-card-header-text {
43 display: flex;
44 flex: 1;
45 flex-direction: column; }
46 md-card md-card-header md-card-header-text .md-subhead {
47 font-size: 14px; }
48 md-card > img,
49 md-card > md-card-header img,
50 md-card md-card-title-media img {
51 box-sizing: border-box;
52 display: flex;
53 flex: 0 0 auto;
54 width: 100%;
55 height: auto; }
56 md-card md-card-title {
57 padding: 24px 16px 16px;
58 display: flex;
59 flex: 1 1 auto;
60 flex-direction: row; }
61 md-card md-card-title + md-card-content {
62 padding-top: 0; }
63 md-card md-card-title md-card-title-text {
64 flex: 1;
65 flex-direction: column;
66 display: flex; }
67 md-card md-card-title md-card-title-text .md-subhead {
68 padding-top: 0;
69 font-size: 14px; }
70 md-card md-card-title md-card-title-text:only-child .md-subhead {
71 padding-top: 12px; }
72 md-card md-card-title md-card-title-media {
73 margin-top: -8px; }
74 md-card md-card-title md-card-title-media .md-media-sm {
75 height: 80px;
76 width: 80px; }
77 md-card md-card-title md-card-title-media .md-media-md {
78 height: 112px;
79 width: 112px; }
80 md-card md-card-title md-card-title-media .md-media-lg {
81 height: 152px;
82 width: 152px; }
83 md-card md-card-content {
84 display: block;
85 padding: 16px; }
86 md-card md-card-content > p:first-child {
87 margin-top: 0; }
88 md-card md-card-content > p:last-child {
89 margin-bottom: 0; }
90 md-card md-card-content .md-media-xl {
91 height: 240px;
92 width: 240px; }
93 md-card md-card-actions {
94 margin: 8px; }
95 md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
96 margin: 2px 0; }
97 md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
98 margin-top: 0; }
99 md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
100 margin-bottom: 0; }
101 md-card md-card-actions.layout-column .md-button.md-icon-button {
102 margin-top: 6px;
103 margin-bottom: 6px; }
104 md-card md-card-actions md-card-icon-actions {
105 flex: 1;
106 justify-content: flex-start;
107 display: flex;
108 flex-direction: row; }
109 md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
110 margin: 0 4px; }
111 md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
112 margin-left: 0; }
113 [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
114 margin-left: auto;
115 margin-right: 0; }
116 md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
117 margin-right: 0; }
118 [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
119 margin-right: auto;
120 margin-left: 0; }
121 md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
122 margin-left: 6px;
123 margin-right: 6px; }
124 md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
125 margin-left: 12px; }
126 [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
127 margin-left: auto;
128 margin-right: 12px; }
129 md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
130 margin-right: 12px; }
131 [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
132 margin-right: auto;
133 margin-left: 12px; }
134 md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
135 flex: 1;
136 justify-content: flex-end;
137 display: flex;
138 flex-direction: row; }
139 md-card md-card-footer {
140 margin-top: auto;
141 padding: 16px; }
142
143@media screen and (-ms-high-contrast: active) {
144 md-card {
145 border: 1px solid #fff; } }
146
147.md-image-no-fill > img {
148 width: auto;
149 height: auto; }
Note: See TracBrowser for help on using the repository browser.