bedrock_sass 0.1.8 → 0.1.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -12,6 +12,7 @@
12
12
  @import 'components/inline-edit-box';
13
13
  @import 'components/page-content';
14
14
  @import 'components/tiny-mce-editor';
15
+ @import 'components/textarea';
15
16
  @import 'components/select-box';
16
17
  @import 'components/file-input';
17
18
  @import 'components/seo-analysis';
@@ -32,6 +33,7 @@
32
33
  @include bedrock-inline-edit-box;
33
34
  @include bedrock-page-content;
34
35
  @include bedrock-tiny-mce-editor;
36
+ @include bedrock-textarea;
35
37
  @include bedrock-select-box;
36
38
  @include bedrock-file-input;
37
39
  @include bedrock-seo-analysis;
@@ -57,6 +57,38 @@ $page-content-sidebar-sizes: (large: 340px, xxlarge: 360px) !default;
57
57
  order: 99 * 99;
58
58
  }
59
59
  }
60
+
61
+ > .menu {
62
+
63
+ li {
64
+
65
+ &:not(:last-child) {
66
+ border: 1px solid smart-scale($body-background, 5%);
67
+ border-width: 0 0 1px;
68
+ }
69
+
70
+ &.is-active, &.active {
71
+
72
+ a {
73
+ background: smart-scale($body-background, 5%);
74
+ color: smart-scale($body-background, 50%);
75
+ }
76
+ }
77
+ }
78
+
79
+ a {
80
+ color: smart-scale($body-background, 50%);
81
+ padding: $global-padding;
82
+ background: none;
83
+ outline: none;
84
+
85
+ i {
86
+ font-size: 1.2rem;
87
+ margin-right: .7rem;
88
+ width: 1.2rem;
89
+ }
90
+ }
91
+ }
60
92
  }
61
93
  }
62
94
 
@@ -0,0 +1,59 @@
1
+ // No Content Mixins
2
+
3
+ @mixin textarea-container {
4
+ position: relative;
5
+ border: 1px solid smart-scale($panel-background, $panel-color-scale);
6
+
7
+ textarea {
8
+ @include textarea;
9
+ }
10
+
11
+ .textarea-info {
12
+ @include textarea-info;
13
+ }
14
+ }
15
+
16
+ @mixin textarea {
17
+ padding: $global-padding $global-padding ($global-padding * 3);
18
+ border: none !important;
19
+ box-shadow: none !important;
20
+ margin: 0 !important;
21
+ min-height: 8rem;
22
+ overflow: hidden;
23
+ resize: vertical !important;
24
+ }
25
+
26
+ @mixin textarea-info {
27
+ position: absolute;
28
+ border-top: 1px solid smart-scale($panel-background, $panel-color-scale);
29
+ bottom: 0;
30
+ left: 0;
31
+ width: 100%;
32
+ padding: ($global-padding / 2) $global-padding;
33
+ line-height: 1.15;
34
+ text-transform: uppercase;
35
+ font-size: .75rem;
36
+ text-align: right;
37
+ background: $white;
38
+ pointer-events: none;
39
+
40
+ .resize-grip {
41
+ position: absolute;
42
+ bottom: 0;
43
+ right: 0;
44
+ }
45
+
46
+ span {
47
+ margin-left: 5px;
48
+ opacity: .8;
49
+ }
50
+ }
51
+
52
+
53
+ // No Content Component
54
+
55
+ @mixin bedrock-textarea {
56
+ .textarea-container {
57
+ @include textarea-container;
58
+ }
59
+ }
@@ -1,3 +1,3 @@
1
1
  module BedrockSass
2
- VERSION = '0.1.8'
2
+ VERSION = '0.1.9'
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bedrock_sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.8
4
+ version: 0.1.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jonian Guveli
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-12-28 00:00:00.000000000 Z
11
+ date: 2018-01-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -428,6 +428,7 @@ files:
428
428
  - assets/bedrock/scss/components/select-box.scss
429
429
  - assets/bedrock/scss/components/seo-analysis.scss
430
430
  - assets/bedrock/scss/components/shortcode-reveal.scss
431
+ - assets/bedrock/scss/components/textarea.scss
431
432
  - assets/bedrock/scss/components/tiny-mce-editor.scss
432
433
  - lib/bedrock_sass.rb
433
434
  - lib/bedrock_sass/engine.rb
@@ -453,7 +454,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
453
454
  version: '0'
454
455
  requirements: []
455
456
  rubyforge_project:
456
- rubygems_version: 2.6.14
457
+ rubygems_version: 2.7.3
457
458
  signing_key:
458
459
  specification_version: 4
459
460
  summary: Bedrock Admin HTML framework