oulu 0.12.32 → 0.12.33
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/_buttons.sass +4 -0
- data/app/assets/stylesheets/modules/buttons/styles/_flat.sass +51 -0
- data/app/assets/stylesheets/settings/variables/_modules.sass +1 -1
- 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
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6ba2498480822f38542b7cc60ac77d6ec2655e76
|
|
4
|
+
data.tar.gz: 8b5a73db0e135af6a462da28a6af96181376b2dc
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f3b3319e798214d0b3be413a6bfd1ac76e7a42876c17257c3ef1954aa9554763de8c0bfc831da7d96e9cc6083627a85ac351e4025cca4c0458c02f8a791408cb
|
|
7
|
+
data.tar.gz: 931a9037a105e833e131073775a9e5adcbb7ede1f80866a09a603a629fb50e0ec0f6ca34375da24c31c1201e9a382bba309c23f3cb5e458577e9c6e383ed61e1
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
// button styles
|
|
4
4
|
@import styles/normal
|
|
5
5
|
@import styles/border
|
|
6
|
+
@import styles/flat
|
|
6
7
|
@import styles/flat-emboss
|
|
7
8
|
@import styles/material
|
|
8
9
|
@import styles/flat-round
|
|
@@ -21,6 +22,9 @@
|
|
|
21
22
|
@else if $style == bold-border
|
|
22
23
|
+button-size($size, .125rem, .5rem)
|
|
23
24
|
+border-button($color)
|
|
25
|
+
@else if $style == flat
|
|
26
|
+
+button-size($size, false, .25rem)
|
|
27
|
+
+flat-button($color)
|
|
24
28
|
@else if $style == flat-emboss
|
|
25
29
|
+button-size($size, false, .25rem)
|
|
26
30
|
+flat-emboss-button($color)
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
=flat-button($color)
|
|
2
|
+
color: luma_contrast_color($color)
|
|
3
|
+
background-color: $color
|
|
4
|
+
box-shadow: shade($color, 20%) 0 .125rem 0
|
|
5
|
+
transition: background-color .2s ease-in, top .2s ease-in
|
|
6
|
+
&:link,
|
|
7
|
+
&:visited
|
|
8
|
+
color: luma_contrast_color($color)
|
|
9
|
+
box-shadow: shade($color, 20%) 0 .125rem 0
|
|
10
|
+
&:hover,
|
|
11
|
+
&.hover,
|
|
12
|
+
&.is-hover
|
|
13
|
+
color: luma_contrast_color($color)
|
|
14
|
+
$background-color: saturate($color, 20%)
|
|
15
|
+
background-color: $background-color
|
|
16
|
+
box-shadow: shade($background-color, 20%) 0 .125rem 0
|
|
17
|
+
&:active,
|
|
18
|
+
&.active,
|
|
19
|
+
&.is-active
|
|
20
|
+
color: luma_contrast_color($color)
|
|
21
|
+
$background-color: saturate($color, 20%)
|
|
22
|
+
background-color: $background-color
|
|
23
|
+
box-shadow: shade($background-color, 20%) 0 .0625rem 0
|
|
24
|
+
+top(.0625rem)
|
|
25
|
+
|
|
26
|
+
// radio & checkbos
|
|
27
|
+
&.is-radio,
|
|
28
|
+
&.is-checkbox
|
|
29
|
+
&:before
|
|
30
|
+
box-shadow: $color 0 0 0 1px
|
|
31
|
+
|
|
32
|
+
// checked
|
|
33
|
+
&.is-checked
|
|
34
|
+
color: luma_contrast_color($button-checked-color)
|
|
35
|
+
background-color: $button-checked-color
|
|
36
|
+
border-color: shade($button-checked-color, 20%)
|
|
37
|
+
&:before
|
|
38
|
+
box-shadow: luma_contrast_color($button-checked-color) 0 0 0 1px
|
|
39
|
+
|
|
40
|
+
// select
|
|
41
|
+
&.is-select
|
|
42
|
+
&:after
|
|
43
|
+
color: $color
|
|
44
|
+
border-left: 1px solid $color
|
|
45
|
+
|
|
46
|
+
// disabled
|
|
47
|
+
&.is-disabled,
|
|
48
|
+
&:disabled
|
|
49
|
+
$color: if(luma_bright($color), shade($color, 20%), tint($color, 20%))
|
|
50
|
+
color: rgba($color, .7)
|
|
51
|
+
border-color: $color
|
|
@@ -21,7 +21,7 @@ $xl-button-font-size: 1.25rem !default
|
|
|
21
21
|
|
|
22
22
|
$button-sizes: xs, sm, md, lg, xl !default
|
|
23
23
|
$button-color-names: secondary, primary, success, info, warning, danger !default
|
|
24
|
-
$button-styles: normal, border, bold-border, flat-emboss, material, flat-round, super-bold-border, standard !default
|
|
24
|
+
$button-styles: normal, border, bold-border, flat, flat-emboss, material, flat-round, super-bold-border, standard !default
|
|
25
25
|
|
|
26
26
|
$button-xs-height-ratio: 2.85 !default
|
|
27
27
|
$button-sm-height-ratio: 2.65 !default
|
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.12.
|
|
4
|
+
version: 0.12.33
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- machida
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-03
|
|
11
|
+
date: 2017-04-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: thor
|
|
@@ -74,6 +74,7 @@ files:
|
|
|
74
74
|
- app/assets/stylesheets/modules/buttons/styles/_border.sass
|
|
75
75
|
- app/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
|
|
76
76
|
- app/assets/stylesheets/modules/buttons/styles/_flat-round.sass
|
|
77
|
+
- app/assets/stylesheets/modules/buttons/styles/_flat.sass
|
|
77
78
|
- app/assets/stylesheets/modules/buttons/styles/_material.sass
|
|
78
79
|
- app/assets/stylesheets/modules/buttons/styles/_normal.sass
|
|
79
80
|
- app/assets/stylesheets/modules/buttons/styles/_standard.sass
|