removed kebab variation from the dropdown pattern, removed kebab patt…

…ern and multiselection from card pattern, and included utility classes to add margin-bottom to the icons in the card

source/_patterns/basics/dropdowns/00-dropdown.hbs

@@ -1,10 +1,6 @@
-<div class="dropdown {{ dropdownState }} {{#if isKebab}}pf-dropdown__kebab{{/if}} {{#if pullright}}pull-right{{/if}}" aria-labelledby="{{ dropdownAriaLabelledby }}">
-  <button type="button" class="btn {{#if isKebab}}btn-link{{else}}{{ btnClass }}{{/if}}  dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    {{#if isKebab}}
-      <span class="fa fa-ellipsis-v"></span>
-    {{else}}
-      {{ dropdownText }}
-    {{/if}}
+<div class="dropdown {{ dropdownState }} {{#if pullright}}pull-right{{/if}}" aria-labelledby="{{ dropdownAriaLabelledby }}">
+  <button type="button" class="btn {{ btnClass }} dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+    {{ dropdownText }}
   </button>
   <div class="dropdown-menu {{#if pullright}}dropdown-menu-right{{/if}}">
     {{#each dropdownList}}

source/_patterns/basics/dropdowns/02-dropdown-styles.hbs

@@ -5,4 +5,3 @@
 {{> basics-dropdown dropdownText= "Info" btnClass="btn-info" }}
 {{> basics-dropdown dropdownText= "Warning" btnClass="btn-warning" }}
 {{> basics-dropdown dropdownText= "Danger" btnClass="btn-danger" }}
-{{> basics-dropdown isKebab= true }}

source/_patterns/components/03-cards/00-card.hbs

@@ -1,36 +1,20 @@
 
-<div class="card {{#if textCenter}}text-xs-center{{/if}} {{#if cardAccent}}pf-card--accented{{/if}} {{#if multiselect}}pf-card--multiselect{{/if}}">
+<div class="card pf-card {{#if textCenter}}text-xs-center{{/if}} {{#if cardAccent}}pf-card--accented{{/if}}">
 {{#if cardHeader}}
-  <div class="card-header {{#if multiselect}}pf-card--multiselect__header{{/if}}">
-    {{#if multiselect}}
-      <div class="pf-card__checkbox">
-        <input type="checkbox">
-      </div>
-    {{/if}}
-    {{#if cardKebab}}
-      {{> basics-dropdown isKebab=true pullright=true }}
-    {{/if}}
+  <div class="card-header">
     {{#if cardHeaderDropdown}}
       {{> basics-dropdown dropdownText="Dropdown" pullright=true }}
     {{/if}}
     <{{cardTitleSize}} class="card-title">{{{cardTitle}}}</{{cardTitleSize}}>
   </div>
   <div class="card-block">
 {{else}}
-  <div class="card-block {{#if multiselect}}pf-card--multiselect__block{{/if}}">
-    {{#if multiselect}}
-      <div class="pf-card__checkbox">
-        <input type="checkbox">
-      </div>
-    {{/if}}
+  <div class="card-block">
     {{#if cardTitleIconLarge}}
-        {{> basics-icon iconFamily="pficon" iconName="pficon-middleware" iconModifier="pf-icon--circle pf-icon--lg" }}
+        {{> basics-icon iconFamily="pficon" iconName="pficon-middleware" iconModifier="pf-icon--circle pf-icon--lg mb-pf-lg" }}
     {{/if}}
     {{#if cardTitleIconMedium}}
-        {{> basics-icon iconFamily="pficon" iconName="pficon-middleware" iconModifier="pf-icon--circle pf-icon--md" }}
-    {{/if}}
-    {{#if cardKebab}}
-      {{> basics-dropdown isKebab=true pullright=true }}
+        {{> basics-icon iconFamily="pficon" iconName="pficon-middleware" iconModifier="pf-icon--circle pf-icon--md mb-pf-md" }}
     {{/if}}
     <{{cardTitleSize}} class="card-title">{{{cardTitle}}}</{{cardTitleSize}}>
 {{/if}}

source/scss/_pf-component-card.scss

@@ -2,7 +2,7 @@
 // Base styles
 //
 
-.card {
+.pf-card {
   @include box-shadow($pf-box-shadow);
 }
 
@@ -11,7 +11,7 @@
 // bootstrap defaults.
 //
 
-.card{
+.pf-card {
   border: none;
 
   .card-header{
@@ -27,26 +27,3 @@
 .pf-card--accented {
   border-top: 2px solid $color-pf-blue-300;
 }
-.pf-card--multiselect__block,
-.pf-card--multiselect__header {
-  padding-left: $pf-spacer-xxl;
-  padding-right: $pf-spacer-xxl;
-}
-.pf-card__checkbox {
-  position: absolute;
-  top: $pf-spacer-xxxs;
-  left: $pf-spacer-xxs;
-  input[type=checkbox] {
-    //visibility: hidden; is not keyboard accessible and should be replaced with something that keeps the checkbox "visible" in the dom but not rendered on the screen
-    // using z-index to push the checkbox behind the card until it has keyboard focus, or the user hovers over the card
-    z-index:-1;
-    position: relative;
-    width: $pf-spacer-xxxl;
-    height: $pf-spacer-xxxl;
-    .pf-card--multiselect:hover &,
-    &:focus,
-    &:checked {
-      z-index:auto;
-    }
-  }
-}