Skip to content

Commit 5e2ce22

Browse files
committed
Updates
1 parent 560e666 commit 5e2ce22

File tree

1 file changed

+20
-5
lines changed

1 file changed

+20
-5
lines changed

style.css

Lines changed: 20 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,16 @@ button {
2727

2828
button {
2929
appearance: none;
30-
border: 2px solid;
30+
border: 0.1em solid;
3131
padding: 0.25em 0.5em;
32-
background: #f0f0f0;
32+
background: #f3f3f3;
3333
color: #000;
34-
border-radius: 0.2em;
3534
white-space: nowrap;
35+
box-shadow: 0.1em 0.1em currentColor;
36+
}
37+
38+
button:active {
39+
background: #fe0;
3640
}
3741

3842
button[disabled] {
@@ -110,9 +114,8 @@ td img {
110114

111115
.intro-msg {
112116
background: #fe0;
113-
border: 2px solid;
117+
border: 0.15em solid;
114118
padding: 1em 2em;
115-
border-radius: 0.2em;
116119
}
117120

118121
.intro-msg > * {
@@ -136,6 +139,18 @@ h1 {
136139
line-height: 1.2;
137140
}
138141

142+
@supports(width: max-content) {
143+
h1 {
144+
width: max-content;
145+
border: 0.1em solid;
146+
padding: 0.2em;
147+
transform: rotate(-3deg);
148+
background: #fe0;
149+
box-shadow: 0.1em 0.1em currentColor;
150+
}
151+
}
152+
153+
139154
h1 + p {
140155
font-size: 1.4em;
141156
max-width: 60ch;

0 commit comments

Comments
 (0)