ui_bibz 2.1.1 → 2.1.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +3 -3
- data/app/assets/stylesheets/fix_addon.sass +0 -16
- data/app/assets/stylesheets/forms.sass +8 -0
- data/app/assets/stylesheets/notifications.sass +1 -1
- data/app/assets/stylesheets/ui_bibz.sass +4 -2
- data/lib/ui_bibz/infos.rb +1 -1
- data/lib/ui_bibz/ui/core/component.rb +1 -1
- data/lib/ui_bibz/ui/core/layouts/col.rb +3 -3
- data/lib/ui_bibz/ui/extensions/core/component/glyph_extension.rb +13 -3
- data/test/simple_form_test.rb +1 -1
- data/test/ui/core/forms/textareas/markdown_editor_field_test.rb +1 -1
- data/test/ui/core/notifications/progress_bar_test.rb +6 -6
- data/vendor/assets/stylesheets/fontawesome/_animated.scss +20 -0
- data/vendor/assets/stylesheets/fontawesome/_bordered-pulled.scss +20 -0
- data/vendor/assets/stylesheets/fontawesome/_core.scss +20 -0
- data/vendor/assets/stylesheets/fontawesome/_fixed-width.scss +6 -0
- data/vendor/assets/stylesheets/fontawesome/_icons.scss +1194 -0
- data/vendor/assets/stylesheets/fontawesome/_larger.scss +23 -0
- data/vendor/assets/stylesheets/fontawesome/_list.scss +18 -0
- data/vendor/assets/stylesheets/fontawesome/_mixins.scss +57 -0
- data/vendor/assets/stylesheets/fontawesome/_rotated-flipped.scss +23 -0
- data/vendor/assets/stylesheets/fontawesome/_screen-reader.scss +5 -0
- data/vendor/assets/stylesheets/fontawesome/_shims.scss +2066 -0
- data/vendor/assets/stylesheets/fontawesome/_stacked.scss +31 -0
- data/vendor/assets/stylesheets/fontawesome/_variables.scss +1207 -0
- data/vendor/assets/stylesheets/fontawesome/brands.scss +21 -0
- data/vendor/assets/stylesheets/fontawesome/fontawesome.scss +16 -0
- data/vendor/assets/stylesheets/fontawesome/regular.scss +22 -0
- data/vendor/assets/stylesheets/fontawesome/solid.scss +23 -0
- data/vendor/assets/stylesheets/fontawesome/v4-shims.scss +6 -0
- metadata +20 -3
- data/vendor/assets/stylesheets/all.min.css +0 -5
@@ -0,0 +1,23 @@
|
|
1
|
+
// Icon Sizes
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
// makes the font 33% larger relative to the icon container
|
5
|
+
.#{$fa-css-prefix}-lg {
|
6
|
+
font-size: (4em / 3);
|
7
|
+
line-height: (3em / 4);
|
8
|
+
vertical-align: -.0667em;
|
9
|
+
}
|
10
|
+
|
11
|
+
.#{$fa-css-prefix}-xs {
|
12
|
+
font-size: .75em;
|
13
|
+
}
|
14
|
+
|
15
|
+
.#{$fa-css-prefix}-sm {
|
16
|
+
font-size: .875em;
|
17
|
+
}
|
18
|
+
|
19
|
+
@for $i from 1 through 10 {
|
20
|
+
.#{$fa-css-prefix}-#{$i}x {
|
21
|
+
font-size: $i * 1em;
|
22
|
+
}
|
23
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
// List Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$fa-css-prefix}-ul {
|
5
|
+
list-style-type: none;
|
6
|
+
margin-left: $fa-li-width * 5/4;
|
7
|
+
padding-left: 0;
|
8
|
+
|
9
|
+
> li { position: relative; }
|
10
|
+
}
|
11
|
+
|
12
|
+
.#{$fa-css-prefix}-li {
|
13
|
+
left: -$fa-li-width;
|
14
|
+
position: absolute;
|
15
|
+
text-align: center;
|
16
|
+
width: $fa-li-width;
|
17
|
+
line-height: inherit;
|
18
|
+
}
|
@@ -0,0 +1,57 @@
|
|
1
|
+
// Mixins
|
2
|
+
// --------------------------
|
3
|
+
|
4
|
+
@mixin fa-icon {
|
5
|
+
-webkit-font-smoothing: antialiased;
|
6
|
+
-moz-osx-font-smoothing: grayscale;
|
7
|
+
display: inline-block;
|
8
|
+
font-style: normal;
|
9
|
+
font-variant: normal;
|
10
|
+
font-weight: normal;
|
11
|
+
line-height: 1;
|
12
|
+
vertical-align: -.125em;
|
13
|
+
}
|
14
|
+
|
15
|
+
@mixin fa-icon-rotate($degrees, $rotation) {
|
16
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
|
17
|
+
transform: rotate($degrees);
|
18
|
+
}
|
19
|
+
|
20
|
+
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
21
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
|
22
|
+
transform: scale($horiz, $vert);
|
23
|
+
}
|
24
|
+
|
25
|
+
|
26
|
+
// Only display content to screen readers. A la Bootstrap 4.
|
27
|
+
//
|
28
|
+
// See: http://a11yproject.com/posts/how-to-hide-content/
|
29
|
+
|
30
|
+
@mixin sr-only {
|
31
|
+
border: 0;
|
32
|
+
clip: rect(0, 0, 0, 0);
|
33
|
+
height: 1px;
|
34
|
+
margin: -1px;
|
35
|
+
overflow: hidden;
|
36
|
+
padding: 0;
|
37
|
+
position: absolute;
|
38
|
+
width: 1px;
|
39
|
+
}
|
40
|
+
|
41
|
+
// Use in conjunction with .sr-only to only display content when it's focused.
|
42
|
+
//
|
43
|
+
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
|
44
|
+
//
|
45
|
+
// Credit: HTML5 Boilerplate
|
46
|
+
|
47
|
+
@mixin sr-only-focusable {
|
48
|
+
&:active,
|
49
|
+
&:focus {
|
50
|
+
clip: auto;
|
51
|
+
height: auto;
|
52
|
+
margin: 0;
|
53
|
+
overflow: visible;
|
54
|
+
position: static;
|
55
|
+
width: auto;
|
56
|
+
}
|
57
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
// Rotated & Flipped Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
|
5
|
+
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
|
6
|
+
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
|
7
|
+
|
8
|
+
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
|
9
|
+
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
|
10
|
+
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
|
11
|
+
|
12
|
+
// Hook for IE8-9
|
13
|
+
// -------------------------
|
14
|
+
|
15
|
+
:root {
|
16
|
+
.#{$fa-css-prefix}-rotate-90,
|
17
|
+
.#{$fa-css-prefix}-rotate-180,
|
18
|
+
.#{$fa-css-prefix}-rotate-270,
|
19
|
+
.#{$fa-css-prefix}-flip-horizontal,
|
20
|
+
.#{$fa-css-prefix}-flip-vertical {
|
21
|
+
filter: none;
|
22
|
+
}
|
23
|
+
}
|