on-standards-rails 1.5.1.1 → 2.0.0.pre.alpha

Sign up to get free protection for your applications and to get access to all the features.
Files changed (94) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -3
  3. data/lib/on-standards-rails.rb +0 -3
  4. data/lib/on/standards/rails/version.rb +1 -1
  5. data/on-standards-rails.gemspec +1 -4
  6. data/vendor/assets/javascripts/on-standards.js +17552 -18
  7. data/vendor/assets/stylesheets/on-standards.scss +67 -0
  8. data/vendor/assets/stylesheets/on-standards/_alert.scss +65 -0
  9. data/vendor/assets/stylesheets/on-standards/_animation.scss +27 -0
  10. data/vendor/assets/stylesheets/on-standards/_baseline.scss +351 -0
  11. data/vendor/assets/stylesheets/on-standards/_block-grid.scss +501 -0
  12. data/vendor/assets/stylesheets/on-standards/_breadcrumb.scss +23 -0
  13. data/vendor/assets/stylesheets/on-standards/_button-group.scss +293 -0
  14. data/vendor/assets/stylesheets/on-standards/_buttons.scss +241 -0
  15. data/vendor/assets/stylesheets/on-standards/_card.scss +292 -0
  16. data/vendor/assets/stylesheets/on-standards/_carousel.scss +252 -0
  17. data/vendor/assets/stylesheets/on-standards/_close.scss +27 -0
  18. data/vendor/assets/stylesheets/on-standards/_code.scss +58 -0
  19. data/vendor/assets/stylesheets/on-standards/_colors.scss +85 -0
  20. data/vendor/assets/stylesheets/on-standards/_custom-forms.scss +226 -0
  21. data/vendor/assets/stylesheets/on-standards/_dropdown.scss +193 -0
  22. data/vendor/assets/stylesheets/on-standards/_forms.scss +489 -0
  23. data/vendor/assets/stylesheets/on-standards/_functions.scss +19 -0
  24. data/vendor/assets/stylesheets/on-standards/_grid.scss +76 -0
  25. data/vendor/assets/stylesheets/on-standards/_images.scss +53 -0
  26. data/vendor/assets/stylesheets/on-standards/_input-group.scss +194 -0
  27. data/vendor/assets/stylesheets/on-standards/_jumbotron.scss +20 -0
  28. data/vendor/assets/stylesheets/on-standards/_list-group.scss +140 -0
  29. data/vendor/assets/stylesheets/on-standards/_media.scss +90 -0
  30. data/vendor/assets/stylesheets/on-standards/_mixins.scss +56 -0
  31. data/vendor/assets/stylesheets/on-standards/_modal.scss +143 -0
  32. data/vendor/assets/stylesheets/on-standards/_nav.scss +162 -0
  33. data/vendor/assets/stylesheets/on-standards/_navbar.scss +230 -0
  34. data/vendor/assets/stylesheets/on-standards/_normalize.scss +417 -0
  35. data/vendor/assets/stylesheets/on-standards/_off-canvas.scss +201 -0
  36. data/vendor/assets/stylesheets/on-standards/_pager.scss +57 -0
  37. data/vendor/assets/stylesheets/on-standards/_pagination.scss +73 -0
  38. data/vendor/assets/stylesheets/on-standards/_popover.scss +140 -0
  39. data/vendor/assets/stylesheets/on-standards/_print.scss +88 -0
  40. data/vendor/assets/stylesheets/on-standards/_progress.scss +156 -0
  41. data/vendor/assets/stylesheets/on-standards/_responsive-embed.scss +39 -0
  42. data/vendor/assets/stylesheets/on-standards/_tables.scss +193 -0
  43. data/vendor/assets/stylesheets/on-standards/_tags.scss +94 -0
  44. data/vendor/assets/stylesheets/on-standards/_tooltip.scss +85 -0
  45. data/vendor/assets/stylesheets/on-standards/_utilities-background.scss +19 -0
  46. data/vendor/assets/stylesheets/on-standards/_utilities-responsive.scss +49 -0
  47. data/vendor/assets/stylesheets/on-standards/_utilities-spacing.scss +39 -0
  48. data/vendor/assets/stylesheets/on-standards/_utilities.scss +93 -0
  49. data/vendor/assets/stylesheets/on-standards/_variables.scss +727 -0
  50. data/vendor/assets/stylesheets/on-standards/mixins/_alert.scss +18 -0
  51. data/vendor/assets/stylesheets/on-standards/mixins/_background-variant.scss +13 -0
  52. data/vendor/assets/stylesheets/on-standards/mixins/_border-radius.scss +35 -0
  53. data/vendor/assets/stylesheets/on-standards/mixins/_breakpoints.scss +86 -0
  54. data/vendor/assets/stylesheets/on-standards/mixins/_buttons.scss +157 -0
  55. data/vendor/assets/stylesheets/on-standards/mixins/_cards.scss +38 -0
  56. data/vendor/assets/stylesheets/on-standards/mixins/_center-block.scss +7 -0
  57. data/vendor/assets/stylesheets/on-standards/mixins/_clearfix.scss +7 -0
  58. data/vendor/assets/stylesheets/on-standards/mixins/_forms.scss +89 -0
  59. data/vendor/assets/stylesheets/on-standards/mixins/_gradients.scss +43 -0
  60. data/vendor/assets/stylesheets/on-standards/mixins/_grid-framework.scss +44 -0
  61. data/vendor/assets/stylesheets/on-standards/mixins/_grid.scss +75 -0
  62. data/vendor/assets/stylesheets/on-standards/mixins/_hover.scss +59 -0
  63. data/vendor/assets/stylesheets/on-standards/mixins/_image.scss +34 -0
  64. data/vendor/assets/stylesheets/on-standards/mixins/_list-group.scss +30 -0
  65. data/vendor/assets/stylesheets/on-standards/mixins/_lists.scss +7 -0
  66. data/vendor/assets/stylesheets/on-standards/mixins/_modernizr.scss +11 -0
  67. data/vendor/assets/stylesheets/on-standards/mixins/_nav-divider.scss +10 -0
  68. data/vendor/assets/stylesheets/on-standards/mixins/_navbar-align.scss +9 -0
  69. data/vendor/assets/stylesheets/on-standards/mixins/_pagination.scss +22 -0
  70. data/vendor/assets/stylesheets/on-standards/mixins/_progress.scss +18 -0
  71. data/vendor/assets/stylesheets/on-standards/mixins/_pulls.scss +6 -0
  72. data/vendor/assets/stylesheets/on-standards/mixins/_reset-filter.scss +8 -0
  73. data/vendor/assets/stylesheets/on-standards/mixins/_reset-text.scss +18 -0
  74. data/vendor/assets/stylesheets/on-standards/mixins/_resize.scss +6 -0
  75. data/vendor/assets/stylesheets/on-standards/mixins/_screen-reader.scss +32 -0
  76. data/vendor/assets/stylesheets/on-standards/mixins/_size.scss +6 -0
  77. data/vendor/assets/stylesheets/on-standards/mixins/_tab-focus.scss +5 -0
  78. data/vendor/assets/stylesheets/on-standards/mixins/_table-row.scss +30 -0
  79. data/vendor/assets/stylesheets/on-standards/mixins/_tag.scss +30 -0
  80. data/vendor/assets/stylesheets/on-standards/mixins/_text-emphasis.scss +12 -0
  81. data/vendor/assets/stylesheets/on-standards/mixins/_text-hide.scss +8 -0
  82. data/vendor/assets/stylesheets/on-standards/mixins/_text-truncate.scss +8 -0
  83. data/vendor/assets/stylesheets/on-standards/modules/_type.scss +171 -0
  84. metadata +83 -58
  85. data/vendor/assets/javascripts/on-standards/vendor/chosen.jquery.min.js +0 -2
  86. data/vendor/assets/javascripts/on-standards/vendor/jquery.tooltipster.min.js +0 -1
  87. data/vendor/assets/javascripts/on-standards/vendor/sweet-alert.min.js +0 -1
  88. data/vendor/assets/stylesheets/foundation_and_overrides.scss +0 -1450
  89. data/vendor/assets/stylesheets/on-overrides.sass +0 -0
  90. data/vendor/assets/stylesheets/on-standards.sass +0 -7
  91. data/vendor/assets/stylesheets/on-standards/church_to_church.sass +0 -1323
  92. data/vendor/assets/stylesheets/on-standards/vendor/chosen.min.css +0 -3
  93. data/vendor/assets/stylesheets/on-standards/vendor/sweet-alert.scss +0 -429
  94. data/vendor/assets/stylesheets/on-standards/vendor/tooltipster.css +0 -274
@@ -1,3 +0,0 @@
1
- /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
2
-
3
- .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}
@@ -1,429 +0,0 @@
1
- // SweetAlert
2
- // 2014 (c) - Tristan Edwards
3
- // github.com/t4t5/sweetalert
4
-
5
- @import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300); // Open Sans font
6
-
7
- .sweet-overlay {
8
- background-color: rgba(black, 0.4);
9
-
10
- position: fixed;
11
- left: 0;
12
- right: 0;
13
- top: 0;
14
- bottom: 0;
15
-
16
- display: none;
17
- z-index: 1000;
18
- }
19
-
20
- .sweet-alert {
21
- $width: 478px;
22
- $padding: 17px;
23
-
24
- background-color: white;
25
- font-family: 'Open Sans', sans-serif;
26
- width: $width;
27
- padding: $padding;
28
- border-radius: 5px;
29
- text-align: center;
30
-
31
- position: fixed;
32
- left: 50%;
33
- top: 50%;
34
- margin-left: -($width/2 + $padding);
35
- margin-top: -200px;
36
-
37
- overflow: hidden;
38
- display: none;
39
- z-index: 2000;
40
-
41
- @media all and (max-width: 540px) {
42
- width: auto;
43
- margin-left: 0;
44
- margin-right: 0;
45
-
46
- left: 15px;
47
- right: 15px;
48
- }
49
-
50
- h2 {
51
- color: #575757;
52
- font-size: 30px;
53
- text-align: center;
54
- font-weight: 600;
55
- text-transform: none;
56
- position: relative;
57
- }
58
-
59
- p {
60
- color: #797979;
61
- font-size: 16px;
62
- text-align: center;
63
- font-weight: 300;
64
- position: relative;
65
- margin: 0;
66
- line-height: normal;
67
- }
68
-
69
- button {
70
- $btnBlue: #AEDEF4;
71
- $btnGray: #D0D0D0;
72
-
73
- background-color: $btnBlue;
74
- color: white;
75
- border: none;
76
- box-shadow: none;
77
- font-size: 17px;
78
- font-weight: 500;
79
- border-radius: 5px;
80
- padding: 10px 32px;
81
- margin: 26px 5px 0 5px;
82
- cursor: pointer;
83
- &:focus {
84
- outline: none;
85
- box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
86
- }
87
- &:hover {
88
- background-color: darken($btnBlue, 3%);
89
- }
90
- &:active {
91
- background-color: darken($btnBlue, 10%);
92
- }
93
- &.cancel {
94
- background-color: $btnGray;
95
- &:hover {
96
- background-color: darken($btnGray, 3%);
97
- }
98
- &:active {
99
- background-color: darken($btnGray, 10%);
100
- }
101
- // Cancel button should keep the same style
102
- &:focus {
103
- box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
104
- }
105
- }
106
- }
107
-
108
- // Only show focus-style when there is multiple choice of actions
109
- &[data-has-cancel-button=false] button {
110
- box-shadow: none !important;
111
- }
112
-
113
-
114
- .icon {
115
- $red: #F27474;
116
- $orange: #F8BB86;
117
- $blue: #C9DAE1;
118
- $green: #A5DC86;
119
-
120
- width: 80px;
121
- height: 80px;
122
- border: 4px solid gray;
123
- border-radius: 50%;
124
- margin: 20px auto;
125
- position: relative;
126
- box-sizing: content-box;
127
-
128
- &.error {
129
- border-color: $red;
130
-
131
- .x-mark {
132
- position: relative;
133
- display: block;
134
- }
135
-
136
- .line {
137
- position: absolute;
138
- height: 5px;
139
- width: 47px;
140
- background-color: $red;
141
- display: block;
142
- top: 37px;
143
- border-radius: 2px;
144
-
145
- &.left {
146
- -webkit-transform: rotate(45deg);
147
- transform: rotate(45deg);
148
- left: 17px;
149
- }
150
- &.right {
151
- -webkit-transform: rotate(-45deg);
152
- transform: rotate(-45deg);
153
- right: 16px;
154
- }
155
- }
156
- }
157
- &.warning {
158
- border-color: $orange;
159
-
160
- .body { // Exclamation mark body
161
- position: absolute;
162
- width: 5px;
163
- height: 47px;
164
- left: 50%;
165
- top: 10px;
166
- border-radius: 2px;
167
- margin-left: -2px;
168
- background-color: $orange;
169
- }
170
- .dot { // Exclamation mark dot
171
- position: absolute;
172
- width: 7px;
173
- height: 7px;
174
- border-radius: 50%;
175
- margin-left: -3px;
176
- left: 50%;
177
- bottom: 10px;
178
- background-color: $orange;
179
- }
180
- }
181
- &.info {
182
- border-color: $blue;
183
-
184
- &::before { // i-letter body
185
- content: "";
186
- position: absolute;
187
- width: 5px;
188
- height: 29px;
189
- left: 50%;
190
- bottom: 17px;
191
- border-radius: 2px;
192
- margin-left: -2px;
193
- background-color: $blue;
194
- }
195
- &::after { // i-letter dot
196
- content: "";
197
- position: absolute;
198
- width: 7px;
199
- height: 7px;
200
- border-radius: 50%;
201
- margin-left: -3px;
202
- top: 19px;
203
- background-color: $blue;
204
- }
205
- }
206
- &.success {
207
- border-color: $green;
208
-
209
- &::before, &::after { // Emulate moving circular line
210
- content: '';
211
- border-radius: 50%;
212
- position: absolute;
213
- width: 60px;
214
- height: 120px;
215
- background: white;
216
- transform: rotate(45deg);
217
- }
218
- &::before {
219
- border-radius: 120px 0 0 120px;
220
- top: -7px;
221
- left: -33px;
222
-
223
- -webkit-transform: rotate(-45deg);
224
- transform: rotate(-45deg);
225
- -webkit-transform-origin: 60px 60px;
226
- transform-origin: 60px 60px;
227
- }
228
- &::after {
229
- border-radius: 0 120px 120px 0;
230
- top: -11px;
231
- left: 30px;
232
-
233
- -webkit-transform: rotate(-45deg);
234
- transform: rotate(-45deg);
235
- -webkit-transform-origin: 0px 60px;
236
- transform-origin: 0px 60px;
237
- }
238
-
239
- .placeholder { // Ring
240
- width: 80px;
241
- height: 80px;
242
- border: 4px solid rgba($green, 0.2);
243
- border-radius: 50%;
244
- box-sizing: content-box;
245
-
246
- position: absolute;
247
- left: -4px;
248
- top: -4px;
249
- z-index: 2;
250
- }
251
-
252
- .fix { // Hide corners left from animation
253
- width: 5px;
254
- height: 90px;
255
- background-color: white;
256
-
257
- position: absolute;
258
- left: 28px;
259
- top: 8px;
260
- z-index: 1;
261
-
262
- -webkit-transform: rotate(-45deg);
263
- transform: rotate(-45deg);
264
- }
265
-
266
- .line {
267
- height: 5px;
268
- background-color: $green;
269
- display: block;
270
- border-radius: 2px;
271
-
272
- position: absolute;
273
- z-index: 2;
274
-
275
- &.tip {
276
- width: 25px;
277
-
278
- left: 14px;
279
- top: 46px;
280
-
281
- -webkit-transform: rotate(45deg);
282
- transform: rotate(45deg);
283
- }
284
- &.long {
285
- width: 47px;
286
-
287
- right: 8px;
288
- top: 38px;
289
-
290
- -webkit-transform: rotate(-45deg);
291
- transform: rotate(-45deg);
292
- }
293
- }
294
- }
295
- &.custom {
296
- background-size: contain;
297
- border-radius: 0;
298
- border: none;
299
- background-position: center center;
300
- background-repeat: no-repeat;
301
- }
302
- }
303
-
304
- }
305
-
306
-
307
-
308
- /*
309
- * Animations
310
- */
311
-
312
- @mixin keyframes($animation-name) {
313
- @-webkit-keyframes #{$animation-name} {
314
- @content;
315
- }
316
- @-moz-keyframes #{$animation-name} {
317
- @content;
318
- }
319
- @keyframes #{$animation-name} {
320
- @content;
321
- }
322
- }
323
- @mixin animation($str) {
324
- -webkit-animation: #{$str};
325
- -moz-animation: #{$str};
326
- animation: #{$str};
327
- }
328
-
329
-
330
- // Modal animation
331
-
332
- @include keyframes(showSweetAlert) {
333
- 0% { transform: scale(0.7); -webkit-transform: scale(0.7); }
334
- 45% { transform: scale(1.05); -webkit-transform: scale(1.05); }
335
- 80% { transform: scale(0.95); -webkit-tranform: scale(0.95); }
336
- 100% { transform: scale(1); -webkit-transform: scale(1); }
337
- }
338
- @include keyframes(hideSweetAlert) {
339
- 0% { transform: scale(1); -webkit-transform: scale(1); }
340
- 100% { transform: scale(0.5); -webkit-transform: scale(0.5); }
341
- }
342
-
343
- .showSweetAlert {
344
- @include animation('showSweetAlert 0.3s');
345
- }
346
- .hideSweetAlert {
347
- @include animation('hideSweetAlert 0.2s');
348
- }
349
-
350
-
351
-
352
- // Success icon animation
353
-
354
- @include keyframes(animateSuccessTip) {
355
- 0% { width: 0; left: 1px; top: 19px; }
356
- 54% { width: 0; left: 1px; top: 19px; }
357
- 70% { width: 50px; left: -8px; top: 37px; }
358
- 84% { width: 17px; left: 21px; top: 48px; }
359
- 100% { width: 25px; left: 14px; top: 45px; }
360
- }
361
- @include keyframes(animateSuccessLong) {
362
- 0% { width: 0; right: 46px; top: 54px; }
363
- 65% { width: 0; right: 46px; top: 54px; }
364
- 84% { width: 55px; right: 0px; top: 35px; }
365
- 100% { width: 47px; right: 8px; top: 38px; }
366
- }
367
- @include keyframes(rotatePlaceholder) {
368
- 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
369
- 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
370
- 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
371
- 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
372
- }
373
-
374
- .animateSuccessTip {
375
- @include animation('animateSuccessTip 0.75s');
376
- }
377
- .animateSuccessLong {
378
- @include animation('animateSuccessLong 0.75s');
379
- }
380
- .icon.success.animate::after {
381
- @include animation('rotatePlaceholder 4.25s ease-in');
382
- }
383
-
384
-
385
- // Error icon animation
386
-
387
- @include keyframes(animateErrorIcon) {
388
- 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; }
389
- 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; }
390
- }
391
- .animateErrorIcon {
392
- @include animation('animateErrorIcon 0.5s');
393
- }
394
- @include keyframes(animateXMark) {
395
- 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
396
- 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; }
397
- 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; }
398
- 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; }
399
- }
400
- .animateXMark {
401
- @include animation('animateXMark 0.5s');
402
- }
403
-
404
-
405
- // Warning and info animation
406
-
407
- /*@include keyframes(simpleRotate) {
408
- 0% { transform: rotateY(0deg); }
409
- 100% { transform: rotateY(-360deg); }
410
- }
411
- .simpleRotate {
412
- @include animation('simpleRotate 0.75s');
413
- }*/
414
-
415
- @include keyframes(pulseWarning) {
416
- 0% { border-color: #F8D486; }
417
- 100% { border-color: #F8BB86; }
418
- }
419
- .pulseWarning {
420
- @include animation('pulseWarning 0.75s infinite alternate');
421
- }
422
-
423
- @include keyframes(pulseWarningIns) {
424
- 0% { background-color: #F8D486; }
425
- 100% { background-color: #F8BB86; }
426
- }
427
- .pulseWarningIns {
428
- @include animation('pulseWarningIns 0.75s infinite alternate');
429
- }
@@ -1,274 +0,0 @@
1
- /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
2
- .tooltipster-default {
3
- border-radius: 5px;
4
- border: 2px solid #000;
5
- background: #4c4c4c;
6
- color: #fff;
7
- }
8
-
9
- /* Use this next selector to style things like font-size and line-height: */
10
- .tooltipster-default .tooltipster-content {
11
- font-family: Arial, sans-serif;
12
- font-size: 14px;
13
- line-height: 16px;
14
- padding: 8px 10px;
15
- overflow: hidden;
16
- }
17
-
18
- /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
19
- .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
20
- /* border-color: ... !important; */
21
- }
22
-
23
-
24
- /* If you're using the icon option, use this next selector to style them */
25
- .tooltipster-icon {
26
- cursor: help;
27
- margin-left: 4px;
28
- }
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37
- /* This is the base styling required to make all Tooltipsters work */
38
- .tooltipster-base {
39
- padding: 0;
40
- font-size: 0;
41
- line-height: 0;
42
- position: absolute;
43
- left: 0;
44
- top: 0;
45
- z-index: 9999999;
46
- pointer-events: none;
47
- width: auto;
48
- overflow: visible;
49
- }
50
- .tooltipster-base .tooltipster-content {
51
- overflow: hidden;
52
- }
53
-
54
-
55
- /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
56
- .tooltipster-arrow {
57
- display: block;
58
- text-align: center;
59
- width: 100%;
60
- height: 100%;
61
- position: absolute;
62
- top: 0;
63
- left: 0;
64
- z-index: -1;
65
- }
66
- .tooltipster-arrow span, .tooltipster-arrow-border {
67
- display: block;
68
- width: 0;
69
- height: 0;
70
- position: absolute;
71
- }
72
- .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
73
- border-left: 8px solid transparent !important;
74
- border-right: 8px solid transparent !important;
75
- border-top: 8px solid;
76
- bottom: -7px;
77
- }
78
- .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
79
- border-left: 9px solid transparent !important;
80
- border-right: 9px solid transparent !important;
81
- border-top: 9px solid;
82
- bottom: -7px;
83
- }
84
-
85
- .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
86
- border-left: 8px solid transparent !important;
87
- border-right: 8px solid transparent !important;
88
- border-bottom: 8px solid;
89
- top: -7px;
90
- }
91
- .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
92
- border-left: 9px solid transparent !important;
93
- border-right: 9px solid transparent !important;
94
- border-bottom: 9px solid;
95
- top: -7px;
96
- }
97
- .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
98
- left: 0;
99
- right: 0;
100
- margin: 0 auto;
101
- }
102
- .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
103
- left: 6px;
104
- }
105
- .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
106
- left: 5px;
107
- }
108
- .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
109
- right: 6px;
110
- }
111
- .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
112
- right: 5px;
113
- }
114
- .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
115
- border-top: 8px solid transparent !important;
116
- border-bottom: 8px solid transparent !important;
117
- border-left: 8px solid;
118
- top: 50%;
119
- margin-top: -7px;
120
- right: -7px;
121
- }
122
- .tooltipster-arrow-left .tooltipster-arrow-border {
123
- border-top: 9px solid transparent !important;
124
- border-bottom: 9px solid transparent !important;
125
- border-left: 9px solid;
126
- margin-top: -8px;
127
- }
128
- .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
129
- border-top: 8px solid transparent !important;
130
- border-bottom: 8px solid transparent !important;
131
- border-right: 8px solid;
132
- top: 50%;
133
- margin-top: -7px;
134
- left: -7px;
135
- }
136
- .tooltipster-arrow-right .tooltipster-arrow-border {
137
- border-top: 9px solid transparent !important;
138
- border-bottom: 9px solid transparent !important;
139
- border-right: 9px solid;
140
- margin-top: -8px;
141
- }
142
-
143
-
144
- /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
145
-
146
- .tooltipster-fade {
147
- opacity: 0;
148
- -webkit-transition-property: opacity;
149
- -moz-transition-property: opacity;
150
- -o-transition-property: opacity;
151
- -ms-transition-property: opacity;
152
- transition-property: opacity;
153
- }
154
- .tooltipster-fade-show {
155
- opacity: 1;
156
- }
157
-
158
- .tooltipster-grow {
159
- -webkit-transform: scale(0,0);
160
- -moz-transform: scale(0,0);
161
- -o-transform: scale(0,0);
162
- -ms-transform: scale(0,0);
163
- transform: scale(0,0);
164
- -webkit-transition-property: -webkit-transform;
165
- -moz-transition-property: -moz-transform;
166
- -o-transition-property: -o-transform;
167
- -ms-transition-property: -ms-transform;
168
- transition-property: transform;
169
- -webkit-backface-visibility: hidden;
170
- }
171
- .tooltipster-grow-show {
172
- -webkit-transform: scale(1,1);
173
- -moz-transform: scale(1,1);
174
- -o-transform: scale(1,1);
175
- -ms-transform: scale(1,1);
176
- transform: scale(1,1);
177
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
178
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
179
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
180
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
181
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
182
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
183
- }
184
-
185
- .tooltipster-swing {
186
- opacity: 0;
187
- -webkit-transform: rotateZ(4deg);
188
- -moz-transform: rotateZ(4deg);
189
- -o-transform: rotateZ(4deg);
190
- -ms-transform: rotateZ(4deg);
191
- transform: rotateZ(4deg);
192
- -webkit-transition-property: -webkit-transform, opacity;
193
- -moz-transition-property: -moz-transform;
194
- -o-transition-property: -o-transform;
195
- -ms-transition-property: -ms-transform;
196
- transition-property: transform;
197
- }
198
- .tooltipster-swing-show {
199
- opacity: 1;
200
- -webkit-transform: rotateZ(0deg);
201
- -moz-transform: rotateZ(0deg);
202
- -o-transform: rotateZ(0deg);
203
- -ms-transform: rotateZ(0deg);
204
- transform: rotateZ(0deg);
205
- -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
206
- -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
207
- -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
208
- -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
209
- -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
210
- transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
211
- }
212
-
213
- .tooltipster-fall {
214
- top: 0;
215
- -webkit-transition-property: top;
216
- -moz-transition-property: top;
217
- -o-transition-property: top;
218
- -ms-transition-property: top;
219
- transition-property: top;
220
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
221
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
222
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
223
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
224
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
225
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
226
- }
227
- .tooltipster-fall-show {
228
- }
229
- .tooltipster-fall.tooltipster-dying {
230
- -webkit-transition-property: all;
231
- -moz-transition-property: all;
232
- -o-transition-property: all;
233
- -ms-transition-property: all;
234
- transition-property: all;
235
- top: 0px !important;
236
- opacity: 0;
237
- }
238
-
239
- .tooltipster-slide {
240
- left: -40px;
241
- -webkit-transition-property: left;
242
- -moz-transition-property: left;
243
- -o-transition-property: left;
244
- -ms-transition-property: left;
245
- transition-property: left;
246
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
247
- -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
248
- -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
249
- -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
250
- -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
251
- transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
252
- }
253
- .tooltipster-slide.tooltipster-slide-show {
254
- }
255
- .tooltipster-slide.tooltipster-dying {
256
- -webkit-transition-property: all;
257
- -moz-transition-property: all;
258
- -o-transition-property: all;
259
- -ms-transition-property: all;
260
- transition-property: all;
261
- left: 0px !important;
262
- opacity: 0;
263
- }
264
-
265
-
266
- /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
267
- .tooltipster-content-changing {
268
- opacity: 0.5;
269
- -webkit-transform: scale(1.1, 1.1);
270
- -moz-transform: scale(1.1, 1.1);
271
- -o-transform: scale(1.1, 1.1);
272
- -ms-transform: scale(1.1, 1.1);
273
- transform: scale(1.1, 1.1);
274
- }