Permalink
Browse files

feat: dl basic version. + Updated list icon for component preview

  • Loading branch information...
katrin-freihofner committed Jun 14, 2017
1 parent 461370f commit cab3bebaff9d0e8351bfd1d6e91c3bed01978c2d
@@ -0,0 +1,29 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<title>definition-list</title>
<g>
<path d="M105.464,137.615l-8.8-26.039h-37.2l-9.175,26.039H39.252L73.226,44.373H85.377l32.982,93.243ZM62.686,102.4H93.561L78.433,57.516Z" fill="#fff"/>
<path d="M144.525,130.672a7.563,7.563,0,1,1-7.563-7.564A7.223,7.223,0,0,1,144.525,130.672Z" fill="#fff"/>
<path d="M176.02,130.672a7.563,7.563,0,1,1-7.563-7.564A7.223,7.223,0,0,1,176.02,130.672Z" fill="#fff"/>
<path d="M207.516,130.672a7.563,7.563,0,1,1-7.563-7.564A7.223,7.223,0,0,1,207.516,130.672Z" fill="#fff"/>
<path d="M280.674,40.9v96.714h-9.052l-2.6-11.9c-2.232,8.432-9.919,13.391-20.707,13.391-17.731,0-28.27-13.391-28.27-34.966,0-21.451,10.539-35.338,29.138-35.338,10.416,0,16.863,4.339,19.715,12.275V40.9Zm-47.985,62.988c0,15.127,5.208,26.039,18.227,26.039,13.143,0,18.351-10.912,18.351-26.039,0-15-5.208-25.915-18.227-25.915C237.9,77.975,232.689,88.886,232.689,103.889Z" fill="#fff"/>
<path d="M350.982,135.632a63.923,63.923,0,0,1-19.591,2.976c-12.275,0-19.591-3.472-24.3-8.308-5.7-5.828-8.556-14.879-8.556-26.163,0-22.071,10.911-35.462,29.511-35.462,10.291,0,17.979,4.092,22.318,11.655s4.34,17.607,4.34,26.411h-43.77c0,14.631,7.067,22.938,21.079,22.938a54.275,54.275,0,0,0,17.979-3.6h.992ZM342.426,98.31c0-13.515-4.464-20.955-14.755-20.955-10.788,0-15.747,8.06-16.739,20.955Z" fill="#fff"/>
<path d="M409.385,81.571h-.992s-7.812-3.224-15.375-3.224c-7.687,0-11.779,3.348-11.779,8.184,0,13.267,31,9.547,31,32.486,0,13.639-11.035,19.591-25.542,19.591-10.788,0-17.607-3.348-17.607-3.348v-9.8h.992s9.175,4.092,17.73,4.092c8.184,0,12.523-3.72,12.523-9.3,0-14.755-31-10.788-31-32.114,0-11.531,8.928-18.847,24.3-18.847a50.857,50.857,0,0,1,15.747,2.48Z" fill="#fff"/>
<path d="M472.748,136.376a48.221,48.221,0,0,1-14.879,2.232c-20.831,0-32.362-13.02-32.362-34.594S437.038,69.3,457.869,69.3a49.215,49.215,0,0,1,14.879,2.232v9.8h-.991a35.907,35.907,0,0,0-13.392-2.852c-13.02,0-20.211,9.423-20.211,25.17s7.191,25.791,20.211,25.791a36.735,36.735,0,0,0,13.392-2.852h.991Z" fill="#fff"/>
<path d="M76.2,210.37c7.315,0,14.259,0,20.831,3.72,6.324,3.6,10.292,9.8,10.292,19.1,0,18.847-15.871,20.706-15.871,20.706s21.327,1.488,21.327,23.187c0,9.8-4.464,16.863-11.035,21.2-7.812,5.084-16.119,5.332-24.055,5.332h-27.9V210.37Zm-14.507,39.8H75.334c4.464,0,8.432,0,12.523-2.231,3.968-2.232,6.943-6.2,6.943-13.143,0-6.076-2.232-10.788-6.7-13.268-4.092-2.232-8.556-2.232-13.02-2.232H61.695Zm0,44.514H77.318c4.712,0,10.54,0,15.871-3.6,4.464-2.976,7.067-7.812,7.067-14.136,0-6.2-2.479-11.159-8.307-14.383-5.7-3.1-11.16-3.1-15.871-3.1H61.695Z" fill="#fff"/>
<path d="M141.3,296.67a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,141.3,296.67Z" fill="#fff"/>
<path d="M172.8,296.67a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,172.8,296.67Z" fill="#fff"/>
<path d="M204.293,296.67a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,204.293,296.67Z" fill="#fff"/>
<path d="M277.451,206.9v96.714H268.4l-2.6-11.9c-2.232,8.432-9.919,13.392-20.707,13.392-17.731,0-28.27-13.392-28.27-34.967,0-21.45,10.539-35.337,29.138-35.337,10.416,0,16.863,4.339,19.715,12.275V206.9Zm-47.985,62.988c0,15.128,5.208,26.039,18.227,26.039,13.143,0,18.351-10.911,18.351-26.039,0-15-5.208-25.914-18.227-25.914C234.674,243.972,229.466,254.884,229.466,269.886Z" fill="#fff"/>
<path d="M347.76,301.63a63.935,63.935,0,0,1-19.592,2.976c-12.275,0-19.591-3.472-24.3-8.308-5.7-5.828-8.555-14.879-8.555-26.163,0-22.07,10.911-35.461,29.51-35.461,10.292,0,17.979,4.092,22.319,11.655s4.34,17.607,4.34,26.411H307.709c0,14.631,7.068,22.938,21.079,22.938a54.284,54.284,0,0,0,17.979-3.6h.992ZM339.2,264.307c0-13.516-4.464-20.955-14.756-20.955-10.787,0-15.747,8.06-16.739,20.955Z" fill="#fff"/>
<path d="M406.163,247.568h-.992s-7.812-3.224-15.375-3.224c-7.687,0-11.779,3.348-11.779,8.184,0,13.267,31,9.547,31,32.486,0,13.639-11.035,19.591-25.542,19.591-10.788,0-17.607-3.348-17.607-3.348v-9.8h.992s9.175,4.092,17.73,4.092c8.184,0,12.523-3.72,12.523-9.3,0-14.755-31-10.787-31-32.114,0-11.531,8.928-18.847,24.3-18.847a50.857,50.857,0,0,1,15.747,2.48Z" fill="#fff"/>
<path d="M469.526,302.373a48.211,48.211,0,0,1-14.879,2.232c-20.831,0-32.362-13.02-32.362-34.595s11.531-34.718,32.362-34.718a49.215,49.215,0,0,1,14.879,2.232v9.8h-.991a35.907,35.907,0,0,0-13.392-2.852c-13.02,0-20.211,9.423-20.211,25.17s7.191,25.791,20.211,25.791a36.735,36.735,0,0,0,13.392-2.852h.991Z" fill="#fff"/>
<path d="M108.688,467.379A62.083,62.083,0,0,1,88.477,470.6c-31,0-43.77-21.947-43.77-47.613s12.771-47.613,43.77-47.613a62.083,62.083,0,0,1,20.211,3.224v9.672H107.7a52.141,52.141,0,0,0-18.6-3.721c-22.071,0-31.618,17.235-31.618,38.314s9.547,38.562,31.618,38.562a52.152,52.152,0,0,0,18.6-3.72h.992Z" fill="#fff"/>
<path d="M139.317,462.667a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,139.317,462.667Z" fill="#fff"/>
<path d="M170.813,462.667a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,170.813,462.667Z" fill="#fff"/>
<path d="M202.308,462.667a7.563,7.563,0,1,1-7.563-7.563A7.222,7.222,0,0,1,202.308,462.667Z" fill="#fff"/>
<path d="M275.466,372.9v96.715h-9.051l-2.6-11.9c-2.232,8.432-9.919,13.392-20.707,13.392-17.731,0-28.27-13.392-28.27-34.967,0-21.45,10.539-35.338,29.138-35.338,10.416,0,16.863,4.34,19.715,12.275V372.9Zm-47.985,62.989c0,15.127,5.208,26.038,18.227,26.038,13.143,0,18.351-10.911,18.351-26.038,0-15-5.208-25.915-18.227-25.915C232.689,409.97,227.481,420.881,227.481,435.885Z" fill="#fff"/>
<path d="M345.775,467.627a63.935,63.935,0,0,1-19.592,2.976c-12.275,0-19.591-3.472-24.3-8.308-5.7-5.828-8.555-14.879-8.555-26.163,0-22.07,10.911-35.462,29.51-35.462,10.292,0,17.979,4.092,22.319,11.655s4.34,17.607,4.34,26.411H305.724c0,14.631,7.068,22.938,21.079,22.938a54.284,54.284,0,0,0,17.979-3.6h.992ZM337.219,430.3c0-13.516-4.464-20.955-14.756-20.955-10.787,0-15.747,8.06-16.739,20.955Z" fill="#fff"/>
<path d="M404.178,413.566h-.992s-7.812-3.224-15.375-3.224c-7.687,0-11.779,3.348-11.779,8.184,0,13.268,31,9.547,31,32.486,0,13.639-11.035,19.591-25.542,19.591-10.788,0-17.607-3.348-17.607-3.348v-9.8h.992s9.175,4.092,17.73,4.092c8.184,0,12.523-3.72,12.523-9.3,0-14.755-31-10.787-31-32.114,0-11.531,8.928-18.847,24.3-18.847a50.848,50.848,0,0,1,15.747,2.48Z" fill="#fff"/>
<path d="M467.54,468.37a48.211,48.211,0,0,1-14.879,2.232c-20.831,0-32.362-13.02-32.362-34.595s11.531-34.718,32.362-34.718a49.205,49.205,0,0,1,14.879,2.232v9.795h-.991a35.907,35.907,0,0,0-13.392-2.852c-13.02,0-20.211,9.424-20.211,25.171s7.191,25.79,20.211,25.79a36.735,36.735,0,0,0,13.392-2.852h.991Z" fill="#fff"/>
</g>
</svg>
@@ -0,0 +1,13 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<title>list</title>
<g>
<rect x="153.957" y="44" width="312.057" height="64" fill="#fff"/>
<rect x="153.957" y="164" width="312.057" height="64" fill="#fff"/>
<rect x="153.957" y="284" width="312.057" height="64" fill="#fff"/>
<rect x="153.957" y="404" width="312.057" height="64" fill="#fff"/>
<path d="M80.009,120V50.419L62.1,56.3h-.9V40.314L87.172,32h13.942v88Z" fill="#fff"/>
<path d="M110.157,240H52.165V225.819c21.526-21.652,34.948-33.807,34.948-46.469,0-7.344-4.559-11.776-14.435-11.776-8.231,0-18.487,3.166-18.487,3.166H53.3V154.786A96.017,96.017,0,0,1,75.843,152c23.425,0,33.554,10.256,33.554,24.691,0,19.246-17.727,31.908-33.681,46.849h34.441Z" fill="#fff"/>
<path d="M60.227,306.974h9.9c4.388,0,8.147,0,11.783-2.131a8.687,8.687,0,0,0,4.513-8.023c0-5.892-3.886-9.4-13.288-9.4-8.775,0-18.929,3.134-18.929,3.134h-1v-15.67A87.425,87.425,0,0,1,75.521,272c21.06,0,32.592,8.148,32.592,22.063,0,10.906-7.145,17.424-16.922,19.681,10.906,1.755,18.8,8.9,18.8,20.809,0,15.92-14.165,25.447-36.855,25.447-12.535,0-20.809-2.883-20.809-2.883v-15.67h.878s10.029,3.134,19.3,3.134c10.405,0,15.8-4.011,15.8-10.781a9.937,9.937,0,0,0-5.014-9.026c-3.761-2.131-8.9-2.131-13.288-2.131H60.227Z" fill="#fff"/>
<path d="M104.057,462.86V480H84.87V462.86H45.987V447.767L80.266,392h23.791v54.744h12.279V462.86ZM84.87,446.744V413.233L64.4,446.744Z" fill="#fff"/>
</g>
</svg>
@@ -19,23 +19,14 @@
}
.definition-list dt {
width: 100%;
padding-right: 3px;
font-size: 12px;
color: $gray-500;
display: block;
display: inline;
position: relative;
background-color: inherit;
}
.definition-list dd:before {
content: " ";
position: absolute;
background-image: url(/assets/images/icons/dot.svg);
background-size: 4px;
right: 0%;
height: 24px;
width: 100vw;
background-repeat: repeat-x;
display: inline-block;
z-index: 1;
}
.definition-list dd + dd {
@@ -44,11 +35,38 @@
.definition-list dd {
padding-left: 8px;
max-width: 50%;
position: relative;
display: block;
text-align: right;
margin-top: -22px;
padding-bottom: 20px;
right: 0;
z-index: 0;
text-shadow:
1px 2px 2px #fff,
2px 2px 2px #fff,
3px 2px 2px #fff,
4px 2px 2px #fff,
5px 2px 2px #fff,
6px 2px 2px #fff,
-1px 2px 1px #fff,
-2px 2px 1px #fff,
-3px 2px 2px #fff,
-4px 2px 2px #fff,
-5px 2px 2px #fff,
-6px 2px 2px #fff;
}
.definition-list dd:before {
content: "";
position: absolute;
left: 0;
width: 100%;
display: inline;
overflow: hidden;
height: 1em;
margin-top: 1px;
margin-left: -20px;
border-bottom: 1px dotted $gray-300;
z-index: -2;
}
@@ -1,20 +0,0 @@
<dl class="definition-list">
<dt>Firefox</dt>
<dd>A free, open source, cross-platform,
graphical web browser developed by the
Mozilla Corporation and hundreds of
volunteers.</dd>
<dd>The Red Panda also known as the Lesser
Panda, Wah, Bear Cat or Firefox, is a
mostly herbivorous mammal, slightly larger
than a domestic cat (60 cm long).</dd>
<dt>Firefox</dt>
<dd>A free, open source, cross-platform,
graphical web browser developed by the
Mozilla Corporation and hundreds of
volunteers.</dd>
<dd>The Red Panda also known as the Lesser
Panda, Wah, Bear Cat or Firefox, is a
mostly herbivorous mammal, slightly larger
than a domestic cat (60 cm long).</dd>
</dl>
@@ -1,9 +0,0 @@
<dl class="definition-list">
<dt>Firefox</dt>
<dt>Mozilla Firefox</dt>
<dt>Fx</dt>
<dd>A free, open source, cross-platform,
graphical web browser developed by the
Mozilla Corporation and hundreds of
volunteers.</dd>
</dl>

0 comments on commit cab3beb

Please sign in to comment.