Random Snippets

helpful things

by pixeloco

HTML

//choppy iOS scrolling:
html
    -webkit-overflow-scrolling: touch


//remove rounded corners from iOS form fields
input[type=text] //or search, etc. dont just use input or will hide checkboxes
	-webkit-appearance: none
	-webkit-border-radius: 0
	border-radius: 0


<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at pretium diam. Sed ornare mattis metus, tristique interdum velit maximus vel.</li>
    <li>Sed venenatis vehicula semper. Fusce vel dolor justo. Suspendisse ac ex tempor ipsum bibendum euismod quis rutrum ipsum.</li>
    <li>Duis ac fermentum sem, sit amet malesuada lacus. Nam vel vestibulum erat. Pellentesque vitae magna dapibus, iaculis turpis id, facilisis dolor. Proin sem sem, mattis non sagittis nec, gravida ac nisl.</li>
</ul>

CSS

ul {
    padding: 0;
    margin-left: 20px; 
    list-style: none;
}

li {
    position: relative;
    color: black;
    margin-bottom: 10px;
}

li:before {
    color: red;
    content: "\2022"; /*ascii for bullet*/
    position: absolute;
    margin-left: -20px; /*same value as ul, but negative */
}