You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
4.8 KiB
87 lines
4.8 KiB
.article-entry |
|
div.info |
|
background-color: alpha($color-mac-cyan, 20%) |
|
border-left: $border-codeblock solid $color-mac-cyan |
|
border-radius: $border-codeblock |
|
// >:before |
|
// content: " " |
|
// position: absolute |
|
// top: 50% |
|
// left: -14.5px |
|
// margin-top: -12px |
|
// width: 24px |
|
// height: 24px |
|
// border-radius: 50% |
|
// text-align: center |
|
// color: white |
|
// background-size: 16px 16px |
|
// background-position: 4px 4px |
|
// background-repeat: no-repeat |
|
// background-color: $color-mac-cyan |
|
// background-image: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyMTYgMTM0NHYxMjhxMCAyNi0xOSA0NXQtNDUgMTloLTUxMnEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDY0di0zODRoLTY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloMzg0cTI2IDAgNDUgMTl0MTkgNDV2NTc2aDY0cTI2IDAgNDUgMTl0MTkgNDV6bS0xMjgtMTE1MnYxOTJxMCAyNi0xOSA0NXQtNDUgMTloLTI1NnEtMjYgMC00NS0xOXQtMTktNDV2LTE5MnEwLTI2IDE5LTQ1dDQ1LTE5aDI1NnEyNiAwIDQ1IDE5dDE5IDQ1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") |
|
|
|
div.success |
|
background-color: alpha($color-mac-green, 20%) |
|
border-left: $border-codeblock solid $color-mac-green |
|
border-radius: $border-codeblock |
|
// >:before |
|
// content: " " |
|
// position: absolute |
|
// top: 50% |
|
// left: -14.5px |
|
// margin-top: -12px |
|
// width: 24px |
|
// height: 24px |
|
// border-radius: 50% |
|
// text-align: center |
|
// color: #fff |
|
// background-size: 16px 16px |
|
// background-position: 4px 4px |
|
// background-repeat: no-repeat |
|
// background-color: $color-mac-green |
|
// background-image: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNjcxIDU2NnEwIDQwLTI4IDY4bC03MjQgNzI0LTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOGwtMTM2LTEzNi0zNjItMzYycS0yOC0yOC0yOC02OHQyOC02OGwxMzYtMTM2cTI4LTI4IDY4LTI4dDY4IDI4bDI5NCAyOTUgNjU2LTY1N3EyOC0yOCA2OC0yOHQ2OCAyOGwxMzYgMTM2cTI4IDI4IDI4IDY4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") |
|
|
|
|
|
div.warning |
|
background-color: alpha($color-mac-yellow, 20%) |
|
border-left: $border-codeblock solid $color-mac-yellow |
|
border-radius: $border-codeblock |
|
// >:before |
|
// content: " " |
|
// position: absolute |
|
// top: 50% |
|
// left: -14.5px |
|
// margin-top: -12px |
|
// width: 24px |
|
// height: 24px |
|
// border-radius: 50% |
|
// text-align: center |
|
// color: #fff |
|
// background-size: 16px 16px |
|
// background-position: 4px 4px |
|
// background-repeat: no-repeat |
|
// background-color: $color-mac-yellow |
|
// background-image: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNTZ2MjQwcTAgMTYtMTIgMjh0LTI4IDEyaC0yNDBxLTE2IDAtMjgtMTJ0LTEyLTI4di0yNDBxMC0xNiAxMi0yOHQyOC0xMmgyNDBxMTYgMCAyOCAxMnQxMiAyOHptMzE2LTYwMHEwIDU0LTE1LjUgMTAxdC0zNSA3Ni41LTU1IDU5LjUtNTcuNSA0My41LTYxIDM1LjVxLTQxIDIzLTY4LjUgNjV0LTI3LjUgNjdxMCAxNy0xMiAzMi41dC0yOCAxNS41aC0yNDBxLTE1IDAtMjUuNS0xOC41dC0xMC41LTM3LjV2LTQ1cTAtODMgNjUtMTU2LjV0MTQzLTEwOC41cTU5LTI3IDg0LTU2dDI1LTc2cTAtNDItNDYuNS03NHQtMTA3LjUtMzJxLTY1IDAtMTA4IDI5LTM1IDI1LTEwNyAxMTUtMTMgMTYtMzEgMTYtMTIgMC0yNS04bC0xNjQtMTI1cS0xMy0xMC0xNS41LTI1dDUuNS0yOHExNjAtMjY2IDQ2NC0yNjYgODAgMCAxNjEgMzF0MTQ2IDgzIDEwNiAxMjcuNSA0MSAxNTguNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") |
|
|
|
|
|
|
|
div.danger |
|
background-color: alpha($color-mac-red, 20%) |
|
border-left: $border-codeblock solid $color-mac-red |
|
border-radius: $border-codeblock |
|
// >:before |
|
// content: " " |
|
// position: absolute |
|
// top: 50% |
|
// left: -14.5px |
|
// margin-top: -12px |
|
// width: 24px |
|
// height: 24px |
|
// border-radius: 50% |
|
// text-align: center |
|
// color: #fff |
|
// background-size: 16px 16px |
|
// background-position: 4px 4px |
|
// background-repeat: no-repeat |
|
// background-color: $color-mac-red |
|
// background-image: url("data:image/svg+xmlbase64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDg4IDEyNDh2MjI0cTAgMjYtMTkgNDV0LTQ1IDE5aC0yNTZxLTI2IDAtNDUtMTl0LTE5LTQ1di0yMjRxMC0yNiAxOS00NXQ0NS0xOWgyNTZxMjYgMCA0NSAxOXQxOSA0NXptMzAtMTA1NmwtMjggNzY4cS0xIDI2LTIwLjUgNDV0LTQ1LjUgMTloLTI1NnEtMjYgMC00NS41LTE5dC0yMC41LTQ1bC0yOC03NjhxLTEtMjYgMTcuNS00NXQ0NC41LTE5aDMyMHEyNiAwIDQ0LjUgMTl0MTcuNSA0NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
|
|
|