mirror_php/patternlab-php
1
0
Fork 0
mirror of https://github.com/pattern-lab/patternlab-php.git synced 2025-01-17 06:08:23 +01:00
Code Issues Releases Wiki Activity

Remove states.css and rolled into styleguide.css

Browse Source
This commit is contained in:
Brad Frost 2014-03-16 01:32:56 -04:00
parent 8342f39878
commit 6cf6821a0e
4 changed files with 91 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
core/styleguide/css/states.css
View File

@ -1,47 +0,0 @@
/* basic styling */
.sg-pattern-state:before {
margin-right: 4px;
content: "\2022";
display: inline-block;
margin-bottom: -4px;
font-size: 18px;
vertical-align: bottom;
}
/* nav styling */
.sg-nav .sg-pattern-state:before {
margin-top: -4px;
margin-bottom: 0;
margin-left: -4px;
height: 20px;
display: block;
float: left;
}
.sg-sub-nav .sg-pattern-state:before {
margin-left: -11px;
margin-right: 4px;
}
/* call out for pattern's pattern state */
span.sg-pattern-state {
color: #999;
}
span.sg-pattern-state:before {
margin-bottom: -3px;
margin-left: 4px;
}
/* pattern states */
.inprogress:before {
color: #FF4136 !important;
}
.inreview:before {
color: #FFCC00 !important;
}
.complete:before {
color: #2ECC40 !important;
}

44
core/styleguide/css/styleguide.css
View File

@ -317,6 +317,46 @@
display: inline-block;
margin-right: 0.4em; }
/* basic styling */
.sg-pattern-state:before {
margin-right: 4px;
content: "\2022";
display: inline-block;
margin-bottom: -4px;
font-size: 18px;
vertical-align: bottom; }
/* nav styling */
.sg-nav .sg-pattern-state:before {
margin-top: -4px;
margin-bottom: 0;
margin-left: -4px;
height: 20px;
display: block;
float: left; }
.sg-sub-nav .sg-pattern-state:before {
margin-left: -11px;
margin-right: 4px; }
/* call out for pattern's pattern state */
span.sg-pattern-state {
color: #999; }
span.sg-pattern-state:before {
margin-bottom: -3px;
margin-left: 4px; }
/* pattern states */
.inprogress:before {
color: #FF4136 !important; }
.inreview:before {
color: #FFCC00 !important; }
.complete:before {
color: #2ECC40 !important; }
/*------------------------------------*\
$PATTERN LAB VIEWPORT
\*------------------------------------*/
@ -438,10 +478,6 @@
.sg-pattern-head a:hover {
color: #222222; }
/* Clean View */
.sg-clean .sg-main {
padding: 0; }
.sg-colors {
overflow: hidden; }
.sg-colors li {

57
core/styleguide/css/styleguide.scss
View File

@ -467,6 +467,56 @@ $animate-quick: 0.2s;
}
}
//Pattern States (active, inprogress, complete, etc)
/* basic styling */
.sg-pattern-state:before {
margin-right: 4px;
content: "\2022";
display: inline-block;
margin-bottom: -4px;
font-size: 18px;
vertical-align: bottom;
}
/* nav styling */
.sg-nav .sg-pattern-state:before {
margin-top: -4px;
margin-bottom: 0;
margin-left: -4px;
height: 20px;
display: block;
float: left;
}
.sg-sub-nav .sg-pattern-state:before {
margin-left: -11px;
margin-right: 4px;
}
/* call out for pattern's pattern state */
span.sg-pattern-state {
color: #999;
}
span.sg-pattern-state:before {
margin-bottom: -3px;
margin-left: 4px;
}
/* pattern states */
.inprogress:before {
color: #FF4136 !important;
}
.inreview:before {
color: #FFCC00 !important;
}
.complete:before {
color: #2ECC40 !important;
}
/*------------------------------------*\
@ -627,11 +677,6 @@ $animate-quick: 0.2s;
}
}
/* Clean View */
.sg-clean .sg-main {
padding: 0;
}
// Style Guide color swatches
.sg-colors {
overflow: hidden;
@ -724,7 +769,7 @@ $animate-quick: 0.2s;
display: block;
}
//Visually emphasize annotated elements
//Annotated elements Styles
.has-annotation {
cursor: help !important;
box-shadow: 0 0 10px $sg-secondary;

1
core/templates/index.mustache
View File

@ -14,7 +14,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styleguide/css/styleguide.css?{{ cacheBuster }}" media="all" />
<link rel="stylesheet" href="styleguide/css/vendor/typeahead.css?{{ cacheBuster }}" media="all" />
<link rel="stylesheet" href="styleguide/css/states.css?{{ cacheBuster }}" media="all" />
<link rel="stylesheet" href="styleguide/css/vendor/prism.css?{{ cacheBuster }}" media="all" />
<script src="styleguide/js/vendor/jquery.js"></script>