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,8 +0,0 @@
1
- // Text truncate
2
- // Requires inline-block or block for proper styling
3
-
4
- @mixin text-truncate() {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
@@ -1,9 +0,0 @@
1
- @mixin transition($transition...) {
2
- @if $enable-transitions {
3
- @if length($transition) == 0 {
4
- transition: $transition-base;
5
- } @else {
6
- transition: $transition;
7
- }
8
- }
9
- }
@@ -1,7 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Visibility
4
-
5
- @mixin invisible($visibility) {
6
- visibility: $visibility !important;
7
- }
@@ -1,8 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .align-baseline { vertical-align: baseline !important; } // Browser default
4
- .align-top { vertical-align: top !important; }
5
- .align-middle { vertical-align: middle !important; }
6
- .align-bottom { vertical-align: bottom !important; }
7
- .align-text-bottom { vertical-align: text-bottom !important; }
8
- .align-text-top { vertical-align: text-top !important; }
@@ -1,19 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $color, $value in $theme-colors {
4
- @include bg-variant(".bg-#{$color}", $value);
5
- }
6
-
7
- @if $enable-gradients {
8
- @each $color, $value in $theme-colors {
9
- @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10
- }
11
- }
12
-
13
- .bg-white {
14
- background-color: $white !important;
15
- }
16
-
17
- .bg-transparent {
18
- background-color: transparent !important;
19
- }
@@ -1,59 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Border
5
- //
6
-
7
- .border { border: $border-width solid $border-color !important; }
8
- .border-top { border-top: $border-width solid $border-color !important; }
9
- .border-right { border-right: $border-width solid $border-color !important; }
10
- .border-bottom { border-bottom: $border-width solid $border-color !important; }
11
- .border-left { border-left: $border-width solid $border-color !important; }
12
-
13
- .border-0 { border: 0 !important; }
14
- .border-top-0 { border-top: 0 !important; }
15
- .border-right-0 { border-right: 0 !important; }
16
- .border-bottom-0 { border-bottom: 0 !important; }
17
- .border-left-0 { border-left: 0 !important; }
18
-
19
- @each $color, $value in $theme-colors {
20
- .border-#{$color} {
21
- border-color: $value !important;
22
- }
23
- }
24
-
25
- .border-white {
26
- border-color: $white !important;
27
- }
28
-
29
- //
30
- // Border-radius
31
- //
32
-
33
- .rounded {
34
- border-radius: $border-radius !important;
35
- }
36
- .rounded-top {
37
- border-top-left-radius: $border-radius !important;
38
- border-top-right-radius: $border-radius !important;
39
- }
40
- .rounded-right {
41
- border-top-right-radius: $border-radius !important;
42
- border-bottom-right-radius: $border-radius !important;
43
- }
44
- .rounded-bottom {
45
- border-bottom-right-radius: $border-radius !important;
46
- border-bottom-left-radius: $border-radius !important;
47
- }
48
- .rounded-left {
49
- border-top-left-radius: $border-radius !important;
50
- border-bottom-left-radius: $border-radius !important;
51
- }
52
-
53
- .rounded-circle {
54
- border-radius: 50% !important;
55
- }
56
-
57
- .rounded-0 {
58
- border-radius: 0 !important;
59
- }
@@ -1,3 +0,0 @@
1
- .clearfix {
2
- @include clearfix();
3
- }
@@ -1,38 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Utilities for common `display` values
5
- //
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- .d#{$infix}-none { display: none !important; }
12
- .d#{$infix}-inline { display: inline !important; }
13
- .d#{$infix}-inline-block { display: inline-block !important; }
14
- .d#{$infix}-block { display: block !important; }
15
- .d#{$infix}-table { display: table !important; }
16
- .d#{$infix}-table-row { display: table-row !important; }
17
- .d#{$infix}-table-cell { display: table-cell !important; }
18
- .d#{$infix}-flex { display: flex !important; }
19
- .d#{$infix}-inline-flex { display: inline-flex !important; }
20
- }
21
- }
22
-
23
-
24
- //
25
- // Utilities for toggling `display` in print
26
- //
27
-
28
- @media print {
29
- .d-print-none { display: none !important; }
30
- .d-print-inline { display: inline !important; }
31
- .d-print-inline-block { display: inline-block !important; }
32
- .d-print-block { display: block !important; }
33
- .d-print-table { display: table !important; }
34
- .d-print-table-row { display: table-row !important; }
35
- .d-print-table-cell { display: table-cell !important; }
36
- .d-print-flex { display: flex !important; }
37
- .d-print-inline-flex { display: inline-flex !important; }
38
- }
@@ -1,52 +0,0 @@
1
- // Credit: Nicolas Gallagher and SUIT CSS.
2
-
3
- .embed-responsive {
4
- position: relative;
5
- display: block;
6
- width: 100%;
7
- padding: 0;
8
- overflow: hidden;
9
-
10
- &::before {
11
- display: block;
12
- content: "";
13
- }
14
-
15
- .embed-responsive-item,
16
- iframe,
17
- embed,
18
- object,
19
- video {
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- width: 100%;
25
- height: 100%;
26
- border: 0;
27
- }
28
- }
29
-
30
- .embed-responsive-21by9 {
31
- &::before {
32
- padding-top: percentage(9 / 21);
33
- }
34
- }
35
-
36
- .embed-responsive-16by9 {
37
- &::before {
38
- padding-top: percentage(9 / 16);
39
- }
40
- }
41
-
42
- .embed-responsive-4by3 {
43
- &::before {
44
- padding-top: percentage(3 / 4);
45
- }
46
- }
47
-
48
- .embed-responsive-1by1 {
49
- &::before {
50
- padding-top: percentage(1 / 1);
51
- }
52
- }
@@ -1,47 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Flex variation
4
- //
5
- // Custom styles for additional flex alignment options.
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- .flex#{$infix}-row { flex-direction: row !important; }
12
- .flex#{$infix}-column { flex-direction: column !important; }
13
- .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
14
- .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15
-
16
- .flex#{$infix}-wrap { flex-wrap: wrap !important; }
17
- .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
18
- .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19
- .flex#{$infix}-fill { flex: 1 1 auto !important; }
20
-
21
- .justify-content#{$infix}-start { justify-content: flex-start !important; }
22
- .justify-content#{$infix}-end { justify-content: flex-end !important; }
23
- .justify-content#{$infix}-center { justify-content: center !important; }
24
- .justify-content#{$infix}-between { justify-content: space-between !important; }
25
- .justify-content#{$infix}-around { justify-content: space-around !important; }
26
-
27
- .align-items#{$infix}-start { align-items: flex-start !important; }
28
- .align-items#{$infix}-end { align-items: flex-end !important; }
29
- .align-items#{$infix}-center { align-items: center !important; }
30
- .align-items#{$infix}-baseline { align-items: baseline !important; }
31
- .align-items#{$infix}-stretch { align-items: stretch !important; }
32
-
33
- .align-content#{$infix}-start { align-content: flex-start !important; }
34
- .align-content#{$infix}-end { align-content: flex-end !important; }
35
- .align-content#{$infix}-center { align-content: center !important; }
36
- .align-content#{$infix}-between { align-content: space-between !important; }
37
- .align-content#{$infix}-around { align-content: space-around !important; }
38
- .align-content#{$infix}-stretch { align-content: stretch !important; }
39
-
40
- .align-self#{$infix}-auto { align-self: auto !important; }
41
- .align-self#{$infix}-start { align-self: flex-start !important; }
42
- .align-self#{$infix}-end { align-self: flex-end !important; }
43
- .align-self#{$infix}-center { align-self: center !important; }
44
- .align-self#{$infix}-baseline { align-self: baseline !important; }
45
- .align-self#{$infix}-stretch { align-self: stretch !important; }
46
- }
47
- }
@@ -1,9 +0,0 @@
1
- @each $breakpoint in map-keys($grid-breakpoints) {
2
- @include media-breakpoint-up($breakpoint) {
3
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
4
-
5
- .float#{$infix}-left { @include float-left; }
6
- .float#{$infix}-right { @include float-right; }
7
- .float#{$infix}-none { @include float-none; }
8
- }
9
- }
@@ -1,37 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Common values
4
-
5
- // Sass list not in variables since it's not intended for customization.
6
- // stylelint-disable-next-line scss/dollar-variable-default
7
- $positions: static, relative, absolute, fixed, sticky;
8
-
9
- @each $position in $positions {
10
- .position-#{$position} { position: $position !important; }
11
- }
12
-
13
- // Shorthand
14
-
15
- .fixed-top {
16
- position: fixed;
17
- top: 0;
18
- right: 0;
19
- left: 0;
20
- z-index: $zindex-fixed;
21
- }
22
-
23
- .fixed-bottom {
24
- position: fixed;
25
- right: 0;
26
- bottom: 0;
27
- left: 0;
28
- z-index: $zindex-fixed;
29
- }
30
-
31
- .sticky-top {
32
- @supports (position: sticky) {
33
- position: sticky;
34
- top: 0;
35
- z-index: $zindex-sticky;
36
- }
37
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Screenreaders
3
- //
4
-
5
- .sr-only {
6
- @include sr-only();
7
- }
8
-
9
- .sr-only-focusable {
10
- @include sr-only-focusable();
11
- }
@@ -1,12 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Width and height
4
-
5
- @each $prop, $abbrev in (width: w, height: h) {
6
- @each $size, $length in $sizes {
7
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
- }
9
- }
10
-
11
- .mw-100 { max-width: 100% !important; }
12
- .mh-100 { max-height: 100% !important; }
@@ -1,51 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Margin and Padding
4
-
5
- @each $breakpoint in map-keys($grid-breakpoints) {
6
- @include media-breakpoint-up($breakpoint) {
7
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
-
9
- @each $prop, $abbrev in (margin: m, padding: p) {
10
- @each $size, $length in $spacers {
11
-
12
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13
- .#{$abbrev}t#{$infix}-#{$size},
14
- .#{$abbrev}y#{$infix}-#{$size} {
15
- #{$prop}-top: $length !important;
16
- }
17
- .#{$abbrev}r#{$infix}-#{$size},
18
- .#{$abbrev}x#{$infix}-#{$size} {
19
- #{$prop}-right: $length !important;
20
- }
21
- .#{$abbrev}b#{$infix}-#{$size},
22
- .#{$abbrev}y#{$infix}-#{$size} {
23
- #{$prop}-bottom: $length !important;
24
- }
25
- .#{$abbrev}l#{$infix}-#{$size},
26
- .#{$abbrev}x#{$infix}-#{$size} {
27
- #{$prop}-left: $length !important;
28
- }
29
- }
30
- }
31
-
32
- // Some special margin utils
33
- .m#{$infix}-auto { margin: auto !important; }
34
- .mt#{$infix}-auto,
35
- .my#{$infix}-auto {
36
- margin-top: auto !important;
37
- }
38
- .mr#{$infix}-auto,
39
- .mx#{$infix}-auto {
40
- margin-right: auto !important;
41
- }
42
- .mb#{$infix}-auto,
43
- .my#{$infix}-auto {
44
- margin-bottom: auto !important;
45
- }
46
- .ml#{$infix}-auto,
47
- .mx#{$infix}-auto {
48
- margin-left: auto !important;
49
- }
50
- }
51
- }
@@ -1,52 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Text
5
- //
6
-
7
- // Alignment
8
-
9
- .text-justify { text-align: justify !important; }
10
- .text-nowrap { white-space: nowrap !important; }
11
- .text-truncate { @include text-truncate; }
12
-
13
- // Responsive alignment
14
-
15
- @each $breakpoint in map-keys($grid-breakpoints) {
16
- @include media-breakpoint-up($breakpoint) {
17
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
18
-
19
- .text#{$infix}-left { text-align: left !important; }
20
- .text#{$infix}-right { text-align: right !important; }
21
- .text#{$infix}-center { text-align: center !important; }
22
- }
23
- }
24
-
25
- // Transformation
26
-
27
- .text-lowercase { text-transform: lowercase !important; }
28
- .text-uppercase { text-transform: uppercase !important; }
29
- .text-capitalize { text-transform: capitalize !important; }
30
-
31
- // Weight and italics
32
-
33
- .font-weight-light { font-weight: $font-weight-light !important; }
34
- .font-weight-normal { font-weight: $font-weight-normal !important; }
35
- .font-weight-bold { font-weight: $font-weight-bold !important; }
36
- .font-italic { font-style: italic !important; }
37
-
38
- // Contextual colors
39
-
40
- .text-white { color: #fff !important; }
41
-
42
- @each $color, $value in $theme-colors {
43
- @include text-emphasis-variant(".text-#{$color}", $value);
44
- }
45
-
46
- .text-muted { color: $text-muted !important; }
47
-
48
- // Misc
49
-
50
- .text-hide {
51
- @include text-hide();
52
- }