mumuki-styles 1.23.1 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 63f2f449e77b859b788529c7bbc7b0782fe697416e6d2544925369c849f14256
4
- data.tar.gz: 529bd8f05a329ecd3eb16cef9dc24d0e75afc4dd9394f84ab0d2c76ee8c4cc74
3
+ metadata.gz: d2b89e2d3fbf8fb5a967bd334d01d56d2b47841940eb64f9908f8b6915220a72
4
+ data.tar.gz: fefea2183e6cc24d152633059dd0be0d60c92fdd356e9d9ad99869435f570755
5
5
  SHA512:
6
- metadata.gz: 33b59243260cdcc1155729ff30133c854fc40526e417158d1ea973bc93b0433b0ee225ffd265dcab477ac23f529ca79b8da4b8b14e80f9eecad678c6b2d67f48
7
- data.tar.gz: 79c19108f878a631acfb110e8661e1eb29b71ee8dc6ed68eeb1926730dd1a18a698359d9238ebf14edb5649f3d09f502301c29a6d25815aa6c98c8ce6a681c81
6
+ metadata.gz: e31aa80c2c9f2cfc77080d77f557823e2905e08962ce12492e6b732899d3a316bb63a68e04989af28c41bed6462a97c808a083030b19773ba6b87b8a2cf7d84c
7
+ data.tar.gz: 4ef1a83016bf80758d2bdfad514afe4ae064d2310e6bb11e36c51a74053208a432d5050683ad7338782f6c8563205a8bec3e77a47018771efd6df891439773c5
@@ -6072,7 +6072,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6072
6072
 
6073
6073
  @font-face {
6074
6074
  font-family: "dev-awesome";
6075
- src: url("../fonts/dev-awesome.eot?4d1a37cc5bee9db791cbc6758399c608?#iefix") format("embedded-opentype"), url("../fonts/dev-awesome.woff2?4d1a37cc5bee9db791cbc6758399c608") format("woff2"), url("../fonts/dev-awesome.woff?4d1a37cc5bee9db791cbc6758399c608") format("woff");
6075
+ src: url("../fonts/dev-awesome.eot?c36f8146c16c15557d1db4efc7c11160?#iefix") format("embedded-opentype"), url("../fonts/dev-awesome.woff2?c36f8146c16c15557d1db4efc7c11160") format("woff2"), url("../fonts/dev-awesome.woff?c36f8146c16c15557d1db4efc7c11160") format("woff");
6076
6076
  font-weight: normal;
6077
6077
  font-style: normal; }
6078
6078
 
@@ -13328,6 +13328,28 @@ readers do not read off random characters that represent icons */
13328
13328
  .fa.fa-cab:before, .mu-browser header .mu-browser-bar i.fa-cab:before, .mu-file-browser header i.fa-cab:before, .mu-file-browser main ul li i.fa-cab:before {
13329
13329
  content: "\f1ba"; }
13330
13330
 
13331
+ footer {
13332
+ position: absolute;
13333
+ height: 110px;
13334
+ width: 100%;
13335
+ bottom: 0; }
13336
+ footer .mu-footer {
13337
+ border-top: 1px solid #ecf0f1;
13338
+ margin-bottom: 22px;
13339
+ padding-top: 10px; }
13340
+ @media (min-width: 768px) {
13341
+ footer .mu-footer .mu-footer-row {
13342
+ display: flex;
13343
+ flex-flow: row;
13344
+ align-items: center;
13345
+ justify-content: space-between; } }
13346
+ @media (max-width: 767px) {
13347
+ footer .mu-footer .mu-footer-row {
13348
+ display: flex;
13349
+ flex-flow: column;
13350
+ align-items: center;
13351
+ justify-content: space-between; } }
13352
+
13331
13353
  .progress-list-flex .broken {
13332
13354
  background-color: #651621; }
13333
13355
 
@@ -13919,8 +13941,6 @@ pre code {
13919
13941
  align-items: center;
13920
13942
  justify-content: flex-start;
13921
13943
  flex-shrink: 0; }
13922
- .mu-navbar .mu-navbar-avatar .notifications-box .fa, .mu-navbar .mu-navbar-avatar .notifications-box .mu-browser header .mu-browser-bar i, .mu-browser header .mu-browser-bar .mu-navbar .mu-navbar-avatar .notifications-box i, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser header i, .mu-file-browser header .mu-navbar .mu-navbar-avatar .notifications-box i, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser main ul li i, .mu-file-browser main ul li .mu-navbar .mu-navbar-avatar .notifications-box i {
13923
- color: #0B465D; }
13924
13944
  .mu-navbar .mu-navbar-avatar .notifications-box .badge-notifications {
13925
13945
  position: absolute;
13926
13946
  right: 4px;
@@ -13944,12 +13964,15 @@ pre code {
13944
13964
  border-radius: 50%;
13945
13965
  object-fit: cover;
13946
13966
  cursor: pointer; }
13947
- .mu-navbar .navbar-icon {
13948
- margin-left: 20px;
13967
+ .mu-navbar .mu-navbar-element {
13968
+ margin-left: 20px; }
13969
+ .mu-navbar .mu-navbar-icon {
13970
+ color: #0B465D;
13949
13971
  vertical-align: middle; }
13950
13972
  .mu-navbar .mu-level-number {
13951
13973
  position: absolute;
13952
- margin-left: 20px;
13974
+ margin-left: -43px;
13975
+ margin-top: 8px;
13953
13976
  width: 43px;
13954
13977
  text-align: center;
13955
13978
  font-size: 0.75em;
@@ -13957,6 +13980,12 @@ pre code {
13957
13980
  color: white;
13958
13981
  user-select: none;
13959
13982
  pointer-events: none; }
13983
+ .mu-navbar.mu-inverted img {
13984
+ box-shadow: 0 0 0 2px white; }
13985
+ .mu-navbar.mu-inverted .caret, .mu-navbar.mu-inverted .navbar-icon {
13986
+ color: white; }
13987
+ .mu-navbar.mu-inverted .mu-level-number {
13988
+ color: #0B465D; }
13960
13989
 
13961
13990
  .da-mumuki {
13962
13991
  text-decoration: none; }
@@ -0,0 +1,28 @@
1
+ $breadcrumb-separator-gap: 8px;
2
+
3
+ $avatar-size: 40px;
4
+
5
+ footer {
6
+
7
+ position: absolute;
8
+ height: 110px;
9
+ width: 100%;
10
+ bottom: 0;
11
+
12
+ .mu-footer {
13
+ border-top: 1px solid $mu-color-separator;
14
+ margin-bottom: 22px;
15
+ padding-top: 10px;
16
+
17
+ .mu-footer-row {
18
+
19
+ @media (min-width: 768px){
20
+ @include display-flex(row, space-between, center);
21
+ }
22
+
23
+ @media (max-width: 767px){
24
+ @include display-flex(column, space-between, center);
25
+ }
26
+ }
27
+ }
28
+ }
@@ -74,10 +74,6 @@ $avatar-size: 40px;
74
74
  flex-shrink: 0;
75
75
 
76
76
  .notifications-box {
77
- .fa {
78
- color: $mu-color-primary;
79
- }
80
-
81
77
  .badge-notifications {
82
78
  position: absolute;
83
79
  right: 4px;
@@ -115,14 +111,19 @@ $avatar-size: 40px;
115
111
  }
116
112
  }
117
113
 
118
- .navbar-icon {
114
+ .mu-navbar-element {
119
115
  margin-left: 20px;
116
+ }
117
+
118
+ .mu-navbar-icon {
119
+ color: $mu-color-primary;
120
120
  vertical-align: middle;
121
121
  }
122
122
 
123
123
  .mu-level-number {
124
124
  position: absolute;
125
- margin-left: 20px;
125
+ margin-left: -43px;
126
+ margin-top: 8px;
126
127
  width: 43px;
127
128
 
128
129
  text-align: center;
@@ -133,6 +134,20 @@ $avatar-size: 40px;
133
134
  user-select: none;
134
135
  pointer-events: none;
135
136
  }
137
+
138
+ &.mu-inverted {
139
+ img {
140
+ box-shadow: 0 0 0 2px white;
141
+ }
142
+
143
+ .caret, .navbar-icon {
144
+ color: white;
145
+ }
146
+
147
+ .mu-level-number {
148
+ color: $mu-color-primary;
149
+ }
150
+ }
136
151
  }
137
152
 
138
153
  .da-mumuki {
@@ -1,7 +1,8 @@
1
1
  @import 'fonts';
2
2
  @import 'colors';
3
- @import 'vendor';
4
3
  @import 'mixines';
4
+ @import 'vendor';
5
+ @import 'footer';
5
6
  @import 'broken';
6
7
  @import 'hovers';
7
8
  @import 'modules';
@@ -2,9 +2,9 @@ $da-font-path: "../fonts" !default;
2
2
 
3
3
  @font-face {
4
4
  font-family: "dev-awesome";
5
- src: url("#{$da-font-path}/dev-awesome.eot?4d1a37cc5bee9db791cbc6758399c608?#iefix") format("embedded-opentype"),
6
- url("#{$da-font-path}/dev-awesome.woff2?4d1a37cc5bee9db791cbc6758399c608") format("woff2"),
7
- url("#{$da-font-path}/dev-awesome.woff?4d1a37cc5bee9db791cbc6758399c608") format("woff");
5
+ src: url("#{$da-font-path}/dev-awesome.eot?c36f8146c16c15557d1db4efc7c11160?#iefix") format("embedded-opentype"),
6
+ url("#{$da-font-path}/dev-awesome.woff2?c36f8146c16c15557d1db4efc7c11160") format("woff2"),
7
+ url("#{$da-font-path}/dev-awesome.woff?c36f8146c16c15557d1db4efc7c11160") format("woff");
8
8
  font-weight:normal;
9
9
  font-style:normal;
10
10
  }
@@ -1,5 +1,5 @@
1
1
  module Mumuki
2
2
  module Styles
3
- VERSION = "1.23.1"
3
+ VERSION = "1.24.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mumuki-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.23.1
4
+ version: 1.24.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Federico Scarpa
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-12-02 00:00:00.000000000 Z
11
+ date: 2020-12-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -120,6 +120,7 @@ files:
120
120
  - app/assets/stylesheets/scss/_broken.scss
121
121
  - app/assets/stylesheets/scss/_colors.scss
122
122
  - app/assets/stylesheets/scss/_fonts.scss
123
+ - app/assets/stylesheets/scss/_footer.scss
123
124
  - app/assets/stylesheets/scss/_hovers.scss
124
125
  - app/assets/stylesheets/scss/_mixines.scss
125
126
  - app/assets/stylesheets/scss/_modules.scss