Skip to content

Commit a6ca430

Browse files
SarmagedSarmaged
authored
release: version 2025.1.18 (#5)
1 parent 5670676 commit a6ca430

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+3253
-3004
lines changed

‎media.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "style-forge.media",
3-
"version": "2025.1.10",
3+
"version": "2025.1.18",
44
"description": "Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.",
55
"type": "module",
66
"main": "media.css",

‎src/all.css‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@import 'var.css';
2-
@import 'landscape/all.css';
3-
@import 'portrait/all.css';
4-
@import 'tablet/all.css';
5-
@import 'mobile/all.css';
1+
@import './var.css';
2+
@import './hide.css';
3+
@import './tablet/all.css';
4+
@import './mobile/all.css';

‎src/hide.css‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
@media only screen and (max-width: 600px) {
2+
.\@mob\:hide { display: none !important }
3+
}
4+
5+
@media only screen and (max-width: 1024px) {
6+
.\@tab\:hide { display: none !important }
7+
}
8+
9+
@media only screen and (min-width: 1025px) {
10+
.\@dsk\:hide { display: none !important }
11+
}
12+
13+
@media only screen and (orientation: landscape) {
14+
.\@lnd\:hide { display: none !important }
15+
}
16+
17+
@media only screen and (orientation: portrait) {
18+
.\@prt\:hide { display: none !important }
19+
}

‎src/landscape/all.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/landscape/display.css‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎src/mobile/all.css‎

Lines changed: 24 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,26 @@
1-
@import 'content-position.css';
2-
@import 'cursor.css';
3-
@import 'image.css';
4-
@import 'display.css';
5-
@import 'margin.css';
6-
@import 'op.css';
7-
@import 'ov.css';
8-
@import 'padding.css';
9-
@import 'position.css';
10-
@import 'radius.css';
11-
@import 'size.css';
12-
@import 'text.css';
13-
@import 'z.css';
1+
@import './columns/all.css';
142

15-
@import 'columns/all.css';
3+
@import './inline.css';
4+
@import './flex.css';
5+
@import './grid.css';
6+
@import './gap.css';
167

17-
@import 'flex.css';
18-
@import 'grid.css';
19-
@import 'gap.css';
20-
@import 'order.css';
8+
@import './background.css';
9+
@import './border.css';
10+
@import './clear.css';
11+
@import './color.css';
12+
@import './content-position.css';
13+
@import './cursor.css';
14+
@import './display.css';
15+
@import './float.css';
16+
@import './image.css';
17+
@import './margin.css';
18+
@import './op.css';
19+
@import './order.css';
20+
@import './ov.css';
21+
@import './padding.css';
22+
@import './position.css';
23+
@import './radius.css';
24+
@import './size.css';
25+
@import './text.css';
26+
@import './z.css';

‎src/mobile/background.css‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
@media only screen and (max-width: 600px) {
2+
.\@mob\:bg\:n { background: none }
3+
4+
.\@mob\:bgi\:n { background-image: none }
5+
6+
.\@mob\:bga\:f { background-attachment: fixed }
7+
.\@mob\:bga\:s { background-attachment: scroll }
8+
9+
.\@mob\:bgc\:t { background-color: transparent }
10+
11+
.\@mob\:bgb\:c { background-blend-mode: color }
12+
.\@mob\:bgb\:cb { background-blend-mode: color-burn }
13+
.\@mob\:bgb\:cd { background-blend-mode: color-dodge }
14+
.\@mob\:bgb\:d { background-blend-mode: darken }
15+
.\@mob\:bgb\:diff { background-blend-mode: difference }
16+
.\@mob\:bgb\:e { background-blend-mode: exclusion }
17+
.\@mob\:bgb\:hl { background-blend-mode: hard-light }
18+
.\@mob\:bgb\:h { background-blend-mode: hue }
19+
.\@mob\:bgb\:l { background-blend-mode: lighten }
20+
.\@mob\:bgb\:lum { background-blend-mode: luminosity }
21+
.\@mob\:bgb\:m { background-blend-mode: multiply }
22+
.\@mob\:bgb\:n { background-blend-mode: normal }
23+
.\@mob\:bgb\:o { background-blend-mode: overlay }
24+
.\@mob\:bgb\:s { background-blend-mode: saturation }
25+
.\@mob\:bgb\:sc { background-blend-mode: screen }
26+
.\@mob\:bgb\:sl { background-blend-mode: soft-light }
27+
28+
.\@mob\:bgbk\:bb { background-break: bounding-box }
29+
.\@mob\:bgbk\:c { background-break: continuous }
30+
.\@mob\:bgbk\:eb { background-break: each-box }
31+
32+
.\@mob\:bgsz\:a { background-size: auto }
33+
.\@mob\:bgsz\:ct { background-size: contain }
34+
.\@mob\:bgsz\:cv { background-size: cover }
35+
36+
.\@mob\:bgp\:tl { background-position: top left }
37+
.\@mob\:bgp\:tc { background-position: top center }
38+
.\@mob\:bgp\:tr { background-position: top right }
39+
.\@mob\:bgp\:cl { background-position: center left }
40+
.\@mob\:bgp\:cc { background-position: center center }
41+
.\@mob\:bgp\:cr { background-position: center right }
42+
.\@mob\:bgp\:bl { background-position: bottom left }
43+
.\@mob\:bgp\:bc { background-position: bottom center }
44+
.\@mob\:bgp\:br { background-position: bottom right }
45+
.\@mob\:bgp\:x50y50 { background-position: 50% 50% }
46+
47+
.\@mob\:bgr\:n { background-repeat: no-repeat }
48+
.\@mob\:bgr\:x { background-repeat: repeat-x }
49+
.\@mob\:bgr\:y { background-repeat: repeat-y }
50+
.\@mob\:bgr\:r { background-repeat: repeat }
51+
.\@mob\:bgr\:s { background-repeat: space }
52+
.\@mob\:bgr\:r { background-repeat: round }
53+
54+
.\@mob\:bgcp\:b { background-clip: border-box }
55+
.\@mob\:bgcp\:p { background-clip: padding-box }
56+
.\@mob\:bgcp\:c { background-clip: content-box }
57+
.\@mob\:bgcp\:t { background-clip: text }
58+
59+
.\@mob\:bgo\:b { background-origin: border-box }
60+
.\@mob\:bgo\:p { background-origin: padding-box }
61+
.\@mob\:bgo\:c { background-origin: content-box }
62+
63+
.\@mob\:bgsz\:f { background-size: 100% 100% }
64+
.\@mob\:bgsz\:h { background-size: 100% auto }
65+
.\@mob\:bgsz\:w { background-size: auto 100% }
66+
}

‎src/mobile/border.css‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
@media only screen and (max-width: 600px) {
2+
.\@mob\:bd\:0 { border: 0 }
3+
.\@mob\:bd, .\@mob\:bd\:1 { border: var(--sf-bdw) solid }
4+
.\@mob\:bd\:2 { border: calc(var(--sf-bdw) * 2) solid }
5+
6+
.\@mob\:bdc\:i { border-color: initial }
7+
8+
.\@mob\:bds { border-style: solid }
9+
.\@mob\:bds\:n { border-style: none }
10+
.\@mob\:bds\:r { border-style: ridge }
11+
.\@mob\:bds\:da { border-style: dashed }
12+
.\@mob\:bds\:do { border-style: dotted }
13+
.\@mob\:bds\:dbl { border-style: double }
14+
.\@mob\:bds\:g { border-style: groove }
15+
.\@mob\:bds\:h { border-style: hidden }
16+
.\@mob\:bds\:i { border-style: inset }
17+
.\@mob\:bds\:o { border-style: outset }
18+
19+
.\@mob\:bdw\:0 { border-width: 0 }
20+
.\@mob\:bdw, .\@mob\:bdw\:1 { border-width: var(--sf-bdw) }
21+
.\@mob\:bdw\:2 { border-width: calc(var(--sf-bdw) * 2) }
22+
23+
.\@mob\:bdyw { border-block-width: var(--sf-bdw) }
24+
.\@mob\:bdxw { border-inline-width: var(--sf-bdw) }
25+
.\@mob\:bdtw { border-block-start-width: var(--sf-bdw) }
26+
.\@mob\:bdlw { border-inline-start-width: var(--sf-bdw) }
27+
.\@mob\:bdrw { border-inline-end-width: var(--sf-bdw) }
28+
.\@mob\:bdbw { border-block-end-width: var(--sf-bdw) }
29+
30+
/* /// */
31+
32+
html.var .\@mob\:bdyw { border-block-width: 1px }
33+
html.var .\@mob\:bdxw { border-inline-width: 1px }
34+
html.var .\@mob\:bdtw { border-block-start-width: 1px }
35+
html.var .\@mob\:bdlw { border-inline-start-width: 1px }
36+
html.var .\@mob\:bdrw { border-inline-end-width: 1px }
37+
html.var .\@mob\:bdbw { border-block-end-width: 1px }
38+
39+
html.mpb .\@mob\:bdtw { border-top-width: 1px }
40+
html.mpb .\@mob\:bdlw { border-left-width: 1px }
41+
html.mpb .\@mob\:bdrw { border-right-width: 1px }
42+
html.mpb .\@mob\:bdbw { border-bottom-width: 1px }
43+
html.mpb .\@mob\:bdyw { border-top-width: 1px; border-bottom-width: 1px }
44+
html.mpb .\@mob\:bdxw { border-left-width: 1px; border-right-width: 1px }
45+
46+
html.mpb .\@mob\:bdtw\:2 { border-top-width: 2px }
47+
html.mpb .\@mob\:bdlw\:2 { border-left-width: 2px }
48+
html.mpb .\@mob\:bdrw\:2 { border-right-width: 2px }
49+
html.mpb .\@mob\:bdbw\:2 { border-bottom-width: 2px }
50+
html.mpb .\@mob\:bdyw\:2 { border-top-width: 2px; border-bottom-width: 2px }
51+
html.mpb .\@mob\:bdxw\:2 { border-left-width: 2px; border-right-width: 2px }
52+
html.mpb .\@mob\:bdw\:2 { border-width: 2px }
53+
54+
html.var .\@mob\:bdw, html.var .\@mob\:bdw\:1 { border-width: 1px }
55+
56+
html.var .\@mob\:bd, html.var .\@mob\:bd\:1 { border: 1px solid }
57+
html.var .\@mob\:bd\:2 { border: 2px solid }
58+
}

‎src/mobile/clear.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
@media only screen and (max-width: 600px) {
2+
.\@mob\:cl { clear: none }
3+
4+
.\@mob\:cl\:b { clear: both }
5+
6+
.\@mob\:cl\:l { clear: inline-start }
7+
.\@mob\:cl\:r { clear: inline-end }
8+
9+
/* /// */
10+
11+
html.clear .\@mob\:cl\:l { clear: left }
12+
html.clear .\@mob\:cl\:r { clear: right }
13+
}

0 commit comments

Comments
 (0)