mumuki-styles 1.14.0 → 1.15.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
  SHA1:
3
- metadata.gz: c78a16aab5f73e7228d2913d2a3fc74df693929d
4
- data.tar.gz: f0b13effa905aec8b6dccb960b1667591e981341
3
+ metadata.gz: b6d21886367a4e8d9a4894a48b17f5ec8e847f37
4
+ data.tar.gz: 82be8e353ddb05fe5e5b39f3a58fb86ee7c4bc2f
5
5
  SHA512:
6
- metadata.gz: 9d4f6a26f4df6afd1b67bdc29baa5236be69393022906c10ac61e7a15aa42e53bafcff40b4e56c2635c9546d1f8645f8ae74447467deb9a111a0e744b84e14c8
7
- data.tar.gz: 4c77855b665fb366940a1367b4413159a2808a8d68adde3e18b52746b90eb02ab080d1cac225b3cb75630463cc2c6ace0de38981adb67c2c0ebcab371ae78207
6
+ metadata.gz: 7463298ea8a430b07bf4674d95a8548673b80679c74d156ef5292fd7e099c770563fb81b5b61842b67d82e6daff7d7ac5ad84c8cf1c4112f0d29a3c7d7e8da6d
7
+ data.tar.gz: b9eb1089e641438b00fd503dbeed7a65328ddb021f3a9b1723253891ceb0c52be533fc08d521e5d691ee07d4871feaca51ef2fc292f92b27db47fc2e9aa3639c
data/README.md CHANGED
@@ -84,6 +84,7 @@
84
84
  ```
85
85
 
86
86
  #### mu-file-browser attributes
87
+
87
88
  * `data-can-browse`: (Boolean) user can enter into a folder (default `false`).
88
89
  * `data-on-file-open`: (Function) receives 2 params, file name and file content. If no function given user can't open files.
89
90
  * `data-file`: (Object) object `keys` are the names of the resources and object `values` are theirs contents (sub-object for a folder and a string for a file).
@@ -155,6 +156,7 @@ With jQuery you can use function `$('.mu-file-browser').renderFileBrowser()`;
155
156
  ```
156
157
 
157
158
  #### mu-erd attributes
159
+
158
160
  * `data-entities`: (`Array<Object>`) Every entity object of the array should have:
159
161
  * `name`: (`String`) Entity name.
160
162
  * `columns`: (`Array<Object>`) Every column object of the array should have:
@@ -12970,3 +12970,60 @@ mumuki.load(function () {
12970
12970
  $('.mu-erd').renderERD();
12971
12971
 
12972
12972
  });
12973
+
12974
+ mumuki.load(function () {
12975
+
12976
+ function getBrowserHeader($browser) {
12977
+ var title = $browser.data('title') || 'Mumuki';
12978
+ var favicon = $browser.data('favicon') || 'https://mumuki.io/logo-alt-png';
12979
+ var url = $browser.data('url') || 'https://mumuki.io';
12980
+ return $([
12981
+ '<header>',
12982
+ ' <ul class="mu-browser-tabs">',
12983
+ ' <li class="mu-browser-tab active">',
12984
+ ' <img src="', favicon, '">',
12985
+ ' <span>', title, '<span>',
12986
+ ' </li>',
12987
+ ' <li class="mu-browser-tab mu-browser-new-tab">',
12988
+ ' <i class="fa fa-fw fa-plus"></i>',
12989
+ ' </li>',
12990
+ ' </ul>',
12991
+ ' <div class="mu-browser-bar">',
12992
+ ' <i class="mu-arrow-left"></i>',
12993
+ ' <i class="mu-arrow-right"></i>',
12994
+ ' <i class="mu-refresh"></i>',
12995
+ ' <input class="mu-web-browser-path" type="text" readonly value="', url, '">',
12996
+ ' </header>',
12997
+ '</header>'
12998
+ ].join(''))
12999
+ }
13000
+
13001
+ function getBrowserMain($browser) {
13002
+ return $([
13003
+ '<main>',
13004
+ ' <iframe srcdoc="', $browser.data('srcdoc'), '" frameborder="0"></iframe>',
13005
+ '</main>'
13006
+ ].join(''));
13007
+ }
13008
+
13009
+ $.fn.renderWebBrowser = function () {
13010
+ var self = this;
13011
+ self.empty();
13012
+ self.each(function (i) {
13013
+ var $browser = $(self[i]);
13014
+
13015
+ var $header = getBrowserHeader($browser);
13016
+ var $main = getBrowserMain($browser);
13017
+
13018
+ $browser.empty();
13019
+
13020
+ $browser.append($header);
13021
+ $browser.append($main);
13022
+ });
13023
+
13024
+ return self;
13025
+ }
13026
+
13027
+ $('.mu-browser').renderWebBrowser();
13028
+
13029
+ });
@@ -0,0 +1,105 @@
1
+ $mu-web-browser-tab-border-radius: 10px;
2
+ $mu-color-browser-inactive-tabs: darken($mu-color-component-title-background, 5%);
3
+
4
+ .mu-browser {
5
+ width: 100%;
6
+ position: relative;
7
+ header {
8
+ margin: 15px;
9
+ margin-bottom: 0;
10
+ @include display-flex(column nowrap, flex-start, flex-start);
11
+ .mu-browser-tabs {
12
+ width: 100%;
13
+ list-style: none;
14
+ margin-bottom: 0;
15
+ padding-left: 0;
16
+ border: $mu-component-border;
17
+ border-bottom: none;
18
+ background-color: $mu-color-browser-inactive-tabs;
19
+ border-top-left-radius: $mu-web-browser-tab-border-radius;
20
+ border-top-right-radius: $mu-web-browser-tab-border-radius;
21
+ @include display-flex(row nowrap, flex-start, center);
22
+ .mu-browser-tab {
23
+ @include display-flex(row nowrap, flex-start, center);
24
+ margin-left: -2px;
25
+ padding: 2px 10px;
26
+ border: $mu-component-border;
27
+ background-color: $mu-color-component-title-background;
28
+ img {
29
+ height: 16px;
30
+ width: 16px;
31
+ object-fit: cover;
32
+ margin-right: 5px;
33
+ }
34
+ &.active {
35
+ z-index: 2;
36
+ margin-bottom: -2px;
37
+ border-bottom: none;
38
+ border-top-left-radius: $mu-web-browser-tab-border-radius;
39
+ border-top-right-radius: $mu-web-browser-tab-border-radius;
40
+ width: 250px;
41
+ span {
42
+ overflow: hidden;
43
+ white-space: nowrap;
44
+ text-overflow: ellipsis;
45
+ }
46
+ }
47
+ &.mu-browser-new-tab {
48
+ height: 36px;
49
+ width: 36px;
50
+ margin: 0 0 -2px 2px;
51
+ font-size: 75%;
52
+ border-top-left-radius: $mu-web-browser-tab-border-radius;
53
+ border-top-right-radius: $mu-web-browser-tab-border-radius;
54
+ background-color: darken($mu-color-browser-inactive-tabs, 2.5%);
55
+ }
56
+ }
57
+ }
58
+ .mu-browser-bar {
59
+ width: 100%;
60
+ padding: 15px;
61
+ border: $mu-component-border;
62
+ background-color: $mu-color-component-title-background;
63
+ @include display-flex(row nowrap, flex-start, center);
64
+ i {
65
+ cursor: pointer;
66
+ font-size: 25px;
67
+ margin-right: 10px;
68
+ @extend .fa;
69
+ @extend .fa-fw;
70
+ &.mu-arrow-left {
71
+ @extend .fa-arrow-circle-left;
72
+ };
73
+ &.mu-arrow-right {
74
+ @extend .fa-arrow-circle-right;
75
+ };
76
+ &.mu-refresh {
77
+ @extend .fa-refresh;
78
+ }
79
+ }
80
+ input {
81
+ border: 1px solid $mu-color-component-border;
82
+ padding: 0 10px;
83
+ height: 30px;
84
+ border-radius: 10px;
85
+ width: 100%;
86
+ &:focus { outline: none }
87
+ }
88
+ }
89
+ }
90
+ main {
91
+ position: relative;
92
+ border: $mu-component-border;
93
+ border-top: none;
94
+ margin: 15px;
95
+ margin-top: 0;
96
+ height: 500px;
97
+ min-height: 500px;
98
+ iframe {
99
+ width: 100%;
100
+ height: 100%;
101
+ border: none;
102
+ overflow: auto;
103
+ }
104
+ }
105
+ }
@@ -0,0 +1,9 @@
1
+ $mu-color-component-title-background: $mu-color-separator;
2
+ $mu-color-component-border: darken($mu-color-component-title-background, 10%);
3
+
4
+ $mu-component-border: 2px solid $mu-color-component-border;
5
+ $mu-component-border-radius: 15px;
6
+
7
+ @import 'browser';
8
+ @import 'mu-erd';
9
+ @import 'mu-file-browser';
@@ -1,4 +1,4 @@
1
- $mu-erd-border: 2px solid $mu-color-dark-separator;
1
+ $mu-erd-margin: 20px;
2
2
 
3
3
  .mu-erd {
4
4
  position: relative;
@@ -11,18 +11,19 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
11
11
  align-items: center;
12
12
  svg {
13
13
  z-index: 0;
14
- width: 100%;
14
+ width: calc(100% - #{$mu-erd-margin});
15
15
  height: 100%;
16
16
  position: absolute;
17
+ margin-left: $mu-erd-margin / 2;
17
18
  }
18
19
  }
19
20
 
20
21
  .mu-erd-entity {
21
22
  z-index: 1;
22
- margin: 20px 0;
23
+ margin: $mu-erd-margin;
23
24
  width: 250px;
24
25
  min-width: 250px;
25
- border: $mu-erd-border;
26
+ border: $mu-component-border;
26
27
  border-top-left-radius: 15px;
27
28
  border-top-right-radius: 15px;
28
29
  }
@@ -31,10 +32,10 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
31
32
  padding: 5px 10px;
32
33
  list-style: none;
33
34
  text-align: center;
34
- border-bottom: $mu-erd-border;
35
+ border-bottom: $mu-component-border;
35
36
  border-top-left-radius: 15px;
36
37
  border-top-right-radius: 15px;
37
- background-color: $mu-color-separator;
38
+ background-color: $mu-color-component-title-background;
38
39
  margin: 0;
39
40
  }
40
41
 
@@ -48,7 +49,7 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
48
49
  padding: 5px 0;
49
50
  flex-flow: row;
50
51
  justify-content: space-between;
51
- border-bottom: 1px dashed $mu-color-dark-separator;
52
+ border-bottom: 1px dashed $mu-color-component-border;
52
53
  &:last-child {
53
54
  border-bottom: none;
54
55
  }
@@ -1,5 +1,3 @@
1
- $mu-file-browser-border: 2px solid $mu-color-dark-separator;
2
-
3
1
  .mu-file-browser {
4
2
  width: 100%;
5
3
  position: relative;
@@ -7,10 +5,10 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
7
5
  margin: 15px;
8
6
  margin-bottom: 0;
9
7
  padding: 15px;
10
- border: $mu-file-browser-border;
8
+ border: $mu-component-border;
11
9
  border-top-left-radius: 15px;
12
10
  border-top-right-radius: 15px;
13
- background-color: $mu-color-separator;
11
+ background-color: $mu-color-component-title-background;
14
12
  @include display-flex(row nowrap, flex-start, center);
15
13
  i {
16
14
  cursor: pointer;
@@ -21,7 +19,7 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
21
19
  @extend .fa-arrow-circle-left;
22
20
  }
23
21
  input {
24
- border: 1px solid $mu-color-dark-separator;
22
+ border: 1px solid $mu-color-component-border;
25
23
  padding: 0 10px;
26
24
  height: 30px;
27
25
  border-radius: 10px;
@@ -30,7 +28,7 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
30
28
  }
31
29
  }
32
30
  main {
33
- border: $mu-file-browser-border;
31
+ border: $mu-component-border;
34
32
  border-top: none;
35
33
  margin: 15px;
36
34
  margin-top: 0;
@@ -6085,7 +6085,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6085
6085
  font-weight: normal;
6086
6086
  font-style: normal; }
6087
6087
 
6088
- .fa, .mu-file-browser header i, .mu-file-browser main ul li i {
6088
+ .fa, .mu-browser header .mu-browser-bar i, .mu-file-browser header i, .mu-file-browser main ul li i {
6089
6089
  display: inline-block;
6090
6090
  font: normal normal normal 14px/1 FontAwesome;
6091
6091
  font-size: inherit;
@@ -6111,7 +6111,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6111
6111
  .fa-5x {
6112
6112
  font-size: 5em; }
6113
6113
 
6114
- .fa-fw, .mu-file-browser header i, .mu-file-browser main ul li i {
6114
+ .fa-fw, .mu-browser header .mu-browser-bar i, .mu-file-browser header i, .mu-file-browser main ul li i {
6115
6115
  width: 1.28571em;
6116
6116
  text-align: center; }
6117
6117
 
@@ -6142,10 +6142,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6142
6142
  .fa-pull-right {
6143
6143
  float: right; }
6144
6144
 
6145
- .fa.fa-pull-left, .mu-file-browser header i.fa-pull-left, .mu-file-browser main ul li i.fa-pull-left {
6145
+ .fa.fa-pull-left, .mu-browser header .mu-browser-bar i.fa-pull-left, .mu-file-browser header i.fa-pull-left, .mu-file-browser main ul li i.fa-pull-left {
6146
6146
  margin-right: .3em; }
6147
6147
 
6148
- .fa.fa-pull-right, .mu-file-browser header i.fa-pull-right, .mu-file-browser main ul li i.fa-pull-right {
6148
+ .fa.fa-pull-right, .mu-browser header .mu-browser-bar i.fa-pull-right, .mu-file-browser header i.fa-pull-right, .mu-file-browser main ul li i.fa-pull-right {
6149
6149
  margin-left: .3em; }
6150
6150
 
6151
6151
  /* Deprecated as of 4.4.0 */
@@ -6155,10 +6155,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6155
6155
  .pull-left {
6156
6156
  float: left; }
6157
6157
 
6158
- .fa.pull-left, .mu-file-browser header i.pull-left, .mu-file-browser main ul li i.pull-left {
6158
+ .fa.pull-left, .mu-browser header .mu-browser-bar i.pull-left, .mu-file-browser header i.pull-left, .mu-file-browser main ul li i.pull-left {
6159
6159
  margin-right: .3em; }
6160
6160
 
6161
- .fa.pull-right, .mu-file-browser header i.pull-right, .mu-file-browser main ul li i.pull-right {
6161
+ .fa.pull-right, .mu-browser header .mu-browser-bar i.pull-right, .mu-file-browser header i.pull-right, .mu-file-browser main ul li i.pull-right {
6162
6162
  margin-left: .3em; }
6163
6163
 
6164
6164
  .fa-spin {
@@ -6341,7 +6341,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6341
6341
  .fa-repeat:before {
6342
6342
  content: ""; }
6343
6343
 
6344
- .fa-refresh:before {
6344
+ .fa-refresh:before, .mu-browser header .mu-browser-bar i.mu-refresh:before {
6345
6345
  content: ""; }
6346
6346
 
6347
6347
  .fa-list-alt:before {
@@ -6735,10 +6735,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
6735
6735
  .fa-hand-o-down:before {
6736
6736
  content: ""; }
6737
6737
 
6738
- .fa-arrow-circle-left:before, .mu-file-browser header i:before {
6738
+ .fa-arrow-circle-left:before, .mu-browser header .mu-browser-bar i.mu-arrow-left:before, .mu-file-browser header i:before {
6739
6739
  content: ""; }
6740
6740
 
6741
- .fa-arrow-circle-right:before {
6741
+ .fa-arrow-circle-right:before, .mu-browser header .mu-browser-bar i.mu-arrow-right:before {
6742
6742
  content: ""; }
6743
6743
 
6744
6744
  .fa-arrow-circle-up:before {
@@ -9373,7 +9373,7 @@ pre code {
9373
9373
  flex-flow: row nowrap;
9374
9374
  align-items: center;
9375
9375
  justify-content: flex-start; }
9376
- .mu-navbar .mu-navbar-avatar .notifications-box .fa, .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 {
9376
+ .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 {
9377
9377
  color: #0B465D; }
9378
9378
  .mu-navbar .mu-navbar-avatar .notifications-box .badge-notifications {
9379
9379
  position: absolute;
@@ -9405,42 +9405,96 @@ pre code {
9405
9405
  border-left: 1px solid #ecf0f1; }
9406
9406
 
9407
9407
  .mu-browser {
9408
- border-top: 2em solid rgba(230, 230, 230, 0.7);
9409
- box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
9410
- position: relative;
9411
- border-radius: 3px 3px 0 0;
9412
- padding: 5px; }
9413
- .mu-browser iframe {
9414
- margin: 0;
9415
- width: 100%;
9416
- border: none; }
9417
- .mu-browser:before {
9418
- display: block;
9419
- position: absolute;
9420
- content: '';
9421
- top: -1.25em;
9422
- left: 0.5em;
9423
- width: 0.5em;
9424
- height: 0.5em;
9425
- border-radius: 50%;
9426
- background-color: #9b3;
9427
- box-shadow: 0 0 0 2px #9b3; }
9428
- .mu-browser:after {
9429
- display: block;
9430
- position: absolute;
9431
- font-family: 'DejaVu Sans', 'Liberation Sans', sans-serif;
9432
- content: 'http://mi-sitio.com';
9433
- top: -1.8em;
9434
- left: 1.5em;
9435
- padding: 0 0.2em 1.4em;
9436
- width: calc(100% - 2.2em);
9437
- height: 1.2em;
9438
- border-radius: 2px;
9439
- background-color: white;
9440
- font-size: 0.9em; }
9441
- .mu-browser > * {
9442
- display: block;
9443
- margin: 2em; }
9408
+ width: 100%;
9409
+ position: relative; }
9410
+ .mu-browser header {
9411
+ margin: 15px;
9412
+ margin-bottom: 0;
9413
+ display: flex;
9414
+ flex-flow: column nowrap;
9415
+ align-items: flex-start;
9416
+ justify-content: flex-start; }
9417
+ .mu-browser header .mu-browser-tabs {
9418
+ width: 100%;
9419
+ list-style: none;
9420
+ margin-bottom: 0;
9421
+ padding-left: 0;
9422
+ border: 2px solid #cfd9db;
9423
+ border-bottom: none;
9424
+ background-color: #dde4e6;
9425
+ border-top-left-radius: 10px;
9426
+ border-top-right-radius: 10px;
9427
+ display: flex;
9428
+ flex-flow: row nowrap;
9429
+ align-items: center;
9430
+ justify-content: flex-start; }
9431
+ .mu-browser header .mu-browser-tabs .mu-browser-tab {
9432
+ display: flex;
9433
+ flex-flow: row nowrap;
9434
+ align-items: center;
9435
+ justify-content: flex-start;
9436
+ margin-left: -2px;
9437
+ padding: 2px 10px;
9438
+ border: 2px solid #cfd9db;
9439
+ background-color: #ecf0f1; }
9440
+ .mu-browser header .mu-browser-tabs .mu-browser-tab img {
9441
+ height: 16px;
9442
+ width: 16px;
9443
+ object-fit: cover;
9444
+ margin-right: 5px; }
9445
+ .mu-browser header .mu-browser-tabs .mu-browser-tab.active {
9446
+ z-index: 2;
9447
+ margin-bottom: -2px;
9448
+ border-bottom: none;
9449
+ border-top-left-radius: 10px;
9450
+ border-top-right-radius: 10px;
9451
+ width: 250px; }
9452
+ .mu-browser header .mu-browser-tabs .mu-browser-tab.active span {
9453
+ overflow: hidden;
9454
+ white-space: nowrap;
9455
+ text-overflow: ellipsis; }
9456
+ .mu-browser header .mu-browser-tabs .mu-browser-tab.mu-browser-new-tab {
9457
+ height: 36px;
9458
+ width: 36px;
9459
+ margin: 0 0 -2px 2px;
9460
+ font-size: 75%;
9461
+ border-top-left-radius: 10px;
9462
+ border-top-right-radius: 10px;
9463
+ background-color: #d6dfe1; }
9464
+ .mu-browser header .mu-browser-bar {
9465
+ width: 100%;
9466
+ padding: 15px;
9467
+ border: 2px solid #cfd9db;
9468
+ background-color: #ecf0f1;
9469
+ display: flex;
9470
+ flex-flow: row nowrap;
9471
+ align-items: center;
9472
+ justify-content: flex-start; }
9473
+ .mu-browser header .mu-browser-bar i {
9474
+ cursor: pointer;
9475
+ font-size: 25px;
9476
+ margin-right: 10px; }
9477
+ .mu-browser header .mu-browser-bar input {
9478
+ border: 1px solid #cfd9db;
9479
+ padding: 0 10px;
9480
+ height: 30px;
9481
+ border-radius: 10px;
9482
+ width: 100%; }
9483
+ .mu-browser header .mu-browser-bar input:focus {
9484
+ outline: none; }
9485
+ .mu-browser main {
9486
+ position: relative;
9487
+ border: 2px solid #cfd9db;
9488
+ border-top: none;
9489
+ margin: 15px;
9490
+ margin-top: 0;
9491
+ height: 500px;
9492
+ min-height: 500px; }
9493
+ .mu-browser main iframe {
9494
+ width: 100%;
9495
+ height: 100%;
9496
+ border: none;
9497
+ overflow: auto; }
9444
9498
 
9445
9499
  .mu-erd {
9446
9500
  position: relative;
@@ -9453,13 +9507,14 @@ pre code {
9453
9507
  align-items: center; }
9454
9508
  .mu-erd svg {
9455
9509
  z-index: 0;
9456
- width: 100%;
9510
+ width: calc(100% - 20px);
9457
9511
  height: 100%;
9458
- position: absolute; }
9512
+ position: absolute;
9513
+ margin-left: 10px; }
9459
9514
 
9460
9515
  .mu-erd-entity {
9461
9516
  z-index: 1;
9462
- margin: 20px 0;
9517
+ margin: 20px;
9463
9518
  width: 250px;
9464
9519
  min-width: 250px;
9465
9520
  border: 2px solid #cfd9db;
@@ -7,6 +7,4 @@
7
7
  @import 'modules';
8
8
  @import 'navbar';
9
9
  @import 'styles';
10
- @import 'browser';
11
- @import 'mu-erd';
12
- @import 'mu-file-browser';
10
+ @import 'components/components';
@@ -1,5 +1,5 @@
1
1
  module Mumuki
2
2
  module Styles
3
- VERSION = "1.14.0"
3
+ VERSION = "1.15.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mumuki-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.14.0
4
+ version: 1.15.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Federico Scarpa
@@ -87,20 +87,21 @@ files:
87
87
  - app/assets/fonts/fontawesome-webfont.woff2
88
88
  - app/assets/javascripts/mumuki-styles.js
89
89
  - app/assets/stylesheets/_broken.scss
90
- - app/assets/stylesheets/_browser.scss
91
90
  - app/assets/stylesheets/_colors.scss
92
91
  - app/assets/stylesheets/_fonts.scss
93
92
  - app/assets/stylesheets/_footer.scss
94
93
  - app/assets/stylesheets/_hovers.scss
95
94
  - app/assets/stylesheets/_mixines.scss
96
95
  - app/assets/stylesheets/_modules.scss
97
- - app/assets/stylesheets/_mu-erd.scss
98
- - app/assets/stylesheets/_mu-file-browser.scss
99
96
  - app/assets/stylesheets/_navbar.scss
100
97
  - app/assets/stylesheets/_styles.scss
101
98
  - app/assets/stylesheets/_vendor.scss
102
99
  - app/assets/stylesheets/bootswatch/_bootswatch.scss
103
100
  - app/assets/stylesheets/bootswatch/_variables.scss
101
+ - app/assets/stylesheets/components/_browser.scss
102
+ - app/assets/stylesheets/components/_components.scss
103
+ - app/assets/stylesheets/components/_mu-erd.scss
104
+ - app/assets/stylesheets/components/_mu-file-browser.scss
104
105
  - app/assets/stylesheets/modules/_breadcrumb.scss
105
106
  - app/assets/stylesheets/modules/_callout.scss
106
107
  - app/assets/stylesheets/modules/_checkbox.scss
@@ -1,45 +0,0 @@
1
- .mu-browser {
2
- iframe {
3
- margin: 0;
4
- width: 100%;
5
- border: none;
6
- }
7
- border-top: 2em solid rgba(230, 230, 230, 0.7);
8
- box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
9
- position: relative;
10
- border-radius: 3px 3px 0 0;
11
- padding: 5px;
12
-
13
- &:before {
14
- display: block;
15
- position: absolute;
16
- content: '';
17
- top: -1.25em;
18
- left: 0.5em;
19
- width: 0.5em;
20
- height: 0.5em;
21
- border-radius: 50%;
22
- background-color: #9b3;
23
- box-shadow: 0 0 0 2px #9b3;
24
- }
25
-
26
- &:after {
27
- display: block;
28
- position: absolute;
29
- font-family: 'DejaVu Sans', 'Liberation Sans', sans-serif;
30
- content: 'http://mi-sitio.com';
31
- top: -1.8em;
32
- left: 1.5em;
33
- padding: 0 0.2em 1.4em;
34
- width: calc(100% - 2.2em);
35
- height: 1.2em;
36
- border-radius: 2px;
37
- background-color: white;
38
- font-size: 0.9em;
39
- }
40
-
41
- & > * {
42
- display: block;
43
- margin: 2em;
44
- }
45
- }