oulu 0.16.9 → 0.17.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c42e2e4841a9841d1e203646bb3d57efd2a6c7ca62f498505e457f3413655269
4
- data.tar.gz: 495ecc26d3eb6a27bbdd013f9955454a88cb422034f341adc914fb87289b2752
3
+ metadata.gz: 54734f1285ac54c0b73c40e51df7a6f77d567deaf0898c12e21bf36baca640d0
4
+ data.tar.gz: 1aa285150e976db58e8f48d855ce4b715b2b2e8de34ca7a23cb0edb3456d468a
5
5
  SHA512:
6
- metadata.gz: 32c15951ad31cdd2b558a49f376fbbab447592899eab96dc9fc50a8cfb75f015e201611e137a371828bd4bdf4b39de84bb1d1119e27c3909814278c6cd31b0cc
7
- data.tar.gz: 6185fd159caa96b4c165519a08ffbbee991e2a148f11a9747381d9643bc2797381abd7e75759d7fa2cebf4dcf3289840f255993f2fc924fe6f563710ae56072e
6
+ metadata.gz: ef9beb66334c3607e2475fc99236682721998f44fa604a30db6c28088207da002a3f9636f8082d2663d8a4de58e74541319d504f6a061a7ca312da7c38622818
7
+ data.tar.gz: 83f5b8209dfa8bb88d33f86bba6c55f7f4f3dd64494680f0a8fd24c5e5ba506de546b26bc3168c7372ccc550bdd57fd1c149b5b15be948ee93a1d92ea5ccfe89
@@ -53,7 +53,7 @@
53
53
  +padding(vertical, $vertical-padding)
54
54
  @if $border-radius
55
55
  border-radius: $border-radius
56
- @if $font-size > .6875rem and 1rem > $font-size
56
+ @if $font-size > .6875rem and .75rem > $font-size
57
57
  font-weight: 600
58
58
  @else if .999999rem < $font-size
59
59
  font-weight: 700
@@ -9,6 +9,7 @@
9
9
  @import styles/flat-round
10
10
  @import styles/super-bold-border
11
11
  @import styles/standard
12
+ @import styles/simple
12
13
 
13
14
  @import button-helper
14
15
  @import button-sizes
@@ -41,6 +42,9 @@
41
42
  @else if $style == standard
42
43
  +button-size($size, .0625rem, .25rem)
43
44
  +standard-button($color)
45
+ @else if $style == simple
46
+ +button-size($size, false, .1875rem)
47
+ +simple-button($color)
44
48
  @each $option in $options
45
49
  @if $option == 'left'
46
50
  text-align: left
@@ -0,0 +1,51 @@
1
+ =simple-button($color: blue)
2
+ transition: .5s (background-image)
3
+ background-color: $color
4
+ color: luma_contrast_color($color)
5
+ font-weight: bold
6
+ transition: all .2s ease-out
7
+ &:hover,
8
+ &.hover
9
+ $color: darken($color, 9%)
10
+ @if luma($color) > 90
11
+ background-color: #f2f2f2
12
+ @else
13
+ background-color: $color
14
+ &:active,
15
+ &.active
16
+ $color: darken($color, 12%)
17
+ @if luma($color) > 90
18
+ background-color: #f2f2f2
19
+ @else
20
+ background-color: $color
21
+ +top(1px)
22
+
23
+ // radio & checkbos
24
+ &.is-radio,
25
+ &.is-checkbox
26
+ &:before
27
+ box-shadow: rgba(black, 0.2) 0 1px 1px inset
28
+ background-color: #{if(luma_bright($color), shade($color, 20%), tint($color, 20%))}
29
+
30
+ // checked
31
+ &.is-checked
32
+ color: luma_contrast_color($button-checked-color)
33
+ background-color: $button-checked-color
34
+ +top(1px)
35
+ &:before
36
+ box-shadow: rgba(black, 0.3) 0 1px 1px inset
37
+ background-color: #{if(luma_bright($button-checked-color), shade($button-checked-color, 40%), tint($button-checked-color, 40%))}
38
+
39
+ // select
40
+ &.is-select
41
+ &:after
42
+ color: rgba(luma_contrast_color($color), .7)
43
+ border-left: 1px solid
44
+ border-left-color: #{if(luma_bright($color), shade($color, 20%), tint($color, 20%))}
45
+
46
+ // disabled
47
+ &.is-disabled,
48
+ &:disabled
49
+ $color: if(luma_bright($color), desaturate(shade($color, 30%), 30%), desaturate(tint($color, 30%), 30%))
50
+ background-color: rgba($color, 9)
51
+ color: rgba(luma_contrast_color($color), .7)
@@ -18,6 +18,6 @@
18
18
  font-size: $mobile-font-size
19
19
  @else
20
20
  h1
21
- +text-block(2em 1.4 .75em, 600)
21
+ +text-block(2em 1.4 .75em, 700)
22
22
  * + h1
23
23
  margin-top: 1.2em
@@ -44,7 +44,7 @@
44
44
  margin-bottom: .25rem
45
45
 
46
46
  .link-card__title
47
- +text-block(1rem 1.4 0, 600 $default-text)
47
+ +text-block(1rem 1.4 0, 700 $default-text)
48
48
 
49
49
  .link-card__title-link
50
50
  color: $default-text
@@ -19,7 +19,7 @@ $disabled-h1: false !default
19
19
  margin-bottom: 0
20
20
  +disabled-h1($disabled-h1, $pc-font-size, $mobile-font-size)
21
21
  h2
22
- +text-block(1.625em 1.4 .75em, 600)
22
+ +text-block(1.625em 1.4 .75em, 700)
23
23
  padding-bottom: .25em
24
24
  border-bottom: .0625rem solid mix($font, $background, 20%)
25
25
  h1 + h2
@@ -32,13 +32,13 @@ $disabled-h1: false !default
32
32
  * + h5
33
33
  margin-top: 1.5em
34
34
  h3
35
- +text-block(1.375em 1.4 .625em, 600)
35
+ +text-block(1.375em 1.4 .625em, 700)
36
36
  h4
37
- +text-block(1.25em 1.3 .625em, 600)
37
+ +text-block(1.25em 1.3 .625em, 700)
38
38
  h5
39
- +text-block(1.125em 1.3 .625em, 600)
39
+ +text-block(1.125em 1.3 .625em, 700)
40
40
  h6
41
- +text-block(1em 1.3 .625em, 600)
41
+ +text-block(1em 1.3 .625em, 700)
42
42
  p
43
43
  +text-block(1em 1.8 1.5em)
44
44
  a
@@ -53,7 +53,7 @@ $disabled-h1: false !default
53
53
  +source-code-pro
54
54
  tab-size: 2
55
55
  hyphens: none
56
-
56
+
57
57
  pre
58
58
  padding: 0
59
59
  margin-bottom: 1.5em
@@ -106,7 +106,7 @@ $disabled-h1: false !default
106
106
  margin-bottom: 1.5em
107
107
  li
108
108
  +text-block(1em 1.8)
109
- +margin(vertical, .75em)
109
+ +margin(vertical, .5em)
110
110
  &:first-child
111
111
  margin-top: 0
112
112
  &:last-child
@@ -34,7 +34,7 @@ $admin-table-font-size: .75rem
34
34
 
35
35
  .admin-table__body-label,
36
36
  .admin-table__header-label
37
- font-weight: 600
37
+ font-weight: 700
38
38
  background-color: $admin-background-dark
39
39
  border: solid .0625rem $admin-border-shade
40
40
  color: $admin-default-text
@@ -6,13 +6,13 @@
6
6
  margin-bottom: .5rem
7
7
 
8
8
  .style-guide-color__hex
9
- +text-block(.875rem 1.45 .25rem, 600)
9
+ +text-block(.875rem 1.45 .25rem, 700)
10
10
 
11
11
  .style-guide-color__luma
12
- +text-block(.875rem 1.45 .25rem, 600)
12
+ +text-block(.875rem 1.45 .25rem, 700)
13
13
 
14
14
  .style-guide-color__name
15
- +text-block(.875rem 1.45 .25rem, 600)
15
+ +text-block(.875rem 1.45 .25rem, 700)
16
16
 
17
17
  // ui-colors
18
18
  $ui-colors: primary secondary warning danger info
data/bower.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oulu",
3
- "version": "0.16.9",
3
+ "version": "0.17.0",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
data/lib/oulu/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Oulu
2
- VERSION = "0.16.9"
2
+ VERSION = "0.17.0"
3
3
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oulu",
3
- "version": "0.16.9",
3
+ "version": "0.17.0",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: oulu
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.16.9
4
+ version: 0.17.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - machida
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-03-06 00:00:00.000000000 Z
11
+ date: 2018-03-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: thor
@@ -78,6 +78,7 @@ files:
78
78
  - app/assets/stylesheets/modules/buttons/styles/_flat.sass
79
79
  - app/assets/stylesheets/modules/buttons/styles/_material.sass
80
80
  - app/assets/stylesheets/modules/buttons/styles/_normal.sass
81
+ - app/assets/stylesheets/modules/buttons/styles/_simple.sass
81
82
  - app/assets/stylesheets/modules/buttons/styles/_standard.sass
82
83
  - app/assets/stylesheets/modules/buttons/styles/_super-bold-border.sass
83
84
  - app/assets/stylesheets/modules/glitch/_glitch.sass