GIPainter-base 0.4.1 → 0.5.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 +4 -4
- data/assets/stylesheets/Mixins/_typography.scss +60 -2
- data/lib/GIPainter-base/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 25cbd25b9b069a89df9ad316455c47064e233dc7
|
4
|
+
data.tar.gz: ddcd21e21c5b007a0d56854925b2c2b7da442d42
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4e49857548dd4cf0c6855d184bb15e88138cb8d8375e695f4fe191f16b018c576fe39d518d73d7910d94fe7c8740d1cb46fef09f88d20ee30f9ba4c6c27c42c1
|
7
|
+
data.tar.gz: 7c8093be05d241a09e67b5e4d07c47c9a50e15fa755ca5f772953391c2d340e12057395994850244ba786f7c5284b29d6dd2ad2e28be3d31299876d242fdde1e
|
@@ -215,8 +215,7 @@
|
|
215
215
|
/// text-overflow: ellipsis;
|
216
216
|
/// }
|
217
217
|
|
218
|
-
@mixin truncate
|
219
|
-
max-width: $truncation-boundary;
|
218
|
+
@mixin truncate {
|
220
219
|
white-space: nowrap;
|
221
220
|
overflow: hidden;
|
222
221
|
text-overflow: ellipsis;
|
@@ -310,4 +309,63 @@
|
|
310
309
|
background: url($file) 50% 50% no-repeat;
|
311
310
|
background-size: contain;
|
312
311
|
@include hide-text($overflow: $overflow);
|
312
|
+
}
|
313
|
+
|
314
|
+
/// Mixin helper to color text
|
315
|
+
/// @param {Color} $color - color of your text
|
316
|
+
/// @example scss - Usage
|
317
|
+
/// .foo {
|
318
|
+
/// @include text-emphasis-variant(#c51c1c)
|
319
|
+
/// }
|
320
|
+
/// @example css - Result
|
321
|
+
/// .foo{
|
322
|
+
/// color: #c51c1c;
|
323
|
+
/// }
|
324
|
+
///
|
325
|
+
/// .foo a{
|
326
|
+
/// text-decoration: none;
|
327
|
+
/// border-bottom-width: 1px;
|
328
|
+
/// border-bottom-style: dotted;
|
329
|
+
/// border-bottom-color: red;
|
330
|
+
/// }
|
331
|
+
///
|
332
|
+
/// .foo a:hover{
|
333
|
+
/// color: #941515;
|
334
|
+
/// }
|
335
|
+
|
336
|
+
@mixin text-emphasis-variant($color) {
|
337
|
+
color: $color;
|
338
|
+
|
339
|
+
a{
|
340
|
+
@include link-replace-underline;
|
341
|
+
|
342
|
+
&:hover {
|
343
|
+
color: darken($color, 20%);
|
344
|
+
}
|
345
|
+
}
|
346
|
+
}
|
347
|
+
|
348
|
+
/// Mixin helper to replace text with image
|
349
|
+
/// @param {Length} $w - width of element
|
350
|
+
/// @param {Length} $h - height of element
|
351
|
+
/// @param {String} $file - file path
|
352
|
+
/// @param {String} $overflow [hidden] - overflow of element
|
353
|
+
/// @example scss - Usage
|
354
|
+
/// .foo {
|
355
|
+
/// @include hide-text;
|
356
|
+
/// }
|
357
|
+
/// @example css - Result
|
358
|
+
/// .foo{
|
359
|
+
/// text-indent: $indent;
|
360
|
+
/// text-align: $align;
|
361
|
+
/// font-size: 0;
|
362
|
+
/// white-space: nowrap;
|
363
|
+
/// overflow: $overflow;
|
364
|
+
/// }
|
365
|
+
|
366
|
+
@mixin lead($font-size) {
|
367
|
+
margin-bottom: $line-height-computed;
|
368
|
+
@include font-size($font-size);
|
369
|
+
@include line-height($font-size);
|
370
|
+
font-weight: 300;
|
313
371
|
}
|