@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.3

package/compat/VehicleSmallCard/VehicleData/VehiclePrice/VehiclePrice.styl

@@ -1,165 +1,165 @@
-@import '../../../legacy-theme/mixins.styl'
-
-.vehiclePriceSection
-  display: flex
-  flex-direction: column;
-  text-align: left;
-  box-sizing: border-box
-  padding: 17px 10px 0 10px
-  width: 100%
-  grid-area: price;
-
-  +media-phone-up()
-    padding: 13px 12px 0 8px
-
-  &.vehiclePriceSectionSearch
-    padding: 0 10px;
-    +media-tablet-landscape-up()
-      flex-shrink: 0;
-      padding: 24px 5px 0 15px;
-      border-left: 1px solid rgba(76, 78, 100, 0.12)
-
-  &.vehiclePriceSectionFavorite
-    padding: 1px 10px 0 10px
-    +media-tablet-landscape-up()
-      margin-top: auto;
-      flex-shrink: 0;
-      padding: 0 5px 3px 15px;
-      border-left: 1px solid rgba(76, 78, 100, 0.12)
-      gap: 3px;
-
-  &.vehiclePriceSectionRecently
-    padding: 1px 10px 0 10px
-
-  &.vehiclePriceTitleMain
-    padding: 0 10px
-
-.vehiclePriceTitle
-  color: rgba(76, 78, 100, 0.87);
-  display flex;
-  align-items: center;
-  flex-shrink: 0;
-  font-size: 11px;
-  height: 20px;
-
-  +media-tablet-landscape-up()
-    font-size 10px
-    height: 12px;
-
-  &.vehiclePriceTitleSearch
-    font-size: 12px;
-    height: 44px;
-
-  &.vehiclePriceTitleFavorite
-    font-size: 12px;
-    height: 42px;
-
-    +media-tablet-landscape-up()
-      font-size: 13px;
-      height: 46px;
-
-  &.vehiclePriceTitleRecently
-    font-size: 12px;
-    height: 42px;
-
-  &.vehiclePriceTitleLanding,
-  &.vehiclePriceTitleMain
-    font-size: 10px;
-    height: 38px;
-
-.addOfferButton
-  white-space: normal
-  margin: 5px 0 !important;
-  border-radius: 0 !important;
-
-.buttonDetails
-  width: 100%
-  height: 30px
-  font-size: 16px
-  margin-top: 8px !important;
-  font-weight bold !important;
-  border-radius: 4px !important;
-
-.isAlternativeButton
-  background-color: $alternative !important
-
-.wrapCheckbox
-  min-height: 42px !important;
-  justify-content: space-between !important;
-  margin-left: 0 !important;
-
-  & span
-    color: rgba(76, 78, 100, 0.87);
-    font-size: 12px;
-
-    +media-tablet-landscape-up()
-      font-size: 13px;
-
-.wrapHandleCompare
-  display: flex;
-  gap: 8px;
-  border-top: 1px solid rgba(76, 78, 100, 0.12);
-  padding-top: 15px;
-  justify-content: center;
-
-  +media-tablet-landscape-up()
-    margin-top: 12px;
-    padding-top: 0;
-    border: none;
-
-.btnCompareRemove
-  min-width: 50px !important;
-  height: 30px;
-  background-color: #fff !important;
-  display: flex !important;
-
-.btnCarToCompare
-  display: flex !important;
-  height: 30px;
-  font-size: 13px !important;
-  min-width: auto !important;
-  width: 100%;
-
-  +media-tablet-landscape-up()
-    width: 100%;
-
-.btnPlusIcon
-  font-size: 13px;
-  margin-right: 5px;
-
-  +media-tablet-landscape-up()
-    margin-right: 10px;
-
-
-.landingButton
-  position: relative;
-  padding: 0px 10px;
-  background-color: transparent; 
-  border-radius: 4px;
-  color: #005ccb; 
-  border: 1px solid #666CFF80; 
-  font-size: 16px;
-  cursor: pointer;
-  overflow: hidden;
-  z-index: 0;
-
-.landingButton::before 
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 30%;
-  height: 100%;
-  background-color: #82b1ff91;
-  border-radius: 20%;
-  opacity: 0;
-  transition: width 0.7s ease-out, height 0.7s ease-out, opacity 0.7s ease-out;
-  z-index: -1;
-
-
-.landingButton:active::before 
-  width: 200%;
-  height: 200%;
-  opacity: 1;
-  transition: width 0.7s ease-out, height 0.7s ease-out, opacity 0.7s ease-out;
+@import '../../../legacy-theme/mixins.styl'
+
+.vehiclePriceSection
+  display: flex
+  flex-direction: column;
+  text-align: left;
+  box-sizing: border-box
+  padding: 17px 10px 0 10px
+  width: 100%
+  grid-area: price;
+
+  +media-phone-up()
+    padding: 13px 12px 0 8px
+
+  &.vehiclePriceSectionSearch
+    padding: 0 10px;
+    +media-tablet-landscape-up()
+      flex-shrink: 0;
+      padding: 24px 5px 0 15px;
+      border-left: 1px solid rgba(76, 78, 100, 0.12)
+
+  &.vehiclePriceSectionFavorite
+    padding: 1px 10px 0 10px
+    +media-tablet-landscape-up()
+      margin-top: auto;
+      flex-shrink: 0;
+      padding: 0 5px 3px 15px;
+      border-left: 1px solid rgba(76, 78, 100, 0.12)
+      gap: 3px;
+
+  &.vehiclePriceSectionRecently
+    padding: 1px 10px 0 10px
+
+  &.vehiclePriceTitleMain
+    padding: 0 10px
+
+.vehiclePriceTitle
+  color: rgba(76, 78, 100, 0.87);
+  display flex;
+  align-items: center;
+  flex-shrink: 0;
+  font-size: 11px;
+  height: 20px;
+
+  +media-tablet-landscape-up()
+    font-size 10px
+    height: 12px;
+
+  &.vehiclePriceTitleSearch
+    font-size: 12px;
+    height: 44px;
+
+  &.vehiclePriceTitleFavorite
+    font-size: 12px;
+    height: 42px;
+
+    +media-tablet-landscape-up()
+      font-size: 13px;
+      height: 46px;
+
+  &.vehiclePriceTitleRecently
+    font-size: 12px;
+    height: 42px;
+
+  &.vehiclePriceTitleLanding,
+  &.vehiclePriceTitleMain
+    font-size: 10px;
+    height: 38px;
+
+.addOfferButton
+  white-space: normal
+  margin: 5px 0 !important;
+  border-radius: 0 !important;
+
+.buttonDetails
+  width: 100%
+  height: 30px
+  font-size: 16px
+  margin-top: 8px !important;
+  font-weight bold !important;
+  border-radius: 4px !important;
+
+.isAlternativeButton
+  background-color: $alternative !important
+
+.wrapCheckbox
+  min-height: 42px !important;
+  justify-content: space-between !important;
+  margin-left: 0 !important;
+
+  & span
+    color: rgba(76, 78, 100, 0.87);
+    font-size: 12px;
+
+    +media-tablet-landscape-up()
+      font-size: 13px;
+
+.wrapHandleCompare
+  display: flex;
+  gap: 8px;
+  border-top: 1px solid rgba(76, 78, 100, 0.12);
+  padding-top: 15px;
+  justify-content: center;
+
+  +media-tablet-landscape-up()
+    margin-top: 12px;
+    padding-top: 0;
+    border: none;
+
+.btnCompareRemove
+  min-width: 50px !important;
+  height: 30px;
+  background-color: #fff !important;
+  display: flex !important;
+
+.btnCarToCompare
+  display: flex !important;
+  height: 30px;
+  font-size: 13px !important;
+  min-width: auto !important;
+  width: 100%;
+
+  +media-tablet-landscape-up()
+    width: 100%;
+
+.btnPlusIcon
+  font-size: 13px;
+  margin-right: 5px;
+
+  +media-tablet-landscape-up()
+    margin-right: 10px;
+
+
+.landingButton
+  position: relative;
+  padding: 0px 10px;
+  background-color: transparent; 
+  border-radius: 4px;
+  color: #005ccb; 
+  border: 1px solid #666CFF80; 
+  font-size: 16px;
+  cursor: pointer;
+  overflow: hidden;
+  z-index: 0;
+
+.landingButton::before 
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 30%;
+  height: 100%;
+  background-color: #82b1ff91;
+  border-radius: 20%;
+  opacity: 0;
+  transition: width 0.7s ease-out, height 0.7s ease-out, opacity 0.7s ease-out;
+  z-index: -1;
+
+
+.landingButton:active::before 
+  width: 200%;
+  height: 200%;
+  opacity: 1;
+  transition: width 0.7s ease-out, height 0.7s ease-out, opacity 0.7s ease-out;