oulu 0.16.9 → 0.17.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 +4 -4
- data/app/assets/stylesheets/modules/buttons/_button-base.sass +1 -1
- data/app/assets/stylesheets/modules/buttons/_buttons.sass +4 -0
- data/app/assets/stylesheets/modules/buttons/styles/_simple.sass +51 -0
- data/app/assets/stylesheets/modules/text-style/_disabled-h1.sass +1 -1
- data/app/assets/stylesheets/modules/text-style/_link-card.sass +1 -1
- data/app/assets/stylesheets/modules/text-style/_long-text-style.sass +7 -7
- data/app/assets/stylesheets/modules/themes/admin/blocks/table/_admin-table.sass +1 -1
- data/app/assets/stylesheets/modules/themes/style-guide/blocks/_style-guide-color.sass +3 -3
- data/bower.json +1 -1
- data/lib/oulu/version.rb +1 -1
- data/package.json +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 54734f1285ac54c0b73c40e51df7a6f77d567deaf0898c12e21bf36baca640d0
|
|
4
|
+
data.tar.gz: 1aa285150e976db58e8f48d855ce4b715b2b2e8de34ca7a23cb0edb3456d468a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
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
|
|
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)
|
|
@@ -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,
|
|
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,
|
|
35
|
+
+text-block(1.375em 1.4 .625em, 700)
|
|
36
36
|
h4
|
|
37
|
-
+text-block(1.25em 1.3 .625em,
|
|
37
|
+
+text-block(1.25em 1.3 .625em, 700)
|
|
38
38
|
h5
|
|
39
|
-
+text-block(1.125em 1.3 .625em,
|
|
39
|
+
+text-block(1.125em 1.3 .625em, 700)
|
|
40
40
|
h6
|
|
41
|
-
+text-block(1em 1.3 .625em,
|
|
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, .
|
|
109
|
+
+margin(vertical, .5em)
|
|
110
110
|
&:first-child
|
|
111
111
|
margin-top: 0
|
|
112
112
|
&:last-child
|
|
@@ -6,13 +6,13 @@
|
|
|
6
6
|
margin-bottom: .5rem
|
|
7
7
|
|
|
8
8
|
.style-guide-color__hex
|
|
9
|
-
+text-block(.875rem 1.45 .25rem,
|
|
9
|
+
+text-block(.875rem 1.45 .25rem, 700)
|
|
10
10
|
|
|
11
11
|
.style-guide-color__luma
|
|
12
|
-
+text-block(.875rem 1.45 .25rem,
|
|
12
|
+
+text-block(.875rem 1.45 .25rem, 700)
|
|
13
13
|
|
|
14
14
|
.style-guide-color__name
|
|
15
|
-
+text-block(.875rem 1.45 .25rem,
|
|
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
data/lib/oulu/version.rb
CHANGED
data/package.json
CHANGED
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.
|
|
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-
|
|
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
|