diff options
| author | Jakob Odersky <jakob@driver.xyz> | 2018-09-21 15:13:48 -0700 |
|---|---|---|
| committer | Jakob Odersky <jakob@driver.xyz> | 2018-09-21 15:13:48 -0700 |
| commit | 1df1ca79efb8b070e914bf2c293e99cf9321600c (patch) | |
| tree | b716c7f50320e3c11ddfcd47a07cb5875fde49c1 /css.html | |
| download | best-practices-1df1ca79efb8b070e914bf2c293e99cf9321600c.tar.gz best-practices-1df1ca79efb8b070e914bf2c293e99cf9321600c.tar.bz2 best-practices-1df1ca79efb8b070e914bf2c293e99cf9321600c.zip | |
Publish website
Diffstat (limited to 'css.html')
| -rw-r--r-- | css.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/css.html b/css.html new file mode 100644 index 0000000..266da93 --- /dev/null +++ b/css.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> + <head> + <meta charset="utf-8" /> + <meta name="generator" content="pandoc" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="dcterms.date" content="2018-09-21" /> + <title>Style Guide</title> + <style type="text/css"> + code{white-space: pre-wrap;} + span.smallcaps{font-variant: small-caps;} + span.underline{text-decoration: underline;} + div.column{display: inline-block; vertical-align: top; width: 50%;} + </style> + <link rel="stylesheet" href="assets/lib/bootstrap/bootstrap.min.css"> + <link rel="stylesheet" href="assets/lib/fontawesome/css/font-awesome.min.css"> + <link rel="stylesheet" href="assets/stylesheets/main.css"> + </head> + <body> + <header class="container"> + <div style="text-align: center;"> + <h1>Style Guide</h1> + <p class="subtitle">Software Engineering at Driver</p> + <nav class="my-4"> + <a class="btn btn-light" href="css.html"> + <img src="assets/images/css.svg" width="16px" class="img-fluid"> + CSS + </a> + <a class="btn btn-light" href="git.html"> + <img src="assets/images/git.png" width="16px" class="img-fluid"> + Git + </a> + <a class="btn btn-light" href="html.html"> + <img src="assets/images/html5.svg" width="16px" class="img-fluid"> + HTML + </a> + <a class="btn btn-light" href="javascript.html"> + <img src="assets/images/javascript.png" width="16px" class="img-fluid"> + JavaScript + </a> + <a class="btn btn-light" href="scala.html"> + <img src="assets/images/scala.png" width="16px" class="img-fluid"> + Scala + </a> + <a class="btn btn-light" href="shell-script.html"> + <img src="assets/images/bash.svg" width="16px" class="img-fluid"> + Shell Script + </a> + </nav> + </div> + </header> + <div class="container"> + This guide recommends stylistic and architectural best + practices, designed to make your code easier for others to + understand. It offers <em>guidelines</em> not <em>rules</em>, + and there are situations in which the advice offered + should be actively ignored. + <hr> + </div> + <main class="container"> + <h2 id="css">CSS</h2> +<ul> +<li><p>Prefer Flexbox</p></li> +<li><p>Classes should describe elements and not be generic (<code>Bigbox</code> -> <code>FAQContainer</code>)</p></li> +<li><p>Mobile: <= 620px</p></li> +<li><p>Tablet: 620px - 1024px</p></li> +<li><p>Desktop: > 1024px</p></li> +</ul> + </main> + <footer class="small mt-6 mb-1"> + <span class="date">2018-09-21</span> + | <a href="https://github.com/drivergroup/best-practices/blob/master/guides/css.md" style="display: inline-block;"><i class="fa fa-github"></i> Edit on GitHub</a> + </footer> + </body> +</html> |