scss-library/public/playground.css

74 lines
1.5 KiB
CSS
Raw Normal View History

2021-01-02 20:27:47 +01:00
.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;
}