tabler-rubygem 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -0
  3. data/assets/stylesheets/_tabler.scss +1 -2
  4. data/assets/stylesheets/tabler/_cards.scss +2 -1
  5. data/assets/stylesheets/tabler/_carousel.scss +9 -0
  6. data/assets/stylesheets/tabler/_progress.scss +2 -2
  7. data/assets/stylesheets/tabler/forms/_custom-selectgroup.scss +2 -3
  8. data/lib/tabler/rubygem/version.rb +2 -2
  9. data/tabler.gemspec +0 -3
  10. data/tasks/updater/js.rb +1 -1
  11. data/tasks/updater/scss.rb +1 -22
  12. metadata +3 -119
  13. data/assets/stylesheets/_bootstrap-grid.scss +0 -32
  14. data/assets/stylesheets/_bootstrap-reboot.scss +0 -12
  15. data/assets/stylesheets/_bootstrap.scss +0 -42
  16. data/assets/stylesheets/bootstrap/_alert.scss +0 -51
  17. data/assets/stylesheets/bootstrap/_badge.scss +0 -47
  18. data/assets/stylesheets/bootstrap/_breadcrumb.scss +0 -38
  19. data/assets/stylesheets/bootstrap/_button-group.scss +0 -166
  20. data/assets/stylesheets/bootstrap/_buttons.scss +0 -143
  21. data/assets/stylesheets/bootstrap/_card.scss +0 -299
  22. data/assets/stylesheets/bootstrap/_carousel.scss +0 -235
  23. data/assets/stylesheets/bootstrap/_close.scss +0 -34
  24. data/assets/stylesheets/bootstrap/_code.scss +0 -56
  25. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -420
  26. data/assets/stylesheets/bootstrap/_dropdown.scss +0 -138
  27. data/assets/stylesheets/bootstrap/_forms.scss +0 -335
  28. data/assets/stylesheets/bootstrap/_functions.scss +0 -86
  29. data/assets/stylesheets/bootstrap/_grid.scss +0 -52
  30. data/assets/stylesheets/bootstrap/_images.scss +0 -42
  31. data/assets/stylesheets/bootstrap/_input-group.scss +0 -159
  32. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -16
  33. data/assets/stylesheets/bootstrap/_list-group.scss +0 -115
  34. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  35. data/assets/stylesheets/bootstrap/_mixins.scss +0 -42
  36. data/assets/stylesheets/bootstrap/_modal.scss +0 -168
  37. data/assets/stylesheets/bootstrap/_nav.scss +0 -118
  38. data/assets/stylesheets/bootstrap/_navbar.scss +0 -311
  39. data/assets/stylesheets/bootstrap/_pagination.scss +0 -78
  40. data/assets/stylesheets/bootstrap/_popover.scss +0 -183
  41. data/assets/stylesheets/bootstrap/_print.scss +0 -124
  42. data/assets/stylesheets/bootstrap/_progress.scss +0 -34
  43. data/assets/stylesheets/bootstrap/_reboot.scss +0 -482
  44. data/assets/stylesheets/bootstrap/_root.scss +0 -19
  45. data/assets/stylesheets/bootstrap/_tables.scss +0 -188
  46. data/assets/stylesheets/bootstrap/_tooltip.scss +0 -115
  47. data/assets/stylesheets/bootstrap/_transitions.scss +0 -36
  48. data/assets/stylesheets/bootstrap/_type.scss +0 -125
  49. data/assets/stylesheets/bootstrap/_utilities.scss +0 -14
  50. data/assets/stylesheets/bootstrap/_variables.scss +0 -919
  51. data/assets/stylesheets/bootstrap/mixins/_alert.scss +0 -13
  52. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
  53. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -12
  54. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +0 -35
  55. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +0 -5
  56. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +0 -123
  57. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +0 -109
  58. data/assets/stylesheets/bootstrap/mixins/_caret.scss +0 -65
  59. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +0 -7
  60. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -11
  61. data/assets/stylesheets/bootstrap/mixins/_forms.scss +0 -137
  62. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +0 -45
  63. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -67
  64. data/assets/stylesheets/bootstrap/mixins/_grid.scss +0 -52
  65. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  66. data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -36
  67. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -21
  68. data/assets/stylesheets/bootstrap/mixins/_lists.scss +0 -7
  69. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  70. data/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +0 -10
  71. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +0 -22
  72. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +0 -17
  73. data/assets/stylesheets/bootstrap/mixins/_resize.scss +0 -6
  74. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
  75. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -6
  76. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -30
  77. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -14
  78. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -9
  79. data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +0 -8
  80. data/assets/stylesheets/bootstrap/mixins/_transition.scss +0 -9
  81. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -7
  82. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  83. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  84. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -59
  85. data/assets/stylesheets/bootstrap/utilities/_clearfix.scss +0 -3
  86. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -38
  87. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -52
  88. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -47
  89. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -9
  90. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -37
  91. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  92. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -12
  93. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -51
  94. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -52
  95. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -11
@@ -1,86 +0,0 @@
1
- // Bootstrap functions
2
- //
3
- // Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
4
-
5
- // Ascending
6
- // Used to evaluate Sass maps like our grid breakpoints.
7
- @mixin _assert-ascending($map, $map-name) {
8
- $prev-key: null;
9
- $prev-num: null;
10
- @each $key, $num in $map {
11
- @if $prev-num == null {
12
- // Do nothing
13
- } @else if not comparable($prev-num, $num) {
14
- @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15
- } @else if $prev-num >= $num {
16
- @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17
- }
18
- $prev-key: $key;
19
- $prev-num: $num;
20
- }
21
- }
22
-
23
- // Starts at zero
24
- // Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
25
- @mixin _assert-starts-at-zero($map) {
26
- $values: map-values($map);
27
- $first-value: nth($values, 1);
28
- @if $first-value != 0 {
29
- @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
30
- }
31
- }
32
-
33
- // Replace `$search` with `$replace` in `$string`
34
- // Used on our SVG icon backgrounds for custom forms.
35
- //
36
- // @author Hugo Giraudel
37
- // @param {String} $string - Initial string
38
- // @param {String} $search - Substring to replace
39
- // @param {String} $replace ('') - New value
40
- // @return {String} - Updated string
41
- @function str-replace($string, $search, $replace: "") {
42
- $index: str-index($string, $search);
43
-
44
- @if $index {
45
- @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
46
- }
47
-
48
- @return $string;
49
- }
50
-
51
- // Color contrast
52
- @function color-yiq($color) {
53
- $r: red($color);
54
- $g: green($color);
55
- $b: blue($color);
56
-
57
- $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
58
-
59
- @if ($yiq >= $yiq-contrasted-threshold) {
60
- @return $yiq-text-dark;
61
- } @else {
62
- @return $yiq-text-light;
63
- }
64
- }
65
-
66
- // Retrieve color Sass maps
67
- @function color($key: "blue") {
68
- @return map-get($colors, $key);
69
- }
70
-
71
- @function theme-color($key: "primary") {
72
- @return map-get($theme-colors, $key);
73
- }
74
-
75
- @function gray($key: "100") {
76
- @return map-get($grays, $key);
77
- }
78
-
79
- // Request a theme color level
80
- @function theme-color-level($color-name: "primary", $level: 0) {
81
- $color: theme-color($color-name);
82
- $color-base: if($level > 0, $black, $white);
83
- $level: abs($level);
84
-
85
- @return mix($color-base, $color, $level * $theme-color-interval);
86
- }
@@ -1,52 +0,0 @@
1
- // Container widths
2
- //
3
- // Set the container width, and override it for fixed navbars in media queries.
4
-
5
- @if $enable-grid-classes {
6
- .container {
7
- @include make-container();
8
- @include make-container-max-widths();
9
- }
10
- }
11
-
12
- // Fluid container
13
- //
14
- // Utilizes the mixin meant for fixed width containers, but with 100% width for
15
- // fluid, full width layouts.
16
-
17
- @if $enable-grid-classes {
18
- .container-fluid {
19
- @include make-container();
20
- }
21
- }
22
-
23
- // Row
24
- //
25
- // Rows contain and clear the floats of your columns.
26
-
27
- @if $enable-grid-classes {
28
- .row {
29
- @include make-row();
30
- }
31
-
32
- // Remove the negative margin from default .row, then the horizontal padding
33
- // from all immediate children columns (to prevent runaway style inheritance).
34
- .no-gutters {
35
- margin-right: 0;
36
- margin-left: 0;
37
-
38
- > .col,
39
- > [class*="col-"] {
40
- padding-right: 0;
41
- padding-left: 0;
42
- }
43
- }
44
- }
45
-
46
- // Columns
47
- //
48
- // Common styles for small and large grid columns
49
-
50
- @if $enable-grid-classes {
51
- @include make-grid-columns();
52
- }
@@ -1,42 +0,0 @@
1
- // Responsive images (ensure images don't scale beyond their parents)
2
- //
3
- // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
4
- // We previously tried the "images are responsive by default" approach in Bootstrap v2,
5
- // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
6
- // which weren't expecting the images within themselves to be involuntarily resized.
7
- // See also https://github.com/twbs/bootstrap/issues/18178
8
- .img-fluid {
9
- @include img-fluid;
10
- }
11
-
12
-
13
- // Image thumbnails
14
- .img-thumbnail {
15
- padding: $thumbnail-padding;
16
- background-color: $thumbnail-bg;
17
- border: $thumbnail-border-width solid $thumbnail-border-color;
18
- @include border-radius($thumbnail-border-radius);
19
- @include box-shadow($thumbnail-box-shadow);
20
-
21
- // Keep them at most 100% wide
22
- @include img-fluid;
23
- }
24
-
25
- //
26
- // Figures
27
- //
28
-
29
- .figure {
30
- // Ensures the caption's text aligns with the image.
31
- display: inline-block;
32
- }
33
-
34
- .figure-img {
35
- margin-bottom: ($spacer / 2);
36
- line-height: 1;
37
- }
38
-
39
- .figure-caption {
40
- font-size: $figure-caption-font-size;
41
- color: $figure-caption-color;
42
- }
@@ -1,159 +0,0 @@
1
- // stylelint-disable selector-no-qualifying-type
2
-
3
- //
4
- // Base styles
5
- //
6
-
7
- .input-group {
8
- position: relative;
9
- display: flex;
10
- flex-wrap: wrap; // For form validation feedback
11
- align-items: stretch;
12
- width: 100%;
13
-
14
- > .form-control,
15
- > .custom-select,
16
- > .custom-file {
17
- position: relative; // For focus state's z-index
18
- flex: 1 1 auto;
19
- // Add width 1% and flex-basis auto to ensure that button will not wrap out
20
- // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
21
- width: 1%;
22
- margin-bottom: 0;
23
-
24
- // Bring the "active" form control to the top of surrounding elements
25
- &:focus {
26
- z-index: 3;
27
- }
28
-
29
- + .form-control,
30
- + .custom-select,
31
- + .custom-file {
32
- margin-left: -$input-border-width;
33
- }
34
- }
35
-
36
- > .form-control,
37
- > .custom-select {
38
- &:not(:last-child) { @include border-right-radius(0); }
39
- &:not(:first-child) { @include border-left-radius(0); }
40
- }
41
-
42
- // Custom file inputs have more complex markup, thus requiring different
43
- // border-radius overrides.
44
- > .custom-file {
45
- display: flex;
46
- align-items: center;
47
-
48
- &:not(:last-child) .custom-file-label,
49
- &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
50
- &:not(:first-child) .custom-file-label,
51
- &:not(:first-child) .custom-file-label::after { @include border-left-radius(0); }
52
- }
53
- }
54
-
55
-
56
- // Prepend and append
57
- //
58
- // While it requires one extra layer of HTML for each, dedicated prepend and
59
- // append elements allow us to 1) be less clever, 2) simplify our selectors, and
60
- // 3) support HTML5 form validation.
61
-
62
- .input-group-prepend,
63
- .input-group-append {
64
- display: flex;
65
-
66
- // Ensure buttons are always above inputs for more visually pleasing borders.
67
- // This isn't needed for `.input-group-text` since it shares the same border-color
68
- // as our inputs.
69
- .btn {
70
- position: relative;
71
- z-index: 2;
72
- }
73
-
74
- .btn + .btn,
75
- .btn + .input-group-text,
76
- .input-group-text + .input-group-text,
77
- .input-group-text + .btn {
78
- margin-left: -$input-border-width;
79
- }
80
- }
81
-
82
- .input-group-prepend { margin-right: -$input-border-width; }
83
- .input-group-append { margin-left: -$input-border-width; }
84
-
85
-
86
- // Textual addons
87
- //
88
- // Serves as a catch-all element for any text or radio/checkbox input you wish
89
- // to prepend or append to an input.
90
-
91
- .input-group-text {
92
- display: flex;
93
- align-items: center;
94
- padding: $input-padding-y $input-padding-x;
95
- margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
96
- font-size: $font-size-base; // Match inputs
97
- font-weight: $font-weight-normal;
98
- line-height: $input-line-height;
99
- color: $input-group-addon-color;
100
- text-align: center;
101
- white-space: nowrap;
102
- background-color: $input-group-addon-bg;
103
- border: $input-border-width solid $input-group-addon-border-color;
104
- @include border-radius($input-border-radius);
105
-
106
- // Nuke default margins from checkboxes and radios to vertically center within.
107
- input[type="radio"],
108
- input[type="checkbox"] {
109
- margin-top: 0;
110
- }
111
- }
112
-
113
-
114
- // Sizing
115
- //
116
- // Remix the default form control sizing classes into new ones for easier
117
- // manipulation.
118
-
119
- .input-group-lg > .form-control,
120
- .input-group-lg > .input-group-prepend > .input-group-text,
121
- .input-group-lg > .input-group-append > .input-group-text,
122
- .input-group-lg > .input-group-prepend > .btn,
123
- .input-group-lg > .input-group-append > .btn {
124
- @extend .form-control-lg;
125
- }
126
-
127
- .input-group-sm > .form-control,
128
- .input-group-sm > .input-group-prepend > .input-group-text,
129
- .input-group-sm > .input-group-append > .input-group-text,
130
- .input-group-sm > .input-group-prepend > .btn,
131
- .input-group-sm > .input-group-append > .btn {
132
- @extend .form-control-sm;
133
- }
134
-
135
-
136
- // Prepend and append rounded corners
137
- //
138
- // These rulesets must come after the sizing ones to properly override sm and lg
139
- // border-radius values when extending. They're more specific than we'd like
140
- // with the `.input-group >` part, but without it, we cannot override the sizing.
141
-
142
-
143
- .input-group > .input-group-prepend > .btn,
144
- .input-group > .input-group-prepend > .input-group-text,
145
- .input-group > .input-group-append:not(:last-child) > .btn,
146
- .input-group > .input-group-append:not(:last-child) > .input-group-text,
147
- .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
148
- .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
149
- @include border-right-radius(0);
150
- }
151
-
152
- .input-group > .input-group-append > .btn,
153
- .input-group > .input-group-append > .input-group-text,
154
- .input-group > .input-group-prepend:not(:first-child) > .btn,
155
- .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
156
- .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
157
- .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
158
- @include border-left-radius(0);
159
- }
@@ -1,16 +0,0 @@
1
- .jumbotron {
2
- padding: $jumbotron-padding ($jumbotron-padding / 2);
3
- margin-bottom: $jumbotron-padding;
4
- background-color: $jumbotron-bg;
5
- @include border-radius($border-radius-lg);
6
-
7
- @include media-breakpoint-up(sm) {
8
- padding: ($jumbotron-padding * 2) $jumbotron-padding;
9
- }
10
- }
11
-
12
- .jumbotron-fluid {
13
- padding-right: 0;
14
- padding-left: 0;
15
- @include border-radius(0);
16
- }
@@ -1,115 +0,0 @@
1
- // Base class
2
- //
3
- // Easily usable on <ul>, <ol>, or <div>.
4
-
5
- .list-group {
6
- display: flex;
7
- flex-direction: column;
8
-
9
- // No need to set list-style: none; since .list-group-item is block level
10
- padding-left: 0; // reset padding because ul and ol
11
- margin-bottom: 0;
12
- }
13
-
14
-
15
- // Interactive list items
16
- //
17
- // Use anchor or button elements instead of `li`s or `div`s to create interactive
18
- // list items. Includes an extra `.active` modifier class for selected items.
19
-
20
- .list-group-item-action {
21
- width: 100%; // For `<button>`s (anchors become 100% by default though)
22
- color: $list-group-action-color;
23
- text-align: inherit; // For `<button>`s (anchors inherit)
24
-
25
- // Hover state
26
- @include hover-focus {
27
- color: $list-group-action-hover-color;
28
- text-decoration: none;
29
- background-color: $list-group-hover-bg;
30
- }
31
-
32
- &:active {
33
- color: $list-group-action-active-color;
34
- background-color: $list-group-action-active-bg;
35
- }
36
- }
37
-
38
-
39
- // Individual list items
40
- //
41
- // Use on `li`s or `div`s within the `.list-group` parent.
42
-
43
- .list-group-item {
44
- position: relative;
45
- display: block;
46
- padding: $list-group-item-padding-y $list-group-item-padding-x;
47
- // Place the border on the list items and negative margin up for better styling
48
- margin-bottom: -$list-group-border-width;
49
- background-color: $list-group-bg;
50
- border: $list-group-border-width solid $list-group-border-color;
51
-
52
- &:first-child {
53
- @include border-top-radius($list-group-border-radius);
54
- }
55
-
56
- &:last-child {
57
- margin-bottom: 0;
58
- @include border-bottom-radius($list-group-border-radius);
59
- }
60
-
61
- @include hover-focus {
62
- z-index: 1; // Place hover/active items above their siblings for proper border styling
63
- text-decoration: none;
64
- }
65
-
66
- &.disabled,
67
- &:disabled {
68
- color: $list-group-disabled-color;
69
- background-color: $list-group-disabled-bg;
70
- }
71
-
72
- // Include both here for `<a>`s and `<button>`s
73
- &.active {
74
- z-index: 2; // Place active items above their siblings for proper border styling
75
- color: $list-group-active-color;
76
- background-color: $list-group-active-bg;
77
- border-color: $list-group-active-border-color;
78
- }
79
- }
80
-
81
-
82
- // Flush list items
83
- //
84
- // Remove borders and border-radius to keep list group items edge-to-edge. Most
85
- // useful within other components (e.g., cards).
86
-
87
- .list-group-flush {
88
- .list-group-item {
89
- border-right: 0;
90
- border-left: 0;
91
- @include border-radius(0);
92
- }
93
-
94
- &:first-child {
95
- .list-group-item:first-child {
96
- border-top: 0;
97
- }
98
- }
99
-
100
- &:last-child {
101
- .list-group-item:last-child {
102
- border-bottom: 0;
103
- }
104
- }
105
- }
106
-
107
-
108
- // Contextual variants
109
- //
110
- // Add modifier classes to change text and background color on individual items.
111
- // Organizationally, this must come after the `:hover` states.
112
-
113
- @each $color, $value in $theme-colors {
114
- @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
115
- }