GIPainter-base 0.4.1 → 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|