74 lines
1.5 KiB
CSS
74 lines
1.5 KiB
CSS
.bluebutton {
|
|
color: red;
|
|
padding: 5px;
|
|
background-color: #ffa500;
|
|
border: 1px solid #000;
|
|
display: inline;
|
|
}
|
|
.button {
|
|
padding: 5px;
|
|
background-color: #ffa500;
|
|
border: 1px solid #000;
|
|
display: inline;
|
|
}
|
|
.wred {
|
|
color: red;
|
|
}
|
|
.field {
|
|
display: inline;
|
|
padding: 10px;
|
|
border-bottom: 2px solid #00f;
|
|
}
|
|
.wurst .field {
|
|
display: inline;
|
|
padding: 10px;
|
|
border-bottom: 2px solid #00f;
|
|
color: red;
|
|
}
|
|
.debug {
|
|
--one: {"button":"({\".bluebutton\":\"(anonymous(c))\",\".button\":\"(anonymous(c))\"})","field":"({\".field\":\"(anonymous())\",\".wurst .field\":\"(anonymous())\"})"};
|
|
--two: {".bluebutton":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})",".wred":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})",".wurst .field":"({\"button\":\"(#008000)\",\"field\":\"(red())\"})"};
|
|
}
|
|
.bluebutton.bluebutton {
|
|
color: #008000;
|
|
}
|
|
.button.bluebutton {
|
|
color: #008000;
|
|
}
|
|
.field.bluebutton {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|
|
.wurst .field.bluebutton {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|
|
.bluebutton.wred {
|
|
color: #008000;
|
|
}
|
|
.button.wred {
|
|
color: #008000;
|
|
}
|
|
.field.wred {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|
|
.wurst .field.wred {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|
|
.bluebutton.wurst .field {
|
|
color: #008000;
|
|
}
|
|
.button.wurst .field {
|
|
color: #008000;
|
|
}
|
|
.field.wurst .field {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|
|
.wurst .field.wurst .field {
|
|
border-bottom: 2px solid red;
|
|
color: #00f;
|
|
}
|