@dscout/particle 1.0.0-alpha.2 → 1.0.0-alpha.3

package/styles/components/_links.scss

@@ -1,141 +0,0 @@
-@import '../mixins';
-@import '../variables';
-
-/*
-@styleguide
-@title Links
-
-Links can have a default style, no style, or no border:
-
-<a href="#">Default Link</a>
-
-    <a href="#">Default Link</a>
-
-<a href="#" class="a--no-style">No Style</a>
-
-    <a href="#" class="a--no-style">No Style</a>
-
-<a href="#" class="border--none">No Border</a>
-
-    <a href="#" class="border--none">No Border</a>
-
-Links can have any of the following colors, or be nested inside a color:
-- dscout
-- success
-- dem
-- alert
-- close
-- test
-
-<a href="#" class="color--alert">Danger!</a>
-
-    <a href="#" class="color--alert">Danger!</a>
-
-<section class="color--success">
-  Mission Accomplished! <a href="#">Click here</a> to move on.
-</section>
-
-    <section class="color--success">
-      Mission Accomplished! <a href="#">Click here</a> to move on.
-    </section>
-*/
-
-// === LINKS === //
-
-a {
-  border-bottom: 1px solid $color--dem;
-  color: inherit;
-  text-decoration: none;
-  transition: border $timing--hover, color $timing--hover;
-
-  &:hover {
-    border-bottom: 1px solid $color--main-light;
-  }
-}
-
-// remove link styling
-
-.a--no-style,
-.a--no-style > a {
-  border-bottom: none !important;
-
-  &:hover {
-    color: currentColor !important;
-  }
-}
-
-// remove just border color
-
-a.border--none {
-  border-bottom-color: transparent !important;
-
-  &:hover {
-    border-bottom-color: transparent !important;
-  }
-}
-
-// link colors
-
-a.color--dscout,
-.color--dscout a {
-  @include a--color ($color--dscout);
-}
-
-a.color--success,
-.color--success a {
-  @include a--color ($color--success);
-}
-
-a.color--dem {
-  @include a--color ($color--dem);
-}
-
-a.color--alert,
-.color--alert a {
-  @include a--color ($color--alert);
-}
-
-a.color--close,
-.color--close a {
-  @include a--color ($color--close);
-}
-
-a.color--coachmark,
-.color--coachmark a {
-  @include a--color ($color--coachmark);
-}
-
-a.color--test,
-.color--test a {
-  @include a--color ($color--test);
-}
-
-// links inside colors
-
-.color--main-light {
-  a:hover {
-    border-bottom-color: rgba(mix(black, $color--main-light, 20%), .6);
-    color: mix(black, $color--main-light, 20%);
-  }
-}
-
-.dem,
-aside,
-.color--dem {
-  a:hover {
-    border-bottom-color: rgba(mix(black, $color--dem, 20%), .6);
-    color: mix(black, $color--dem, 20%);
-  }
-}
-
-.color--invert {
-  a {
-    border-bottom-color: rgba($color--invert, .3);
-    color: $color--invert;
-
-    &:hover {
-      border-bottom-color: rgba($color--invert, .6) !important;
-      color: rgba($color--invert, .8);
-    }
-  }
-}

package/styles/css_variables/_bandit.scss

@@ -1,45 +0,0 @@
-@import '../theme_builder';
-
-& {
-  @include generate-theme-variables(
-    /* Grayscale colors */
-    $color--gray-1: #323232,
-    $color--gray-2: #646464,
-    $color--gray-3: #aeaeae,
-    $color--gray-4: #dedede,
-    $color--gray-5: #f0f0f0,
-    $color--gray-6: #fafafa,
-
-    /* Shadows */
-    $shadow--s: 0 .125em 1em rgba(var(--color--main-rgb), .08),
-    $shadow--m: 0 .25em 2em rgba(var(--color--main-rgb), .12),
-    $shadow--l: 0 .375em 3em rgba(var(--color--main-rgb), .16),
-    $shadow--xl: 0 .5em 4em rgba(var(--color--main-rgb), .24),
-    
-    /* Radii */
-    $radius--tiny: .125em,
-    $radius--small: .25em,
-    $radius--med: .5em,
-    $radius--large: .75em,
-    
-    /* Font sizes */
-    $font-size--xxs: .5em,
-    $font-size--xs: .75em,
-    $font-size--s: .875em,
-    $font-size--base: 1em,
-    $font-size--l: 1.125em,
-    $font-size--xl: 1.5em,
-    $font-size--xxl: 2em,
-    $font-size--xxxl: 3em,
-    $font-size--subheadline: 4em,
-    $font-size--headline: 5em,
-    
-    /* Font weights */
-    $font-weight--normal: 400,
-    $font-weight--semibold: 700,
-    $font-weight--bold: 800,
-
-    /* Body variables */
-    $Body__font-size: 1rem
-  );
-}

package/styles/css_variables/_researcher.scss

@@ -1,5 +0,0 @@
-@import '../theme_builder';
-
-& {
-  @include generate-theme-variables();
-}