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,45 +0,0 @@
1
- // Gradients
2
-
3
- @mixin gradient-bg($color) {
4
- @if $enable-gradients {
5
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
6
- } @else {
7
- background-color: $color;
8
- }
9
- }
10
-
11
- // Horizontal gradient, from left to right
12
- //
13
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
14
- @mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
15
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
16
- background-repeat: repeat-x;
17
- }
18
-
19
- // Vertical gradient, from top to bottom
20
- //
21
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
22
- @mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
23
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
24
- background-repeat: repeat-x;
25
- }
26
-
27
- @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
28
- background-image: linear-gradient($deg, $start-color, $end-color);
29
- background-repeat: repeat-x;
30
- }
31
- @mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
32
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
33
- background-repeat: no-repeat;
34
- }
35
- @mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
36
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
37
- background-repeat: no-repeat;
38
- }
39
- @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
40
- background-image: radial-gradient(circle, $inner-color, $outer-color);
41
- background-repeat: no-repeat;
42
- }
43
- @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
44
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
45
- }
@@ -1,67 +0,0 @@
1
- // Framework grid generation
2
- //
3
- // Used only by Bootstrap to generate the correct number of grid classes given
4
- // any value of `$grid-columns`.
5
-
6
- @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
7
- // Common properties for all breakpoints
8
- %grid-column {
9
- position: relative;
10
- width: 100%;
11
- min-height: 1px; // Prevent columns from collapsing when empty
12
- padding-right: ($gutter / 2);
13
- padding-left: ($gutter / 2);
14
- }
15
-
16
- @each $breakpoint in map-keys($breakpoints) {
17
- $infix: breakpoint-infix($breakpoint, $breakpoints);
18
-
19
- // Allow columns to stretch full width below their breakpoints
20
- @for $i from 1 through $columns {
21
- .col#{$infix}-#{$i} {
22
- @extend %grid-column;
23
- }
24
- }
25
- .col#{$infix},
26
- .col#{$infix}-auto {
27
- @extend %grid-column;
28
- }
29
-
30
- @include media-breakpoint-up($breakpoint, $breakpoints) {
31
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
32
- .col#{$infix} {
33
- flex-basis: 0;
34
- flex-grow: 1;
35
- max-width: 100%;
36
- }
37
- .col#{$infix}-auto {
38
- flex: 0 0 auto;
39
- width: auto;
40
- max-width: none; // Reset earlier grid tiers
41
- }
42
-
43
- @for $i from 1 through $columns {
44
- .col#{$infix}-#{$i} {
45
- @include make-col($i, $columns);
46
- }
47
- }
48
-
49
- .order#{$infix}-first { order: -1; }
50
-
51
- .order#{$infix}-last { order: $columns + 1; }
52
-
53
- @for $i from 0 through $columns {
54
- .order#{$infix}-#{$i} { order: $i; }
55
- }
56
-
57
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
58
- @for $i from 0 through ($columns - 1) {
59
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
60
- .offset#{$infix}-#{$i} {
61
- @include make-col-offset($i, $columns);
62
- }
63
- }
64
- }
65
- }
66
- }
67
- }
@@ -1,52 +0,0 @@
1
- /// Grid system
2
- //
3
- // Generate semantic grid columns with these mixins.
4
-
5
- @mixin make-container() {
6
- width: 100%;
7
- padding-right: ($grid-gutter-width / 2);
8
- padding-left: ($grid-gutter-width / 2);
9
- margin-right: auto;
10
- margin-left: auto;
11
- }
12
-
13
-
14
- // For each breakpoint, define the maximum width of the container in a media query
15
- @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
16
- @each $breakpoint, $container-max-width in $max-widths {
17
- @include media-breakpoint-up($breakpoint, $breakpoints) {
18
- max-width: $container-max-width;
19
- }
20
- }
21
- }
22
-
23
- @mixin make-row() {
24
- display: flex;
25
- flex-wrap: wrap;
26
- margin-right: ($grid-gutter-width / -2);
27
- margin-left: ($grid-gutter-width / -2);
28
- }
29
-
30
- @mixin make-col-ready() {
31
- position: relative;
32
- // Prevent columns from becoming too narrow when at smaller grid tiers by
33
- // always setting `width: 100%;`. This works because we use `flex` values
34
- // later on to override this initial width.
35
- width: 100%;
36
- min-height: 1px; // Prevent collapsing
37
- padding-right: ($grid-gutter-width / 2);
38
- padding-left: ($grid-gutter-width / 2);
39
- }
40
-
41
- @mixin make-col($size, $columns: $grid-columns) {
42
- flex: 0 0 percentage($size / $columns);
43
- // Add a `max-width` to ensure content within each column does not blow out
44
- // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
45
- // do not appear to require this.
46
- max-width: percentage($size / $columns);
47
- }
48
-
49
- @mixin make-col-offset($size, $columns: $grid-columns) {
50
- $num: $size / $columns;
51
- margin-left: if($num == 0, 0, percentage($num));
52
- }
@@ -1,37 +0,0 @@
1
- // Hover mixin and `$enable-hover-media-query` are deprecated.
2
- //
3
- // Origally added during our alphas and maintained during betas, this mixin was
4
- // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
5
- // would persist after initial touch.
6
- //
7
- // For backward compatibility, we've kept these mixins and updated them to
8
- // always return their regular psuedo-classes instead of a shimmed media query.
9
- //
10
- // Issue: https://github.com/twbs/bootstrap/issues/25195
11
-
12
- @mixin hover {
13
- &:hover { @content; }
14
- }
15
-
16
- @mixin hover-focus {
17
- &:hover,
18
- &:focus {
19
- @content;
20
- }
21
- }
22
-
23
- @mixin plain-hover-focus {
24
- &,
25
- &:hover,
26
- &:focus {
27
- @content;
28
- }
29
- }
30
-
31
- @mixin hover-focus-active {
32
- &:hover,
33
- &:focus,
34
- &:active {
35
- @content;
36
- }
37
- }
@@ -1,36 +0,0 @@
1
- // Image Mixins
2
- // - Responsive image
3
- // - Retina image
4
-
5
-
6
- // Responsive image
7
- //
8
- // Keep images from scaling beyond the width of their parents.
9
-
10
- @mixin img-fluid {
11
- // Part 1: Set a maximum relative to the parent
12
- max-width: 100%;
13
- // Part 2: Override the height to auto, otherwise images will be stretched
14
- // when setting a width and height attribute on the img element.
15
- height: auto;
16
- }
17
-
18
-
19
- // Retina image
20
- //
21
- // Short retina mixin for setting background-image and -size.
22
-
23
- // stylelint-disable indentation, media-query-list-comma-newline-after
24
- @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
25
- background-image: url($file-1x);
26
-
27
- // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
28
- // but doesn't convert dppx=>dpi.
29
- // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
30
- // Compatibility info: https://caniuse.com/#feat=css-media-resolution
31
- @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
32
- only screen and (min-resolution: 2dppx) { // Standardized
33
- background-image: url($file-2x);
34
- background-size: $width-1x $height-1x;
35
- }
36
- }
@@ -1,21 +0,0 @@
1
- // List Groups
2
-
3
- @mixin list-group-item-variant($state, $background, $color) {
4
- .list-group-item-#{$state} {
5
- color: $color;
6
- background-color: $background;
7
-
8
- &.list-group-item-action {
9
- @include hover-focus {
10
- color: $color;
11
- background-color: darken($background, 5%);
12
- }
13
-
14
- &.active {
15
- color: #fff;
16
- background-color: $color;
17
- border-color: $color;
18
- }
19
- }
20
- }
21
- }
@@ -1,7 +0,0 @@
1
- // Lists
2
-
3
- // Unstyled keeps list items block level, just removes default browser padding and list-style
4
- @mixin list-unstyled {
5
- padding-left: 0;
6
- list-style: none;
7
- }
@@ -1,10 +0,0 @@
1
- // Horizontal dividers
2
- //
3
- // Dividers (basically an hr) within dropdowns and nav lists
4
-
5
- @mixin nav-divider($color: #e5e5e5, $margin-y: $nav-divider-margin-y) {
6
- height: 0;
7
- margin: $margin-y 0;
8
- overflow: hidden;
9
- border-top: 1px solid $color;
10
- }
@@ -1,10 +0,0 @@
1
- // Navbar vertical align
2
- //
3
- // Vertically center elements in the navbar.
4
- // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
5
- // to calculate the appropriate top margin.
6
-
7
- // @mixin navbar-vertical-align($element-height) {
8
- // margin-top: (($navbar-height - $element-height) / 2);
9
- // margin-bottom: (($navbar-height - $element-height) / 2);
10
- // }
@@ -1,22 +0,0 @@
1
- // Pagination
2
-
3
- @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
4
- .page-link {
5
- padding: $padding-y $padding-x;
6
- font-size: $font-size;
7
- line-height: $line-height;
8
- }
9
-
10
- .page-item {
11
- &:first-child {
12
- .page-link {
13
- @include border-left-radius($border-radius);
14
- }
15
- }
16
- &:last-child {
17
- .page-link {
18
- @include border-right-radius($border-radius);
19
- }
20
- }
21
- }
22
- }
@@ -1,17 +0,0 @@
1
- @mixin reset-text {
2
- font-family: $font-family-base;
3
- // We deliberately do NOT reset font-size or word-wrap.
4
- font-style: normal;
5
- font-weight: $font-weight-normal;
6
- line-height: $line-height-base;
7
- text-align: left; // Fallback for where `start` is not supported
8
- text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
9
- text-decoration: none;
10
- text-shadow: none;
11
- text-transform: none;
12
- letter-spacing: normal;
13
- word-break: normal;
14
- word-spacing: normal;
15
- white-space: normal;
16
- line-break: auto;
17
- }
@@ -1,6 +0,0 @@
1
- // Resize anything
2
-
3
- @mixin resizable($direction) {
4
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5
- resize: $direction; // Options: horizontal, vertical, both
6
- }
@@ -1,33 +0,0 @@
1
- // Only display content to screen readers
2
- //
3
- // See: http://a11yproject.com/posts/how-to-hide-content/
4
- // See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
5
-
6
- @mixin sr-only {
7
- position: absolute;
8
- width: 1px;
9
- height: 1px;
10
- padding: 0;
11
- overflow: hidden;
12
- clip: rect(0, 0, 0, 0);
13
- white-space: nowrap;
14
- border: 0;
15
- }
16
-
17
- // Use in conjunction with .sr-only to only display content when it's focused.
18
- //
19
- // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
20
- //
21
- // Credit: HTML5 Boilerplate
22
-
23
- @mixin sr-only-focusable {
24
- &:active,
25
- &:focus {
26
- position: static;
27
- width: auto;
28
- height: auto;
29
- overflow: visible;
30
- clip: auto;
31
- white-space: normal;
32
- }
33
- }
@@ -1,6 +0,0 @@
1
- // Sizing shortcuts
2
-
3
- @mixin size($width, $height: $width) {
4
- width: $width;
5
- height: $height;
6
- }
@@ -1,30 +0,0 @@
1
- // Tables
2
-
3
- @mixin table-row-variant($state, $background) {
4
- // Exact selectors below required to override `.table-striped` and prevent
5
- // inheritance to nested tables.
6
- .table-#{$state} {
7
- &,
8
- > th,
9
- > td {
10
- background-color: $background;
11
- }
12
- }
13
-
14
- // Hover states for `.table-hover`
15
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
16
- .table-hover {
17
- $hover-background: darken($background, 5%);
18
-
19
- .table-#{$state} {
20
- @include hover {
21
- background-color: $hover-background;
22
-
23
- > td,
24
- > th {
25
- background-color: $hover-background;
26
- }
27
- }
28
- }
29
- }
30
- }
@@ -1,14 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Typography
4
-
5
- @mixin text-emphasis-variant($parent, $color) {
6
- #{$parent} {
7
- color: $color !important;
8
- }
9
- a#{$parent} {
10
- @include hover-focus {
11
- color: darken($color, 10%) !important;
12
- }
13
- }
14
- }
@@ -1,9 +0,0 @@
1
- // CSS image replacement
2
- @mixin text-hide() {
3
- // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
4
- font: 0/0 a;
5
- color: transparent;
6
- text-shadow: none;
7
- background-color: transparent;
8
- border: 0;
9
- }