mumuki-styles 1.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (161) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +117 -0
  3. data/Rakefile +2 -0
  4. data/app/assets/fonts/FontAwesome.otf +0 -0
  5. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  6. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  7. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  8. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  9. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  10. data/app/assets/fonts/dev-awesome/svg/colored/bash.svg +58 -0
  11. data/app/assets/fonts/dev-awesome/svg/colored/c.svg +82 -0
  12. data/app/assets/fonts/dev-awesome/svg/colored/code.svg +57 -0
  13. data/app/assets/fonts/dev-awesome/svg/colored/cpp.svg +67 -0
  14. data/app/assets/fonts/dev-awesome/svg/colored/css.svg +112 -0
  15. data/app/assets/fonts/dev-awesome/svg/colored/elixir.svg +86 -0
  16. data/app/assets/fonts/dev-awesome/svg/colored/gobstones.svg +3287 -0
  17. data/app/assets/fonts/dev-awesome/svg/colored/haskell.svg +76 -0
  18. data/app/assets/fonts/dev-awesome/svg/colored/html.svg +112 -0
  19. data/app/assets/fonts/dev-awesome/svg/colored/java.svg +85 -0
  20. data/app/assets/fonts/dev-awesome/svg/colored/javascript.svg +65 -0
  21. data/app/assets/fonts/dev-awesome/svg/colored/mongodb.svg +255 -0
  22. data/app/assets/fonts/dev-awesome/svg/colored/mumuki-circle.svg +132 -0
  23. data/app/assets/fonts/dev-awesome/svg/colored/mumuki.svg +78 -0
  24. data/app/assets/fonts/dev-awesome/svg/colored/prolog.svg +296 -0
  25. data/app/assets/fonts/dev-awesome/svg/colored/python.svg +61 -0
  26. data/app/assets/fonts/dev-awesome/svg/colored/qsim.svg +110 -0
  27. data/app/assets/fonts/dev-awesome/svg/colored/ruby.svg +105 -0
  28. data/app/assets/fonts/dev-awesome/svg/colored/sql.svg +124 -0
  29. data/app/assets/fonts/dev-awesome/svg/colored/text.svg +57 -0
  30. data/app/assets/fonts/dev-awesome/svg/colored/wollok.svg +83 -0
  31. data/app/assets/fonts/dev-awesome-hinted.ttf +0 -0
  32. data/app/assets/fonts/dev-awesome.eot +0 -0
  33. data/app/assets/fonts/dev-awesome.svg +139 -0
  34. data/app/assets/fonts/dev-awesome.ttf +0 -0
  35. data/app/assets/fonts/dev-awesome.woff +0 -0
  36. data/app/assets/fonts/dev-awesome.woff2 +0 -0
  37. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  38. data/app/assets/fonts/fontawesome-webfont.svg +2671 -0
  39. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  40. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  41. data/app/assets/fonts/fontawesome-webfont.woff2 +0 -0
  42. data/app/assets/javascripts/mumuki-styles.js +12767 -0
  43. data/app/assets/stylesheets/_broken.scss +8 -0
  44. data/app/assets/stylesheets/_browser.scss +45 -0
  45. data/app/assets/stylesheets/_colors.scss +54 -0
  46. data/app/assets/stylesheets/_fonts.scss +9 -0
  47. data/app/assets/stylesheets/_footer.scss +18 -0
  48. data/app/assets/stylesheets/_hovers.scss +15 -0
  49. data/app/assets/stylesheets/_mixines.scss +6 -0
  50. data/app/assets/stylesheets/_modules.scss +8 -0
  51. data/app/assets/stylesheets/_mu-file-browser.scss +97 -0
  52. data/app/assets/stylesheets/_navbar.scss +99 -0
  53. data/app/assets/stylesheets/_styles.scss +14 -0
  54. data/app/assets/stylesheets/_vendor.scss +7 -0
  55. data/app/assets/stylesheets/bootswatch/_bootswatch.scss +330 -0
  56. data/app/assets/stylesheets/bootswatch/_variables.scss +870 -0
  57. data/app/assets/stylesheets/modules/_breadcrumb.scss +16 -0
  58. data/app/assets/stylesheets/modules/_callout.scss +40 -0
  59. data/app/assets/stylesheets/modules/_checkbox.scss +65 -0
  60. data/app/assets/stylesheets/modules/_conversation.scss +213 -0
  61. data/app/assets/stylesheets/modules/_follow_us.scss +16 -0
  62. data/app/assets/stylesheets/modules/_highlight.scss +99 -0
  63. data/app/assets/stylesheets/modules/_new_message.scss +42 -0
  64. data/app/assets/stylesheets/modules/_notification.scss +15 -0
  65. data/app/assets/stylesheets/mumuki-styles.css +9526 -0
  66. data/app/assets/stylesheets/mumuki-styles.scss +11 -0
  67. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.scss +245 -0
  68. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/bootstrap.scss +3 -0
  69. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/demo/build.scss +6 -0
  70. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-compass.scss +9 -0
  71. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-mincer.scss +19 -0
  72. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap-sprockets.scss +9 -0
  73. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss +56 -0
  74. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss +73 -0
  75. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss +68 -0
  76. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss +28 -0
  77. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_button-groups.scss +244 -0
  78. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss +168 -0
  79. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_carousel.scss +270 -0
  80. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss +36 -0
  81. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss +69 -0
  82. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss +37 -0
  83. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns.scss +216 -0
  84. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss +617 -0
  85. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons.scss +307 -0
  86. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss +84 -0
  87. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_input-groups.scss +171 -0
  88. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss +54 -0
  89. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss +66 -0
  90. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_list-group.scss +130 -0
  91. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss +66 -0
  92. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss +40 -0
  93. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_modals.scss +150 -0
  94. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navbar.scss +662 -0
  95. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navs.scss +242 -0
  96. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_normalize.scss +424 -0
  97. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss +54 -0
  98. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pagination.scss +89 -0
  99. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_panels.scss +271 -0
  100. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_popovers.scss +131 -0
  101. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_print.scss +101 -0
  102. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars.scss +87 -0
  103. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  104. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  105. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss +161 -0
  106. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tables.scss +234 -0
  107. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_theme.scss +291 -0
  108. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss +38 -0
  109. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip.scss +101 -0
  110. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_type.scss +298 -0
  111. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss +55 -0
  112. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss +874 -0
  113. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss +29 -0
  114. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  115. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  116. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  117. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -0
  118. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  119. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  120. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  121. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  122. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  123. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  124. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  125. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  126. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  127. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  128. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  129. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  130. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  131. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  132. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  133. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  134. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  135. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  136. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  137. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  138. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  139. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  140. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  141. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  142. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  143. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  144. data/app/assets/stylesheets/vendor/dev-awesome/dist/scss/_dev-awesome.scss +240 -0
  145. data/app/assets/stylesheets/vendor/font-awesome/scss/_animated.scss +34 -0
  146. data/app/assets/stylesheets/vendor/font-awesome/scss/_bordered-pulled.scss +25 -0
  147. data/app/assets/stylesheets/vendor/font-awesome/scss/_core.scss +12 -0
  148. data/app/assets/stylesheets/vendor/font-awesome/scss/_fixed-width.scss +6 -0
  149. data/app/assets/stylesheets/vendor/font-awesome/scss/_icons.scss +789 -0
  150. data/app/assets/stylesheets/vendor/font-awesome/scss/_larger.scss +13 -0
  151. data/app/assets/stylesheets/vendor/font-awesome/scss/_list.scss +19 -0
  152. data/app/assets/stylesheets/vendor/font-awesome/scss/_mixins.scss +60 -0
  153. data/app/assets/stylesheets/vendor/font-awesome/scss/_path.scss +15 -0
  154. data/app/assets/stylesheets/vendor/font-awesome/scss/_rotated-flipped.scss +20 -0
  155. data/app/assets/stylesheets/vendor/font-awesome/scss/_screen-reader.scss +5 -0
  156. data/app/assets/stylesheets/vendor/font-awesome/scss/_stacked.scss +20 -0
  157. data/app/assets/stylesheets/vendor/font-awesome/scss/_variables.scss +800 -0
  158. data/app/assets/stylesheets/vendor/font-awesome/scss/font-awesome.scss +18 -0
  159. data/lib/mumuki/styles/version.rb +5 -0
  160. data/lib/mumuki/styles.rb +8 -0
  161. metadata +231 -0
@@ -0,0 +1,16 @@
1
+ @each $font in $mu-fonts {
2
+ .breadcrumb {
3
+ margin: 0;
4
+ padding: 0;
5
+ background-color: transparent;
6
+ .#{$font} {
7
+ font-size: 44px;
8
+ a {
9
+ color: $brand-primary;
10
+ &:hover, &:focus {
11
+ text-decoration: none;
12
+ }
13
+ }
14
+ }
15
+ }
16
+ }
@@ -0,0 +1,40 @@
1
+ .bs-callout {
2
+ padding: 20px;
3
+ margin: 20px 0;
4
+ border: 1px solid #eee;
5
+ border-left-width: 5px;
6
+ border-radius: 3px;
7
+ }
8
+
9
+ .bs-callout h4 {
10
+ margin-top: 0;
11
+ margin-bottom: 5px;
12
+ }
13
+
14
+ .bs-callout p:last-child {
15
+ margin-bottom: 0;
16
+ }
17
+
18
+ .bs-callout code {
19
+ border-radius: 3px;
20
+ }
21
+
22
+ .bs-callout + .bs-callout {
23
+ margin-top: -5px;
24
+ }
25
+
26
+ $statuses: (
27
+ info: $brand-info,
28
+ danger: $brand-danger,
29
+ success: $brand-success,
30
+ warning: $brand-warning,
31
+ broken: $mu-color-broken,
32
+ );
33
+ @each $status, $color in $statuses {
34
+ .bs-callout-#{$status} {
35
+ border-left-color: $color;
36
+ h4 {
37
+ color: $color;
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,65 @@
1
+ .mu-radio {
2
+ div {
3
+ clear: both;
4
+ overflow: hidden;
5
+ }
6
+ label {
7
+ width: 100%;
8
+ font-weight: normal;
9
+ }
10
+ input[type="radio"],
11
+ input[type="checkbox"] {
12
+ &:empty {
13
+ display: none;
14
+ ~ label {
15
+ position: relative;
16
+ line-height: 2em;
17
+ text-indent: 2.5em;
18
+ cursor: pointer;
19
+ user-select: none;
20
+
21
+ &:before {
22
+ position: absolute;
23
+ display: block;
24
+ top: 0;
25
+ bottom: 0;
26
+ left: 0;
27
+ content: '';
28
+ width: 2em;
29
+ background: #D1D3D4;
30
+ border-radius: 3px 0 0 3px;
31
+ }
32
+ }
33
+ }
34
+ &:hover:not(:checked) ~ label {
35
+ color: #888;
36
+ &:before {
37
+ content: '\2714';
38
+ text-indent: .9em;
39
+ color: #C2C2C2;
40
+ }
41
+ }
42
+ &:checked ~ label {
43
+ color: #777;
44
+
45
+ &:before {
46
+ content: '\2714';
47
+ text-indent: .6em;
48
+ color: #333;
49
+ background-color: #ccc;
50
+ }
51
+ }
52
+ &:focus ~ label:before {
53
+ box-shadow: 0 0 0 3px #999;
54
+ }
55
+ }
56
+ &-default {
57
+ input[type="radio"],
58
+ input[type="checkbox"] {
59
+ &:checked ~ label:before {
60
+ color: white;
61
+ background-color: $brand-complementary;
62
+ }
63
+ }
64
+ }
65
+ }
@@ -0,0 +1,213 @@
1
+ .pending-messages-text {
2
+ float: left;
3
+ text-align: center;
4
+ position: absolute;
5
+ top: 200px;
6
+ z-index: 9999;
7
+ }
8
+
9
+ .pending-messages-filter {
10
+ filter: blur(0.6em);
11
+ pointer-events: none;
12
+ }
13
+
14
+ #new-message-modal pre {
15
+ max-height: 300px;
16
+ overflow: auto;
17
+ }
18
+
19
+ .mu-messages {
20
+ ::selection {
21
+ background: rgba(82, 179, 217, 0.3);
22
+ color: inherit;
23
+ }
24
+ a {
25
+ margin: auto;
26
+ }
27
+
28
+ /* M E S S A G E S */
29
+
30
+ .mu-chat {
31
+ list-style: none;
32
+ background: $mu-color-content-editable;
33
+ border: 1px solid #cccccc;
34
+ margin: 0;
35
+ padding: 0 0 0 0;
36
+ height: 253px;
37
+ overflow-x: hidden;
38
+ overflow-y: auto;
39
+ margin-bottom: 10px;
40
+ }
41
+ .mu-chat li {
42
+ padding: 0.5rem;
43
+ overflow: hidden;
44
+ display: flex;
45
+ }
46
+ .mu-chat .avatar {
47
+ width: 40px;
48
+ height: 40px;
49
+ position: relative;
50
+ display: block;
51
+ z-index: 2;
52
+ border-radius: 100%;
53
+ -webkit-border-radius: 100%;
54
+ -moz-border-radius: 100%;
55
+ -ms-border-radius: 100%;
56
+ background-color: rgba(255, 255, 255, 0.9);
57
+ }
58
+ .mu-chat .avatar img {
59
+ width: 40px;
60
+ height: 40px;
61
+ border-radius: 100%;
62
+ -webkit-border-radius: 100%;
63
+ -moz-border-radius: 100%;
64
+ -ms-border-radius: 100%;
65
+ background-color: rgba(255, 255, 255, 0.9);
66
+ -webkit-touch-callout: none;
67
+ -webkit-user-select: none;
68
+ -moz-user-select: none;
69
+ -ms-user-select: none;
70
+ }
71
+ .mu-chat .day {
72
+ position: relative;
73
+ display: block;
74
+ text-align: center;
75
+ color: #c0c0c0;
76
+ height: 20px;
77
+ line-height: 38px;
78
+ margin-top: 5px;
79
+ margin-bottom: 20px;
80
+ cursor: default;
81
+ -webkit-touch-callout: none;
82
+ -webkit-user-select: none;
83
+ -moz-user-select: none;
84
+ -ms-user-select: none;
85
+ }
86
+
87
+ .other .message {
88
+ order: 1;
89
+ border-top-left-radius: 0;
90
+ }
91
+ .self {
92
+ justify-content: flex-end;
93
+ align-items: flex-end;
94
+ }
95
+ .self .message {
96
+ order: 1;
97
+ border-top-right-radius: 0;
98
+ }
99
+ .self .avatar {
100
+ order: 2;
101
+ }
102
+ .message {
103
+ background: white;
104
+ border: 1px solid #e6e6e6;
105
+ min-width: 50px;
106
+ padding: 10px;
107
+ border-radius: 15px;
108
+ }
109
+ .message p {
110
+ font-size: 0.9em;
111
+ margin: 0 0 0.2rem 0;
112
+ color: #777;
113
+ }
114
+ .message img {
115
+ :not(.emoji) {
116
+ position: relative;
117
+ display: block;
118
+ border-radius: 5px;
119
+ transition: all .4s cubic-bezier(0.565, -0.260, 0.255, 1.410);
120
+ cursor: default;
121
+ -webkit-touch-callout: none;
122
+ -webkit-user-select: none;
123
+ -moz-user-select: none;
124
+ -ms-user-select: none;
125
+ }
126
+ &.emoji {
127
+ margin-top: -5px;
128
+ }
129
+ }
130
+ .message .sender {
131
+ font-weight: bold;
132
+ font-size: 0.75em;
133
+ color: #ccc;
134
+ margin-top: 3px;
135
+ float: left;
136
+ cursor: default;
137
+ -webkit-touch-callout: none;
138
+ -webkit-user-select: none;
139
+ -moz-user-select: none;
140
+ -ms-user-select: none;
141
+ }
142
+ .message time {
143
+ font-size: 0.75em;
144
+ color: #ccc;
145
+ margin-top: 3px;
146
+ float: right;
147
+ cursor: default;
148
+ -webkit-touch-callout: none;
149
+ -webkit-user-select: none;
150
+ -moz-user-select: none;
151
+ -ms-user-select: none;
152
+ margin-left: 15px;
153
+ }
154
+ .passed {
155
+ background-color: $brand-success-light;
156
+ }
157
+ .failed {
158
+ background-color: $brand-danger-light;
159
+ }
160
+ .errored {
161
+ background-color: $brand-danger-light;
162
+ }
163
+ .passed_with_warning {
164
+ background-color: $brand-warning-light;
165
+ }
166
+ }
167
+
168
+ .mu-view-messages {
169
+ overflow-x: hidden;
170
+ overflow-y: auto;
171
+
172
+ .mu-chat {
173
+ height: 500px;
174
+
175
+ .solution {
176
+ @include display-flex(column, flex-start, flex-end);
177
+ border: none;
178
+ border-top: 1px solid #cccccc;
179
+ border-radius: 0;
180
+ width: 100%;
181
+
182
+ a {
183
+ align-self: center;
184
+ margin: auto;
185
+ cursor: pointer;
186
+ top: 0;
187
+ text-decoration: none;
188
+ }
189
+
190
+ div {
191
+ width: 100%;
192
+
193
+ &.hidden {
194
+ height: 100px;
195
+ overflow: hidden;
196
+ }
197
+
198
+ &.visible {
199
+ height: 100%;
200
+ }
201
+ }
202
+
203
+ pre {
204
+ background: none;
205
+ font-size: 0.7em;
206
+ margin-top: 0;
207
+ border: none;
208
+ border-radius: 0;
209
+ }
210
+ }
211
+ }
212
+ }
213
+
@@ -0,0 +1,16 @@
1
+ .social-icon {
2
+ padding-top: 6px;
3
+ font-size: 16px;
4
+ text-align: center;
5
+ width: 32px;
6
+ height: 32px;
7
+ border: 2px solid $brand-info;
8
+ border-radius: 50%;
9
+ margin: 5px;
10
+ }
11
+
12
+ a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
13
+ text-decoration: none;
14
+ border-color: $brand-info-light;
15
+ color: $brand-info-light;
16
+ }
@@ -0,0 +1,99 @@
1
+ /* See https://github.com/jneen/rouge/wiki/List-of-tokens */
2
+
3
+ $mu-color-highlight-background: #f0f0f5;
4
+
5
+ $mu-color-highlight-identifier: black;
6
+ $mu-color-highlight-keyword: $mu-color-info;
7
+ $mu-color-highlight-literal: #369434;
8
+ $mu-color-highlight-operator: $mu-color-complementary;
9
+ $mu-color-highlight-comment: grey;
10
+ $mu-color-highlight-punctuation: black;
11
+ $mu-color-highlight-text-whitespace: #bbbbbb;
12
+ $mu-color-highlight-string-interpolation: #d01040;
13
+
14
+ pre {
15
+ background-color: $mu-color-highlight-background;
16
+ }
17
+
18
+ .mu-highlight-identifier,
19
+ .na, .nb, .nc, .no, .nd, .ni, .bp, .vc, .vg, .vi, .nx, .nv,
20
+ .nn, .nt,
21
+ .ace_function,
22
+ .ace_variable,
23
+ .ace_parameter,
24
+ .ace_identifier,
25
+ .ne,
26
+ .nf,
27
+ .nl {
28
+ color: $mu-color-highlight-identifier !important;
29
+ }
30
+
31
+ .mu-highlight-keyword,
32
+ .k, .kn, .kp, .kr, .kt, .kd, .ace_keyword, .ace_type {
33
+ color: $mu-color-highlight-keyword !important;
34
+ font-weight: bold !important;
35
+ }
36
+
37
+ .mu-highlight-literal,
38
+ .m, .mf, .mh, .mi, .mo,
39
+ .s, .sb, .sc, .sd, .s2, .se, .sh, .sx, .sr, .s1, .ss,
40
+ .kc,
41
+ .il,
42
+ .l,
43
+ .ace_boolean, .ace_numeric,
44
+ .ace_string, .ace_symbol,
45
+ .ace_hexadecimal, .ace_character,
46
+ .ace_decimal {
47
+ color: $mu-color-highlight-literal !important;
48
+ }
49
+
50
+ .mu-highlight-operator,
51
+ .ow, .o,
52
+ .ace_operator,
53
+ .ace_meta.ace_rule.ace_definition.ace_prolog {
54
+ color: $mu-color-highlight-operator !important;
55
+ font-weight: bold !important;
56
+ }
57
+
58
+ .mu-highlight-comment,
59
+ .ace_comment, .c, .cm, .cp, .c1, .cs {
60
+ color: $mu-color-highlight-comment !important;
61
+ }
62
+
63
+ .mu-highlight-punctuation,
64
+ .ace_punctuation,
65
+ .ace_paren,
66
+ .p,
67
+ .ace_keyword.ace_operator.ace_definition.ace_prolog,
68
+ pre code {
69
+ color: black !important;
70
+ font-weight: normal !important;
71
+ }
72
+
73
+ $mu-color-highlight-prolog-variables: $mu-color-info;
74
+ $mu-color-highlight-prolog-atoms: $mu-color-primary;
75
+
76
+ .mu-highlight-prolog-variables,
77
+ .ace_variable.ace_prolog,
78
+ .prolog .nv {
79
+ color: $mu-color-highlight-prolog-variables !important;
80
+ font-weight: normal !important;
81
+ }
82
+
83
+ .mu-highlight-prolog-atoms,
84
+ .ace_name.ace_prolog,
85
+ .ace_atom.ace_prolog,
86
+ .prolog .ss {
87
+ color: $mu-color-highlight-prolog-atoms !important;
88
+ font-weight: normal !important;
89
+ }
90
+
91
+ .mu-highlight-text-whitespace,
92
+ .w {
93
+ color: $mu-color-highlight-text-whitespace;
94
+ }
95
+
96
+ .mu-highlight-string-interpolation,
97
+ .si {
98
+ color: $mu-color-highlight-string-interpolation;
99
+ }
@@ -0,0 +1,42 @@
1
+ .new-message-modal {
2
+ width: 0px;
3
+ pre {
4
+ max-height: 300px;
5
+ overflow: auto;
6
+ }
7
+ .modal-content {
8
+ width: 400px;
9
+ }
10
+ .modal-dialog {
11
+ position: fixed;
12
+ right: -50px;
13
+ bottom: -30px;
14
+ }
15
+ .mu-modal-header {
16
+ @include display-flex(row nowrap, space-between);
17
+ height: 40px;
18
+ background-color: $brand-info;
19
+ padding: 0 15px 0 15px;
20
+ .mu-modal-header-text {
21
+ padding-left: 7px;
22
+ color: white;
23
+ }
24
+ .mu-modal-close-button {
25
+ background-color: transparent;
26
+ color: white;
27
+ -moz-appearance: none;
28
+ -webkit-appearance: none;
29
+ border: none;
30
+ padding: 0;
31
+ }
32
+ }
33
+ .mu-message-textarea {
34
+ &:focus {
35
+ outline: -webkit-focus-ring-color none 0;
36
+ }
37
+ resize: none;
38
+ border: none;
39
+ height: 250px;
40
+ width: 100%;
41
+ }
42
+ }
@@ -0,0 +1,15 @@
1
+ .notifications-box-empty {
2
+ display: none;
3
+ }
4
+
5
+ .badge-notifications {
6
+ position: absolute;
7
+ right: 57px;
8
+ font-size: 0.55em;
9
+ width: inherit;
10
+ padding: 2px 4px;
11
+ text-align: right;
12
+ top: 6px;
13
+ background-color: $brand-complementary;
14
+ border: 1px solid white;
15
+ }