design-system-starter
Version:
Design system starter
3 lines • 2.06 kB
CSS
.button{color:#fff;height:auto;display:flex;font-size:1rem;cursor:pointer;border-radius:3px;padding:10px 15px 10px 10px}.button:before{content:"";width:20px;height:20px;display:block;margin-right:5px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M21 2c-4.406 0-8 3.594-8 8 0 2.953 1.61 5.523 4 6.906v15.438l-5.156-5.188a4.013 4.013 0 00-5.656 0 4.013 4.013 0 000 5.657L17.53 44.187A12.999 12.999 0 0026.72 48H34c4.957 0 9-4.043 9-9V26c0-2.2-1.8-4-4-4-.832 0-1.605.246-2.25.688C36.203 21.128 34.738 20 33 20c-.988 0-1.863.398-2.563 1-.695-1.184-1.972-2-3.437-2a3.93 3.93 0 00-2 .563v-2.657c2.39-1.383 4-3.953 4-6.906 0-4.406-3.594-8-8-8zm0 2c3.324 0 6 2.676 6 6 0 1.781-.77 3.375-2 4.469V10c0-2.2-1.8-4-4-4s-4 1.8-4 4v4.469A5.946 5.946 0 0115 10c0-3.324 2.676-6 6-6zm0 4c1.117 0 2 .883 2 2v6.188a1.048 1.048 0 000 .312V25a.998.998 0 00.367.797c.235.195.551.27.852.203.101-.027.195-.07.281-.125a.466.466 0 00.063-.031.985.985 0 00.156-.157A1 1 0 0025 25v-2c0-1.117.883-2 2-2s2 .883 2 2v2c.004.063.016.125.031.188a.918.918 0 00.094.28c.04.09.094.177.156.25.047.048.102.09.157.126.03.023.062.043.093.062.09.047.184.078.282.094.132.027.273.027.406 0 .101-.027.195-.07.281-.125a.466.466 0 00.063-.031.985.985 0 00.156-.157A1 1 0 0031 25v-1c0-1.117.883-2 2-2s2 .883 2 2v3c-.004.36.184.695.496.879.313.18.695.18 1.008 0 .312-.184.5-.52.496-.879v-.844c.004-.05.004-.105 0-.156 0-1.117.883-2 2-2s2 .883 2 2v13c0 3.879-3.121 7-7 7h-7.281a11.004 11.004 0 01-7.782-3.219L7.595 31.406a1.967 1.967 0 010-2.812c.789-.79 2.023-.79 2.812 0l6.75 6.718c.035.055.078.11.125.157.02.023.04.043.063.062a.999.999 0 00.468.219c.133.027.274.027.407 0 .062-.016.129-.035.187-.063.032-.019.063-.039.094-.062a.996.996 0 00.5-.781v-.032-.062a.668.668 0 000-.125V16.437a1.048 1.048 0 000-.312V10c0-1.117.883-2 2-2z'/%3E%3C/svg%3E")}
.msg{color:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
a{color:#00f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a:hover{color:#555}