Permalink
Browse files

Added less stuff

  • Loading branch information...
1 parent d84b645 commit 9816e7e7bf940cc78dc6f0724be5ce709362f656 @adamcbrewer committed Nov 1, 2012
Showing with 834 additions and 5 deletions.
  1. +1 −5 assets/css/core.css
  2. +153 −0 assets/less/core.less
  3. +680 −0 assets/less/libs/css3.less
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,153 @@
+/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
+ core.css
+ Contains core styles
+ Created at:
+ Created by:
+
+ @credits
+ This site uses a modification on the SMACSS design - http://smacss.com/ - by @snookca
+
+
+=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
+
+/* ====================================================
+ LESS IMPORTS
+==================================================== */
+
+@import "libs/css3.less";
+
+
+
+
+/* ====================================================
+ LESS VARS
+==================================================== */
+@c-bg: #FFF;
+@c-copy: #333;
+
+
+
+
+/* ====================================================
+ BASE STYLES
+
+ Base rules are the defaults. They are almost exclusively
+ single element selectors but it could include attribute selectors,
+ pseudo-class selectors, child selectors or sibling selectors.
+ Essentially, a base style says that wherever this element is on the page,
+ it should look like...
+==================================================== */
+
+* {
+ /* Paul Irish's suggestion: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
+ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+
+ /* Chris Coyier's suggestions */
+ background-repeat: no-repeat;
+ vertical-align: middle;
+}
+
+
+::-moz-selection{ background:#333; color:#F8F8F8; text-shadow:none; }
+::selection { background:#333; color:#F8F8F8; text-shadow:none; }
+
+html, body { -web-font-smoothing: antialiased; }
+
+::-webkit-input-placeholder {}
+:-moz-placeholder {}
+[type=search] {
+ /* resets webkit styling on search inputs */
+ -webkit-appearance: none;
+}
+/* Style the webkit validation message for forms */
+::-webkit-validation-bubble-message {
+ padding: 40px;
+}
+
+a {}
+a:link {}
+a:visited {}
+a:hover {}
+a:active {}
+a:focus {}
+
+input:required {}
+input:optional {}
+input:valid {}
+input:invalid {}
+input:default {}
+input:focus {}
+
+input:enabled {}
+input:disabled {}
+input:checked {}
+input:indeterminate {} /* un-selected radio buttons :) */
+
+::-webkit-input-placeholder {}
+:-moz-placeholder {}
+
+/* ====================================================
+ LAYOUT STYLES
+
+ Layout rules divide the page into sections.
+ Layouts hold one or more modules together.
+==================================================== */
+
+
+
+/* ====================================================
+ MODULES STYLES
+
+ Modules are the reusable, modular parts of our design.
+ They are the callouts, the sidebar sections, the product lists and so on.
+==================================================== */
+
+
+
+/* ====================================================
+ STATES STYLES
+
+ State rules are ways to describe how our modules or layouts will
+ look when in a particular state.
+ Is it hidden or expanded? Is it active or inactive?
+ They are about describing how a module or layout looks on screens that are smaller or bigger.
+ They are also about describing how a module might look in different
+ views like the home page or the inside page.
+==================================================== */
+
+
+
+
+/* ==|== Media Queries ======================================================
+ PLACEHOLDER Media Queries for Responsive Design.
+ Modify as content requires.
+
+ Notes:
+ MOBILE FIRST - use min-width (lowest first) and style upwards
+ MOBILE RESPONSIVE - use max-width (highest first) and style downwards
+
+ Never set breakpoints for devices, only when the design requires it.
+========================================================================== */
+
+@media (max-width: 1000px) {}
+
+
+/* ==|== print styles =======================================================
+ Print styles.
+ Inlined to avoid required HTTP connection: h5bp.com/r
+ ========================================================================== */
+
+@media print {
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+ a, a:visited { text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; } /* h5bp.com/t */
+ tr, img { page-break-inside: avoid; }
+ img { max-width: 100% !important; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3 { page-break-after: avoid; }
+}
Oops, something went wrong.

0 comments on commit 9816e7e

Please sign in to comment.