@enigmatry/scss-foundation 17.1.1-preview.2 → 17.1.1-preview.4
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.
- package/coverage/clover.xml +2 -2
- package/coverage/lcov-report/index.html +1 -1
- package/package.json +1 -1
- package/src/modules/borders/_border-radius.scss +1 -3
- package/tests/borders/border-radius.tests.scss +52 -0
- package/tests/states/hover.tests.scss +19 -0
- package/tests/text/hover.tests.scss +19 -0
package/coverage/clover.xml
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<coverage generated="
|
|
3
|
-
<project timestamp="
|
|
2
|
+
<coverage generated="1723538890587" clover="3.2.0">
|
|
3
|
+
<project timestamp="1723538890587" name="All files">
|
|
4
4
|
<metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0" elements="0" coveredelements="0" complexity="0" loc="0" ncloc="0" packages="0" files="0" classes="0"/>
|
|
5
5
|
</project>
|
|
6
6
|
</coverage>
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
87
87
|
Code coverage generated by
|
|
88
88
|
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
|
|
89
|
-
at 2024-08-
|
|
89
|
+
at 2024-08-13T08:48:10.584Z
|
|
90
90
|
</div>
|
|
91
91
|
<script src="prettify.js"></script>
|
|
92
92
|
<script>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@enigmatry/scss-foundation",
|
|
3
|
-
"version": "17.1.1-preview.
|
|
3
|
+
"version": "17.1.1-preview.4",
|
|
4
4
|
"author": "Enigmatry",
|
|
5
5
|
"description": "Collection of SCSS utilities useful for the most of projects.",
|
|
6
6
|
"homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/libs/scss-foundation#readme",
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
@mixin partial-border-radius($top-left: 0, $top-right: 0, $bottom-right: 0, $bottom-left: 0) {
|
|
2
2
|
border: {
|
|
3
|
-
/* stylelint-disable scss/declaration-nested-properties */
|
|
4
3
|
top-left-radius: $top-left;
|
|
5
4
|
top-right-radius: $top-right;
|
|
6
5
|
bottom-right-radius: $bottom-right;
|
|
7
6
|
bottom-left-radius: $bottom-left;
|
|
8
|
-
/* stylelint-enable scss/declaration-nested-properties */
|
|
9
7
|
}
|
|
10
|
-
}
|
|
8
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@use 'sass-true/sass/true';
|
|
2
|
+
@use '../../src/modules/borders/border-radius' as border;
|
|
3
|
+
|
|
4
|
+
@include true.describe('partial-border-radius($top-left, $top-right, $bottom-right, $bottom-left)') {
|
|
5
|
+
@include true.it('should set border-radius with default values') {
|
|
6
|
+
@include true.assert() {
|
|
7
|
+
@include true.output() {
|
|
8
|
+
@include border.partial-border-radius();
|
|
9
|
+
}
|
|
10
|
+
@include true.expect() {
|
|
11
|
+
border: {
|
|
12
|
+
top-left-radius: 0;
|
|
13
|
+
top-right-radius: 0;
|
|
14
|
+
bottom-right-radius: 0;
|
|
15
|
+
bottom-left-radius: 0;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@include true.it('should set border-radius with $top-right and $bottom-right values') {
|
|
22
|
+
@include true.assert() {
|
|
23
|
+
@include true.output() {
|
|
24
|
+
@include border.partial-border-radius($top-right: 10px, $bottom-right: 1.2em);
|
|
25
|
+
}
|
|
26
|
+
@include true.expect() {
|
|
27
|
+
border: {
|
|
28
|
+
top-left-radius: 0;
|
|
29
|
+
top-right-radius: 10px;
|
|
30
|
+
bottom-right-radius: 1.2em;
|
|
31
|
+
bottom-left-radius: 0;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@include true.it('should set border-radius with all values') {
|
|
38
|
+
@include true.assert() {
|
|
39
|
+
@include true.output() {
|
|
40
|
+
@include border.partial-border-radius(4px, 4px, 8px, 8px);
|
|
41
|
+
}
|
|
42
|
+
@include true.expect() {
|
|
43
|
+
border: {
|
|
44
|
+
top-left-radius: 4px;
|
|
45
|
+
top-right-radius: 4px;
|
|
46
|
+
bottom-right-radius: 8px;
|
|
47
|
+
bottom-left-radius: 8px;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@use 'sass-true/sass/true';
|
|
2
|
+
@use '../../src/modules/states/hover';
|
|
3
|
+
|
|
4
|
+
@include true.describe('background-hover($regular-state, $hover-state)') {
|
|
5
|
+
@include true.it('should set regular and hover states for background color') {
|
|
6
|
+
@include true.assert() {
|
|
7
|
+
@include true.output() {
|
|
8
|
+
@include hover.background-hover(#FFF, #CCC);
|
|
9
|
+
}
|
|
10
|
+
@include true.expect() {
|
|
11
|
+
background-color: #FFF;
|
|
12
|
+
|
|
13
|
+
&:hover, &:hover::before {
|
|
14
|
+
background-color: #CCC;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@use 'sass-true/sass/true';
|
|
2
|
+
@use '../../src/modules/text/hover' as default;
|
|
3
|
+
|
|
4
|
+
@include true.describe('font-hover($regular-state, $hover-state)') {
|
|
5
|
+
@include true.it('should set regular and hover states for text color') {
|
|
6
|
+
@include true.assert() {
|
|
7
|
+
@include true.output() {
|
|
8
|
+
@include default.font-hover(#000, #F00);
|
|
9
|
+
}
|
|
10
|
+
@include true.expect() {
|
|
11
|
+
color: #000;
|
|
12
|
+
|
|
13
|
+
&:hover, &:hover::before {
|
|
14
|
+
color: #F00;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|