codeclimate-styles 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a3e4b52a2f6336812d1ad4d2f37639fba4b17a78
-  data.tar.gz: 57dc5567f89a661c22765282a05b3fef54b0c95d
+  metadata.gz: 04f9cf752bab5c008607196aa542295289fd6ecb
+  data.tar.gz: fbf2bae840a66fab649c99cca972905959869c58
 SHA512:
-  metadata.gz: b121b0cd42591d239e053d199d9cf801dc30279114fcea1700b227f489b387cc17d1bb0c15fdfde0336d590795c41938b278896e7008fc970a93634383b5b112
-  data.tar.gz: eaddcd9d5fc2f16f3411660ff0e95633bfa8124dfd161f0ca40bd5e1310035459d5e46ebd95a1bb2ae34e3aca7bb22f41110b455006faccb9ec9a2b713e8a669
+  metadata.gz: eafab41382f4c1a7aec3652e746ca2ef6dd47c098bcbbdea98f74647004b53e8bcb9babf9b5e7e6d0b53aa00b64a3a7fc83c8e7292c357583c1d4e2b0a6a5109
+  data.tar.gz: 69a90ecd88f3b2473e35cf96c4bd2b26723f045f380acd08d4b0160c004352a1f68469b4961ea92bf57eec874abd10f3f4d13ff22a4f86f344543e8f11d2dbb9

data/assets/stylesheets/cc/styles/_colors.scss

@@ -32,10 +32,6 @@ $velvet-dark: #c64656;
 
 $magenta: #ce2156;
 
-$orange: #f29141;
-$orange-dark: #d96229;
-$orange-light: #fb864f;
-
 /* grayscales */
 $grayscale-pearl: #f7f7f7;
 $grayscale-aluminium: #bababa;

data/assets/stylesheets/cc/styles/modules/_forms.scss

@@ -51,18 +51,19 @@ form.form
   }
 
   .help-inline {
+    color: $velvet-dark;
     margin-left: 10px;
   }
 
   .help-block {
+    color: $grayscale-storm;
     margin: 5px 0 10px;
   }
 
   .help-block,
   .help-inline {
-    color: $grayscale-storm;
-    font-size: 75%;
-    line-height: 15px;
+    font-size: 15px;
+    line-height: 20px;
   }
 }
 // scss-lint:enable SelectorFormat, QualifyingElement
@@ -190,6 +191,7 @@ $checkbox-border-size: 2px;
     cursor: pointer;
     padding-left: $checkbox-size + 10px;
     user-select: none;
+    vertical-align: middle;
 
     &::before,
     &::after {
@@ -246,6 +248,7 @@ select.select {
   background-repeat: no-repeat;
   background-size: 12px auto;
   border: 1px solid $select-border-color;
+  border-radius: 6px;
   box-shadow: 0 1px 3px $select-box-shadow-color;
   color: $grayscale-deep;
   cursor: pointer;

data/assets/stylesheets/cc/styles/modules/_misc.scss

@@ -5,7 +5,8 @@ name: avatar
 category: misc
 ---
 
-- `.small` - A small (25x25) avatar
+- `avatar` - A large (75x75) avatar
+- `.avatar--small` - A small (25x25) avatar
 
 ```slim_example
 img.avatar src="https://avatars.githubusercontent.com/u/1634280?v=3&u=f4d261ab0738ab0f0fdc86aa9546f0cfbb3d23f0&s=75"
@@ -340,9 +341,14 @@ name: dropdown
 category: misc
 ---
 
+A container for a dropdown menu with items.
+
 ```slim_example
 div.dropdown
-  label Latest Activity
+  a href="#" Hover to see more
+  ul.dropdown__menu
+    li: a href="#" Item 1
+    li: a href="#" Item 2
 ```
 */
 
@@ -383,36 +389,6 @@ div.dropdown
       color: $white;
     }
   }
-
-  li {
-    &.active a {
-      color: $green;
-    }
-
-    &.active a:hover {
-      color: $white;
-    }
-
-    &.active a::before {
-      @include ff-mask-image(image-url("cc/styles/icons/checkmark.svg"));
-      background-color: $green;
-      content: "";
-      height: 10px;
-      left: 22px;
-      margin-top: -5px;
-      mask-position: bottom right;
-      mask-repeat: no-repeat;
-      mask-size: 100% auto;
-      position: absolute;
-      top: 50%;
-      width: 12px;
-    }
-
-    &.active a:hover::before {
-      background-color: $white;
-    }
-  }
-
 }
 
 .dropdown__menu--no-icons {
@@ -441,7 +417,7 @@ category: misc
   padding: 24px;
   position: relative;
 
-  *:last-child {
+  > *:last-child {
     margin-bottom: 0;
   }
 }
@@ -622,41 +598,6 @@ files within a repository, or test coverage.
   background-color: $nectar-dark;
 }
 
-/*doc
----
-title: Arrowed Link
-name: arrowed
-category: misc
----
-
-```slim_example
-a.link--arrowed(href="#") link text
-```
-*/
-
-.link--arrowed {
-  position: relative;
-
-  &::after {
-    @include ff-mask-image(image-url("cc/styles/icons/link_arrow.svg"));
-    background-color: $grayscale-aluminium;
-    bottom: 0;
-    content: "";
-    margin-top: -7px;
-    mask-position: center left;
-    mask-repeat: no-repeat;
-    mask-size: 11px 11px;
-    position: absolute;
-    right: -15px;
-    top: 50%;
-    width: 11px;
-  }
-
-  &:hover::after {
-    background-color: $green;
-  }
-}
-
 /*doc
 ---
 title: Stat

data/lib/cc/styles/version.rb

@@ -1,5 +1,5 @@
 module CC
   module Styles
-    VERSION = "0.4.0".freeze
+    VERSION = "0.5.0".freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: codeclimate-styles
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Code Climate
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-04-25 00:00:00.000000000 Z
+date: 2017-05-17 00:00:00.000000000 Z
 dependencies: []
 description: Foundational stylesheets for Code Climate properties
 email: