FM / scss

/var/www/cobraambalaj/node_modules/shards-ui/src/scss/

/var/www/cobraambalaj/node_modules/shards-ui/src/scss

Name	Size	Mode	Actions
mixins/	-	0755	rm
utilities/	-	0755	rm
shards.scss	939	0644	edit dl rm
_alert.scss	948	0644	edit dl rm
_badge.scss	1005	0644	edit dl rm
_button-group.scss	1907	0644	edit dl rm
_buttons.scss	2477	0644	edit dl rm
_card.scss	4369	0644	edit dl rm
_carousel.scss	1421	0644	edit dl rm
_close.scss	260	0644	edit dl rm
_code.scss	768	0644	edit dl rm
_custom-datepicker.scss	5329	0644	edit dl rm
_custom-forms.scss	12737	0644	edit dl rm
_custom-sliders.scss	5796	0644	edit dl rm
_dropdown.scss	2067	0644	edit dl rm
_forms.scss	4360	0644	edit dl rm
_functions.scss	2794	0644	edit dl rm
_icons.scss	115	0644	edit dl rm
_images.scss	416	0644	edit dl rm
_input-group.scss	4338	0644	edit dl rm
_jumbotron.scss	318	0644	edit dl rm
_list-group.scss	2074	0644	edit dl rm
_mixins.scss	929	0644	edit dl rm
_modal.scss	1751	0644	edit dl rm
_nav.scss	2897	0644	edit dl rm
_navbar.scss	3368	0644	edit dl rm
_pagination.scss	1524	0644	edit dl rm
_popover.scss	3904	0644	edit dl rm
_progress.scss	1072	0644	edit dl rm
_reboot.scss	841	0644	edit dl rm
_root.scss	669	0644	edit dl rm
_tables.scss	1453	0644	edit dl rm
_tooltip.scss	1854	0644	edit dl rm
_transitions.scss	141	0644	edit dl rm
_type.scss	2097	0644	edit dl rm
_utilities.scss	116	0644	edit dl rm
_variables.scss	38418	0644	edit dl rm

Edit: /var/www/cobraambalaj/node_modules/shards-ui/src/scss/_card.scss (4369B)

//
// Base styles
//

.card {
  background-color: $card-bg;
  border: none;

@include border-radius($card-border-radius);
  @include box-shadow($card-box-shadow);

> .list-group:first-child {
    .list-group-item:first-child {
      @include border-top-radius($card-border-radius);
    }
  }

> .list-group:last-child {
    .list-group-item:last-child {
      @include border-bottom-radius($card-border-radius);
    }
  }

.list-group-item {
    padding: $card-list-group-item-padding;
  }

// Fix paragraph margins inside cards
  .card-text {
    margin-bottom: $card-paragraph-margin-bottom;
  }

// Remove text decoration.
  a:hover {
    text-decoration: none;
  }

// Small card modifier.
  &-small {
    .card-header,
    .card-body,
    .card-footer {
      padding: $card-small-spacer-y $card-small-spacer-x;
    }

box-shadow: $card-small-box-shadow;
  }
}

.card-body {
  padding: $card-spacer-x;

> p:last-child {
    margin-bottom: 0;
  }
}

.card-title {
  font-weight: $card-title-font-weight;
  margin-bottom: $card-title-margin-bottom;
}

.card-subtitle {
  margin-top: -($card-spacer-y / 2);
}

.card-link {
  font-family: $card-link-font-family;

+ .card-link {
    margin-left: $card-spacer-x;
  }
}

//
// Optional textual caps
//

.card-header {
  padding: $card-header-spacer-y $card-header-spacer-x;
  background-color: $card-cap-bg;
  border-bottom: none;

&:first-child {
    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
  }
}

.card-footer {
  padding: $card-footer-spacer-y $card-footer-spacer-x;
  background-color: $card-cap-bg;
  border-top: none;

&:last-child {
    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
  }
}

//
// Header navs
//

.card-header-tabs {
  margin-bottom: -1rem;
  border-bottom: 0;

.nav-link,
  .nav-link:hover {
    border-bottom: transparent;
  }
}

.card-header-pills {
  margin-right: -($card-spacer-x / 2);
  margin-left: -($card-spacer-x / 2);

&:hover {
    background: transparent;
  }
}

// Card image
.card-img-overlay {
  padding: $card-img-overlay-padding;
  background: rgba($blueish-grey, .5);
  border-radius: $card-border-radius;

.card-title {
    color: $white;
  }
}

.card-img {
  @include border-radius($card-inner-border-radius);
}

// Card image caps
.card-img-top {
  @include border-top-radius($card-inner-border-radius);
}

.card-img-bottom {
  @include border-bottom-radius($card-inner-border-radius);
}

// Card deck

.card-deck {
  .card {
    margin-bottom: $card-deck-margin;
  }

@include media-breakpoint-up(sm) {
    margin-right: -$card-deck-margin;
    margin-left: -$card-deck-margin;

.card {
      margin-right: $card-deck-margin;
      margin-left: $card-deck-margin;
    }
  }
}

//
// Card groups
//

.card-group {
  // The child selector allows nested `.card` within `.card-group`
  // to display properly.
  > .card {
    @include box-shadow($card-box-shadow);

&:last-child .card-body,
    &:last-child .card-footer {
      border-right: none;
    }
  }

.card-body,
  .card-footer {
    border-right: $card-group-card-border;
  }

@include media-breakpoint-up(sm) {
    @include box-shadow($card-box-shadow);
    @include border-radius($card-border-radius);

> .card {
      box-shadow: none;

// Handle rounded corners
      @if $enable-rounded {
        &:first-child {
          @include border-right-radius(0);
        }

&:last-child {
          @include border-left-radius(0);
        }

&:only-child {
          @include border-radius($card-border-radius);

.card-img-top,
          .card-header {
            @include border-top-radius($card-border-radius);
          }
          .card-img-bottom,
          .card-footer {
            @include border-bottom-radius($card-border-radius);
          }
        }

&:not(:first-child):not(:last-child):not(:only-child) {
          @include border-radius(0);

.card-img-top,
          .card-img-bottom,
          .card-header,
          .card-footer {
            @include border-radius(0);
          }
        }
      }
    }
  }
}

//
// Columns
//

.card-columns {
  .card {
    margin-bottom: $card-columns-margin;
  }

@include media-breakpoint-up(sm) {
    column-count: $card-columns-count;
    column-gap: $card-columns-gap;
  }
}

cmd: