Skip to content

Commit

Permalink
Css Min
Browse files Browse the repository at this point in the history
  • Loading branch information
@hipertextos
hipertextos committed Apr 6, 2019
1 parent 73881bf commit d97db49
Show file tree
Hide file tree
Showing 7 changed files with 98 additions and 5 deletions.
61 changes: 61 additions & 0 deletions docs/components.html
View file
Expand Up @@ -978,7 +978,68 @@ <h2 id="section-colors"><u>Colors</u></h2>
<input type="checkbox" id="sample-colors" name="sample-colors" hidden>
<div hidden>
<pre contentEditable="true">
&lt;div class="flex-grid-8"&gt;
&lt;section class="panel txt-color-softyellow"&gt;&lt;p&gt;txt-color-softyellow&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softorange"&gt;&lt;p&gt;txt-color-softorange&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softred"&gt;&lt;p&gt;txt-color-softred&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softmagenta"&gt;&lt;p&gt;txt-color-softmagenta&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softviolet"&gt;&lt;p&gt;txt-color-softviolet&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softblue"&gt;&lt;p&gt;txt-color-softblue&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softturquoise"&gt;&lt;p&gt;txt-color-softturquoise&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softgreen"&gt;&lt;p&gt;txt-color-softgreen&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class="flex-grid-8"&gt;
&lt;section class="panel txt-color-yellow"&gt;&lt;p&gt;txt-color-yellow&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-orange"&gt;&lt;p&gt;txt-color-orange&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-red"&gt;&lt;p&gt;txt-color-red&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-magenta"&gt;&lt;p&gt;txt-color-magenta&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-violet"&gt;&lt;p&gt;txt-color-violet&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-blue"&gt;&lt;p&gt;txt-color-blue&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-turquoise"&gt;&lt;p&gt;txt-color-turquoise&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-green"&gt;&lt;p&gt;txt-color-green&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class="flex-grid-6"&gt;
&lt;section class="panel txt-color-white"&gt;&lt;p&gt;txt-color-white&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softgrey"&gt;&lt;p&gt;txt-color-softgrey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-grey"&gt;&lt;p&gt;txt-color-grey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-hardgrey"&gt;&lt;p&gt;txt-color-hardgrey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-softblack"&gt;&lt;p&gt;txt-color-softblack&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel txt-color-black"&gt;&lt;p&gt;txt-color-black&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
&lt;hr&gt;

&lt;div class="flex-grid-8"&gt;
&lt;section class="panel bg-color-softyellow"&gt;&lt;p&gt;bg-color-softyellow&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softorange"&gt;&lt;p&gt;bg-color-softorange&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softred"&gt;&lt;p&gt;bg-color-softred&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softmagenta"&gt;&lt;p&gt;bg-color-softmagenta&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softviolet"&gt;&lt;p&gt;bg-color-softviolet&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softblue"&gt;&lt;p&gt;bg-color-softblue&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softturquoise"&gt;&lt;p&gt;bg-color-softturquoise&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softgreen"&gt;&lt;p&gt;bg-color-softgreen&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class="flex-grid-8"&gt;
&lt;section class="panel bg-color-yellow"&gt;&lt;p&gt;bg-color-yellow&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-orange"&gt;&lt;p&gt;bg-color-orange&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-red"&gt;&lt;p&gt;bg-color-red&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-magenta"&gt;&lt;p&gt;bg-color-magenta&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-violet"&gt;&lt;p&gt;bg-color-violet&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-blue"&gt;&lt;p&gt;bg-color-blue&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-turquoise"&gt;&lt;p&gt;bg-color-turquoise&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-green"&gt;&lt;p&gt;bg-color-green&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
&lt;hr&gt;
&lt;div class="flex-grid-6"&gt;
&lt;section class="panel bg-color-white"&gt;&lt;p&gt;bg-color-white&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softgrey"&gt;&lt;p&gt;bg-color-softgrey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-grey"&gt;&lt;p&gt;bg-color-grey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-hardgrey"&gt;&lt;p&gt;bg-color-hardgrey&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-softblack"&gt;&lt;p&gt;bg-color-softblack&lt;/p&gt;&lt;/section&gt;
&lt;section class="panel bg-color-black"&gt;&lt;p&gt;bg-color-black&lt;/p&gt;&lt;/section&gt;
&lt;/div&gt;
</pre>
</div>
</div>
Expand Down
17 changes: 17 additions & 0 deletions src/styles/components.css
View file
Expand Up @@ -1396,6 +1396,23 @@ nav strong label mark {
color: rgba(0,0,0,.9);
}

/* Responsive helpers */

.mobile {
display: none;
}
.desktop {
display: block;
}
@media screen and (max-width: 1024px) {
.mobile {
display: block;
}
.desktop {
display: none;
}
}

/* Colors */

[class*='txt-color'], [class*='txt-color'] * { background-color: inherit !important; }
Expand Down
2 changes: 1 addition & 1 deletion src/styles/components.min.css
View file

Large diffs are not rendered by default.

18 changes: 17 additions & 1 deletion src/styles/screen.components.css
View file
Expand Up @@ -726,7 +726,6 @@ nav {
border-bottom: 1px solid currentColor;
display: block;
line-height: 32px;
margin-bottom: -15px;
position: relative;
}
nav a,
Expand Down Expand Up @@ -2650,6 +2649,23 @@ nav strong label mark {
color: rgba(0,0,0,.9);
}

/* Responsive helpers */

.mobile {
display: none;
}
.desktop {
display: block;
}
@media screen and (max-width: 1024px) {
.mobile {
display: block;
}
.desktop {
display: none;
}
}

/* Colors */

[class*='txt-color'], [class*='txt-color'] * { background-color: inherit !important; }
Expand Down
2 changes: 1 addition & 1 deletion src/styles/screen.components.min.css
View file

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion src/styles/screen.css
View file
Expand Up @@ -726,7 +726,6 @@ nav {
border-bottom: 1px solid currentColor;
display: block;
line-height: 32px;
margin-bottom: -15px;
position: relative;
}
nav a,
Expand Down

0 comments on commit d97db49

Please sign in to comment.