maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-31 02:26:50 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

BookingBreakdown desktop

Browse source
This commit is contained in:
Vesa Luusua 2017-07-21 11:10:14 +03:00
parent 3e79b949d6
commit cdf8b76b5f
1 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/BookingBreakdown/BookingBreakdown.css
View file

@ -18,7 +18,7 @@
margin: -1px 0 0 0;
@media (--viewportMedium) {
margin: -1px 0 0 0;
margin: -1px 0 8px 0;
}
display: flex;
@ -30,9 +30,28 @@
margin-top: 1px; /* align with baseline */
}
.itemValue {
.itemValueFont {
@apply --marketplaceDefaultFontStyles;
@media (--viewportMedium) {
@apply --marketplaceH4FontStyles;
}
}
.itemValue {
composes: itemValueFont;
font-weight: 600;
margin: 0;
@media (--viewportMedium) {
font-weight: 700;
margin-top: 1px; /* align with baseline */
margin-bottom: 0;
}
}
.itemValueDesktop {
@apply --marketplaceH4FontStyles;
}
.totalDivider {
@ -43,6 +62,10 @@
border: none;
background-color: var(--matterColorNegative);
@media (--viewportMedium) {
margin: 2px 0 8px 0;
}
}
.totalLabel {