0
1
Fork 0
hedera-web-mindshore/forms/ecomerce/ticket/style.scss

79 lines
1.1 KiB
SCSS
Raw Normal View History

/* Header */
2022-05-24 10:18:44 +00:00
.ticket .head {
padding: 0;
2022-11-19 13:00:13 +00:00
padding-bottom: 3px;
border-bottom: 1px solid #DDD;
2022-11-19 13:00:13 +00:00
margin-bottom: 1px;
}
2022-05-24 10:18:44 +00:00
.ticket .head > div > div {
margin: 15px 0;
2018-02-06 08:57:05 +00:00
}
2022-05-24 10:18:44 +00:00
.ticket .head > div > div:first-child {
margin: 0;
}
2022-05-24 10:18:44 +00:00
.ticket .head p {
2022-11-19 13:00:13 +00:00
margin: 3px 0;
}
2022-05-24 10:18:44 +00:00
.ticket .head p.important {
font-size: 1.2rem;
font-weight: bold;
}
2022-05-24 10:18:44 +00:00
.ticket .total {
text-align: right;
}
2022-05-24 10:18:44 +00:00
.ticket .packages {
2022-11-19 13:00:13 +00:00
margin-top: 14px;
padding-top: 14px;
2018-01-05 12:57:35 +00:00
border-top: 1px solid #DDD;
display: block;
}
/* Lines */
2022-05-24 10:18:44 +00:00
.ticket .line {
display: flex;
2022-11-15 21:26:48 +00:00
align-items: center;
2022-11-11 20:01:32 +00:00
gap: 12px;
2022-11-15 21:26:48 +00:00
margin: 10px 0;
height: 80px;
2018-03-27 15:26:17 +00:00
}
2022-05-24 10:18:44 +00:00
.ticket .line:last-child {
margin-bottom: 0;
}
.ticket .line > .photo {
flex: none;
2018-01-05 12:57:35 +00:00
border-radius: 50%;
2022-11-11 20:01:32 +00:00
width: 68px;
2022-11-15 21:26:48 +00:00
height: 68px;
gap: 0;
2018-01-05 12:57:35 +00:00
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info {
flex: 1;
2022-11-11 20:01:32 +00:00
overflow: hidden;
}
.ticket .line > .info > * {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
2018-03-27 15:26:17 +00:00
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info > h2 {
2022-11-19 13:00:13 +00:00
font-size: 1rem;
2018-03-27 15:26:17 +00:00
font-weight: normal;
2022-11-11 20:01:32 +00:00
margin-bottom: 2px;
2018-03-27 15:26:17 +00:00
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info > p {
2018-03-27 15:26:17 +00:00
margin: 0;
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info > .tags {
2018-03-27 15:26:17 +00:00
color: #777;
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info .discount {
2018-08-30 13:26:05 +00:00
color: green;
}
2022-05-24 10:18:44 +00:00
.ticket .line > .info > .subtotal {
float: right;
}