Skip to content

Commit fe5e3b0

Browse files
Bogayrami3l
authored andcommitted
refactor(www): simplify instruction css selector
use class instead of multiple id selector.
1 parent a417ce0 commit fe5e3b0

File tree

1 file changed

+5
-29
lines changed

1 file changed

+5
-29
lines changed

www/rustup.css

Lines changed: 5 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -168,12 +168,7 @@ hr {
168168
margin-bottom: 2em;
169169
}
170170

171-
#platform-instructions-unix > p,
172-
#platform-instructions-win32 > p,
173-
#platform-instructions-win64 > p,
174-
#platform-instructions-win-arm64 > p,
175-
#platform-instructions-default > p,
176-
#platform-instructions-unknown > p {
171+
.instructions > p {
177172
width: 80%;
178173
}
179174

@@ -198,24 +193,14 @@ hr {
198193
overflow-x: auto;
199194
}
200195

201-
#platform-instructions-unix div.copy-container,
202-
#platform-instructions-win32 div.copy-container,
203-
#platform-instructions-win64 div.copy-container,
204-
#platform-instructions-win-arm64 div.copy-container,
205-
#platform-instructions-default div.copy-container,
206-
#platform-instructions-unknown div.copy-container {
196+
.instructions div.copy-container {
207197
display: flex;
208198
align-items: center;
209199
width: 90%;
210200
justify-content: center;
211201
}
212202

213-
#platform-instructions-unix button.copy-button,
214-
#platform-instructions-win32 button.copy-button,
215-
#platform-instructions-win64 button.copy-button,
216-
#platform-instructions-win-arm64 button.copy-button,
217-
#platform-instructions-default button.copy-button,
218-
#platform-instructions-unknown button.copy-button {
203+
.instructions button.copy-button {
219204
display: flex;
220205
align-items: center;
221206
justify-content: center;
@@ -240,12 +225,7 @@ button.copy-button:hover svg {
240225
fill: var(--rustup-teal);
241226
}
242227

243-
#platform-instructions-unix div.copy-button-text,
244-
#platform-instructions-win32 div.copy-button-text,
245-
#platform-instructions-win64 div.copy-button-text,
246-
#platform-instructions-win-arm64 div.copy-button-text,
247-
#platform-instructions-default div.copy-button-text,
248-
#platform-instructions-unknown div.copy-button-text {
228+
.instructions div.copy-button-text {
249229
transition: opacity 0.2s ease-in-out;
250230
position: absolute;
251231
bottom: 100%;
@@ -257,11 +237,7 @@ button.copy-button:hover svg {
257237
opacity: 0;
258238
}
259239

260-
#platform-instructions-win32 a.windows-download,
261-
#platform-instructions-win64 a.windows-download,
262-
#platform-instructions-win-arm64 a.windows-download,
263-
#platform-instructions-default a.windows-download,
264-
#platform-instructions-unknown a.windows-download {
240+
.instructions a.windows-download {
265241
display: block;
266242
padding-top: 0.4rem;
267243
padding-bottom: 0.6rem;

0 commit comments

Comments
 (0)