grovesdm
12/4/2018 - 9:34 AM

HTML Forms Styling

A selection of styling tips for HTML forms

forms.md
content_copyfile_download
  • Rendered
  • Source

I could just write in md

input,
select,
textarea {
    background-color: #fff;
\!h    border-color: #e0e0e0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
    color: #474e57;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    width: 100%;
}
text.scss
content_copyfile_download
Here are AWS permissions for publicly-readable S3 buckets:

```ruby
{
  "Version": "2008-10-17",
  "Statement": [{
\!h     "Sid": "AllowPublicRead",
    "Effect": "Allow",
    "Principal": { "AWS": "*" },
    "Action": ["s3:GetObject"],
\!h     "Resource": ["arn:aws:s3:::bucket/*" ]
  }]
}
```