nk_jtb 0.6.0 → 0.6.1

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/scss/_nk.scss +75 -12
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "nk_jtb",
3
3
  "description": "Yet another utility based framework.",
4
- "version": "0.6.0",
4
+ "version": "0.6.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/naykel76/nk_jtb.git"
package/scss/_nk.scss CHANGED
@@ -16,7 +16,6 @@
16
16
  // what else it affects
17
17
  #nk-header,
18
18
  #nk-header > .#{$container-class} {
19
-
20
19
  #search {
21
20
  display: flex;
22
21
  flex: 1 1 auto;
@@ -74,16 +73,6 @@
74
73
  // -- BITS AND BOB'S --
75
74
  // ==========================================================================
76
75
 
77
- // make code block comments stand out
78
- .hljs-comment {
79
- color: hsl(120, 98%, 35%) !important;
80
- }
81
-
82
- pre code.hljs{
83
- padding: 1.5em !important;
84
- line-height: 2;
85
- }
86
-
87
76
  trix-editor {
88
77
  background: white !important;
89
78
  min-height: 100px !important;
@@ -98,6 +87,81 @@ trix-editor {
98
87
  }
99
88
  }
100
89
 
90
+ // ==========================================================================
91
+ // -- MARKDOWN --
92
+ // ==========================================================================
93
+
94
+ // make code block comments stand out
95
+ .hljs-comment {
96
+ color: hsl(120, 98%, 35%) !important;
97
+ }
98
+
99
+ pre code.hljs {
100
+ padding: 1.5em !important;
101
+ line-height: 2;
102
+ }
103
+
104
+ .code-first-col,
105
+ .code-second-col,
106
+ .code-all-col {
107
+ + table tbody {
108
+ margin-top: $content-gap;
109
+ font-size: 0.85em;
110
+ tr td:first-child {
111
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
112
+ color: #f0506e;
113
+ border-radius: 0.25rem;
114
+ }
115
+ }
116
+ }
117
+
118
+ .code-all-col {
119
+ + table tbody {
120
+ td {
121
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
122
+ color: #f0506e;
123
+ border-radius: 0.25rem;
124
+ }
125
+ }
126
+ }
127
+
128
+ .markdown {
129
+ // hack to remove indented when using @verbatim
130
+ .-ml-2 pre code {
131
+ margin-left: -2rem;
132
+ }
133
+ .-ml-3 pre code {
134
+ margin-left: -3rem;
135
+ }
136
+ .-ml-4 pre code {
137
+ margin-left: -4rem;
138
+ }
139
+ .-ml-5 pre code {
140
+ margin-left: -5rem;
141
+ }
142
+ .-ml-7 pre code {
143
+ margin-left: -7rem;
144
+ }
145
+
146
+ table {
147
+ width: 100%; // DON'T CHANGE!!
148
+ }
149
+
150
+ // allow to work in markdown component with div
151
+ pre {
152
+ margin-top: $content-gap;
153
+ margin-bottom: $content-gap;
154
+ }
155
+
156
+ h2::before {
157
+ content: " ";
158
+ display: block;
159
+ width: 100%;
160
+ margin-bottom: 2rem;
161
+ height: 12px;
162
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20px' height='12px' viewBox='0 0 20 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3e%3cpath d='M25,1 C20,1 20,11 15,11 C10,11 10,1 5,1 C0,1 0,11 -5,11 C-10,11 -10,1 -15,1' id='Line' stroke='%23CBD5DF' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
163
+ }
164
+ }
101
165
 
102
166
  // ==========================================================================
103
167
  // -- Primary banner for page layouts --
@@ -119,4 +183,3 @@ $banner-text-bg: transparent !default;
119
183
  padding: 1rem;
120
184
  }
121
185
  }
122
-