mumuki-styles 1.23.1 → 1.24.0

Sign up to get free protection for your applications and to get access to all the features.
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