codeclimate-styles 0.4.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: a3e4b52a2f6336812d1ad4d2f37639fba4b17a78
4
- data.tar.gz: 57dc5567f89a661c22765282a05b3fef54b0c95d
3
+ metadata.gz: 04f9cf752bab5c008607196aa542295289fd6ecb
4
+ data.tar.gz: fbf2bae840a66fab649c99cca972905959869c58
5
5
  SHA512:
6
- metadata.gz: b121b0cd42591d239e053d199d9cf801dc30279114fcea1700b227f489b387cc17d1bb0c15fdfde0336d590795c41938b278896e7008fc970a93634383b5b112
7
- data.tar.gz: eaddcd9d5fc2f16f3411660ff0e95633bfa8124dfd161f0ca40bd5e1310035459d5e46ebd95a1bb2ae34e3aca7bb22f41110b455006faccb9ec9a2b713e8a669
6
+ metadata.gz: eafab41382f4c1a7aec3652e746ca2ef6dd47c098bcbbdea98f74647004b53e8bcb9babf9b5e7e6d0b53aa00b64a3a7fc83c8e7292c357583c1d4e2b0a6a5109
7
+ data.tar.gz: 69a90ecd88f3b2473e35cf96c4bd2b26723f045f380acd08d4b0160c004352a1f68469b4961ea92bf57eec874abd10f3f4d13ff22a4f86f344543e8f11d2dbb9
@@ -32,10 +32,6 @@ $velvet-dark: #c64656;
32
32
 
33
33
  $magenta: #ce2156;
34
34
 
35
- $orange: #f29141;
36
- $orange-dark: #d96229;
37
- $orange-light: #fb864f;
38
-
39
35
  /* grayscales */
40
36
  $grayscale-pearl: #f7f7f7;
41
37
  $grayscale-aluminium: #bababa;
@@ -51,18 +51,19 @@ form.form
51
51
  }
52
52
 
53
53
  .help-inline {
54
+ color: $velvet-dark;
54
55
  margin-left: 10px;
55
56
  }
56
57
 
57
58
  .help-block {
59
+ color: $grayscale-storm;
58
60
  margin: 5px 0 10px;
59
61
  }
60
62
 
61
63
  .help-block,
62
64
  .help-inline {
63
- color: $grayscale-storm;
64
- font-size: 75%;
65
- line-height: 15px;
65
+ font-size: 15px;
66
+ line-height: 20px;
66
67
  }
67
68
  }
68
69
  // scss-lint:enable SelectorFormat, QualifyingElement
@@ -190,6 +191,7 @@ $checkbox-border-size: 2px;
190
191
  cursor: pointer;
191
192
  padding-left: $checkbox-size + 10px;
192
193
  user-select: none;
194
+ vertical-align: middle;
193
195
 
194
196
  &::before,
195
197
  &::after {
@@ -246,6 +248,7 @@ select.select {
246
248
  background-repeat: no-repeat;
247
249
  background-size: 12px auto;
248
250
  border: 1px solid $select-border-color;
251
+ border-radius: 6px;
249
252
  box-shadow: 0 1px 3px $select-box-shadow-color;
250
253
  color: $grayscale-deep;
251
254
  cursor: pointer;
@@ -5,7 +5,8 @@ name: avatar
5
5
  category: misc
6
6
  ---
7
7
 
8
- - `.small` - A small (25x25) avatar
8
+ - `avatar` - A large (75x75) avatar
9
+ - `.avatar--small` - A small (25x25) avatar
9
10
 
10
11
  ```slim_example
11
12
  img.avatar src="https://avatars.githubusercontent.com/u/1634280?v=3&u=f4d261ab0738ab0f0fdc86aa9546f0cfbb3d23f0&s=75"
@@ -340,9 +341,14 @@ name: dropdown
340
341
  category: misc
341
342
  ---
342
343
 
344
+ A container for a dropdown menu with items.
345
+
343
346
  ```slim_example
344
347
  div.dropdown
345
- label Latest Activity
348
+ a href="#" Hover to see more
349
+ ul.dropdown__menu
350
+ li: a href="#" Item 1
351
+ li: a href="#" Item 2
346
352
  ```
347
353
  */
348
354
 
@@ -383,36 +389,6 @@ div.dropdown
383
389
  color: $white;
384
390
  }
385
391
  }
386
-
387
- li {
388
- &.active a {
389
- color: $green;
390
- }
391
-
392
- &.active a:hover {
393
- color: $white;
394
- }
395
-
396
- &.active a::before {
397
- @include ff-mask-image(image-url("cc/styles/icons/checkmark.svg"));
398
- background-color: $green;
399
- content: "";
400
- height: 10px;
401
- left: 22px;
402
- margin-top: -5px;
403
- mask-position: bottom right;
404
- mask-repeat: no-repeat;
405
- mask-size: 100% auto;
406
- position: absolute;
407
- top: 50%;
408
- width: 12px;
409
- }
410
-
411
- &.active a:hover::before {
412
- background-color: $white;
413
- }
414
- }
415
-
416
392
  }
417
393
 
418
394
  .dropdown__menu--no-icons {
@@ -441,7 +417,7 @@ category: misc
441
417
  padding: 24px;
442
418
  position: relative;
443
419
 
444
- *:last-child {
420
+ > *:last-child {
445
421
  margin-bottom: 0;
446
422
  }
447
423
  }
@@ -622,41 +598,6 @@ files within a repository, or test coverage.
622
598
  background-color: $nectar-dark;
623
599
  }
624
600
 
625
- /*doc
626
- ---
627
- title: Arrowed Link
628
- name: arrowed
629
- category: misc
630
- ---
631
-
632
- ```slim_example
633
- a.link--arrowed(href="#") link text
634
- ```
635
- */
636
-
637
- .link--arrowed {
638
- position: relative;
639
-
640
- &::after {
641
- @include ff-mask-image(image-url("cc/styles/icons/link_arrow.svg"));
642
- background-color: $grayscale-aluminium;
643
- bottom: 0;
644
- content: "";
645
- margin-top: -7px;
646
- mask-position: center left;
647
- mask-repeat: no-repeat;
648
- mask-size: 11px 11px;
649
- position: absolute;
650
- right: -15px;
651
- top: 50%;
652
- width: 11px;
653
- }
654
-
655
- &:hover::after {
656
- background-color: $green;
657
- }
658
- }
659
-
660
601
  /*doc
661
602
  ---
662
603
  title: Stat
@@ -1,5 +1,5 @@
1
1
  module CC
2
2
  module Styles
3
- VERSION = "0.4.0".freeze
3
+ VERSION = "0.5.0".freeze
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: codeclimate-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.0
4
+ version: 0.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Code Climate
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-04-25 00:00:00.000000000 Z
11
+ date: 2017-05-17 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: Foundational stylesheets for Code Climate properties
14
14
  email: