oulu 0.15.1 → 0.15.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/modules/buttons/_button-base.sass +5 -4
- data/app/assets/stylesheets/modules/buttons/_button-helper.sass +11 -0
- data/app/assets/stylesheets/modules/buttons/_button-sizes.sass +6 -0
- data/app/assets/stylesheets/modules/buttons/_buttons.sass +1 -1
- data/app/assets/stylesheets/modules/buttons/styles/_flat.sass +4 -0
- data/bower.json +1 -1
- data/lib/oulu/version.rb +1 -1
- data/package.json +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5fcf9327678b3e8332c96614aca612de0139e706
|
4
|
+
data.tar.gz: 30c5fd9c7e7242582bacb85d4d13e7063c84a171
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5affd681b0446488f74674e99cc9c32ca3e986d23827dac59609428b311fefeb7f8cbc71375e7f0856bb7e0eee82b3ce03c20cba5730876bb3f2bd53f256fbbf
|
7
|
+
data.tar.gz: 9700517441a531f3a1f68cf8c1f5280177e571983feda26cb5a29116cb2d0439e49730272f7611ad7d82d27e961b1528092108434702182595bfaf45797cb6b0
|
@@ -1,4 +1,5 @@
|
|
1
1
|
=button-base
|
2
|
+
line-height: 1.45
|
2
3
|
display: inline-flex
|
3
4
|
align-items: center
|
4
5
|
justify-content: center
|
@@ -50,7 +51,6 @@
|
|
50
51
|
min-height: $button-height
|
51
52
|
$vertical-padding: ($button-height - (($font-size * 1.45) - ($border-width * 2))) / 2
|
52
53
|
+padding(vertical, $vertical-padding)
|
53
|
-
+text-block($font-size 1.45)
|
54
54
|
@if $border-radius
|
55
55
|
border-radius: $border-radius
|
56
56
|
@if $font-size > .6875rem and 1rem > $font-size
|
@@ -101,14 +101,15 @@
|
|
101
101
|
overflow: hidden
|
102
102
|
&:after
|
103
103
|
+fa("\f0d7")
|
104
|
-
+position(absolute, right 0, top 0 bottom 0, 0)
|
105
|
-
+text-block($icon-size
|
104
|
+
+position(absolute, right 0, top 0, bottom 0, 0)
|
105
|
+
+text-block($icon-size 1, center flex)
|
106
|
+
align-items: center
|
107
|
+
justify-content: center
|
106
108
|
+size($icon-width null)
|
107
109
|
select
|
108
110
|
font-size: inherit
|
109
111
|
height: $button-height
|
110
112
|
+padding(horizontal, (($font-size * 1.4) ($font-size * 1.4) + $icon-width))
|
111
|
-
+padding(vertical, $vertical-padding)
|
112
113
|
+position(relative, 1)
|
113
114
|
&.is-radio,
|
114
115
|
&.is-checkbox
|
@@ -55,6 +55,17 @@
|
|
55
55
|
select
|
56
56
|
width: 100%
|
57
57
|
|
58
|
+
&[class*="-xs-"]
|
59
|
+
font-size: $xs-button-font-size
|
60
|
+
&[class*="-sm-"]
|
61
|
+
font-size: $sm-button-font-size
|
62
|
+
&[class*="-md-"]
|
63
|
+
font-size: $md-button-font-size
|
64
|
+
&[class*="-lg-"]
|
65
|
+
font-size: $lg-button-font-size
|
66
|
+
&[class*="-xl-"]
|
67
|
+
font-size: $xl-button-font-size
|
68
|
+
|
58
69
|
button[class*="is-button"]
|
59
70
|
display: inline-block
|
60
71
|
&.is-block
|
@@ -117,6 +117,12 @@
|
|
117
117
|
+border-radius(left, .25rem)
|
118
118
|
.is-button-group li:last-child &
|
119
119
|
+border-radius(right, .25rem)
|
120
|
+
&.is-sm-border-radius
|
121
|
+
border-radius: .125rem
|
122
|
+
.is-button-group li:first-child &
|
123
|
+
+border-radius(left, .125rem)
|
124
|
+
.is-button-group li:last-child &
|
125
|
+
+border-radius(right, .125rem)
|
120
126
|
&.is-left-border-radius
|
121
127
|
+border-radius(left, .25rem)
|
122
128
|
&.is-right-border-radius
|
@@ -24,7 +24,7 @@
|
|
24
24
|
+button-size($size, .125rem, .5rem)
|
25
25
|
+border-button($color)
|
26
26
|
@else if $style == flat
|
27
|
-
+button-size($size,
|
27
|
+
+button-size($size, .0625rem, .25rem)
|
28
28
|
+flat-button($color)
|
29
29
|
@else if $style == flat-emboss
|
30
30
|
+button-size($size, false, .25rem)
|
@@ -3,6 +3,9 @@
|
|
3
3
|
background-color: $color
|
4
4
|
box-shadow: shade($color, 20%) 0 .125rem 0
|
5
5
|
transition: background-color .2s ease-in, top .2s ease-in
|
6
|
+
border: solid .0625rem transparent
|
7
|
+
@if luma($color) > 70
|
8
|
+
border: solid .0625rem rgba(black, .15)
|
6
9
|
&:link,
|
7
10
|
&:visited
|
8
11
|
color: luma_contrast_color($color)
|
@@ -40,6 +43,7 @@
|
|
40
43
|
|
41
44
|
// select
|
42
45
|
&.is-select
|
46
|
+
border: solid 1px rgba(black, .15)
|
43
47
|
&:after
|
44
48
|
color: $color
|
45
49
|
border-left: 1px solid $color
|
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.15.
|
4
|
+
version: 0.15.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- machida
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2017-09-
|
11
|
+
date: 2017-09-22 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: thor
|