archived-teslamate/assets/css/app.scss

@charset "utf-8";

@import "~leaflet/dist/leaflet.css";
@import "~leaflet-control-geocoder/dist/Control.Geocoder.css";

$notification-padding: 0.75rem 1.25rem 0.75rem 0.75rem;

@import "~bulma/sass/utilities/_all";
@import "~bulma/sass/base/_all";
@import "~bulma/sass/components/breadcrumb";
@import "~bulma/sass/components/card";
@import "~bulma/sass/components/message";
@import "~bulma/sass/components/navbar";
@import "~bulma/sass/elements/box";
@import "~bulma/sass/elements/button";
@import "~bulma/sass/elements/container";
@import "~bulma/sass/elements/notification";
@import "~bulma/sass/elements/table";
@import "~bulma/sass/elements/tag";
@import "~bulma/sass/elements/title";
@import "~bulma/sass/form/_all";
@import "~bulma/sass/layout/section";
@import "~bulma/sass/grid/_all";

// @import "~bulma/bulma";

@import "../../deps/phoenix_live_view/assets/css/live_view.css";

.alert:empty {
  display: none;
}

.car {
  margin-bottom: 25px;

  .card-content {
    padding: 0.75rem;
  }

  .content table td,
  .content table th {
    border: none;
  }
}

.navbar-brand a.navbar-item:hover {
  background-color: transparent !important;
}

.field.is-horizontal.center-vertically .field {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  .control:not(.addon) {
    flex-grow: 1;
  }
}

.field.is-horizontal .field {
  flex-wrap: wrap;

  .help:not(:empty) {
    width: 100%;
  }
}

$sizes: (0,5,10,15,20,25,30,50);
$positions: ('top','left','bottom','right');

@each $size in $sizes {
  @each $position in $positions {
    .m#{str-slice($position, 0, 1)}-#{$size} {
      margin-#{$position}: $size + px !important;
    }
    .p#{str-slice($position, 0, 1)}-#{$size} {
      padding-#{$position}: $size + px;
    }
  }
}