This repository has been archived by the owner on Jan 23, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
23 changed files
with
1,446 additions
and
757 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,6 @@ | ||
| <style>@font-face{font-family:'FontAwesome';src:url(fontawesome-webfont.woff?do-not-preload) format('woff');font-weight:normal;font-style:normal}</style><dom-module id="cs-icon"><link rel="import" href="style.css" type="css"><template><i hidden="[[multiple]]" class$="[[regular]]"></i><span class="fa-stack" hidden="[[!multiple]]"><i class$="[[stacked1]]"></i><i class$="[[stacked2]]"></i></span></template><script src="script.js"></script></dom-module> | ||
| <style>@font-face { | ||
| font-family : 'FontAwesome'; | ||
| src : url(fontawesome-webfont.woff?do-not-preload) format('woff'); | ||
| font-weight : normal; | ||
| font-style : normal | ||
| }</style><dom-module id="cs-icon"><link rel="import" href="style.css" type="css"><template><i hidden="[[multiple]]" class$="[[regular]]"></i><span class="fa-stack" hidden="[[!multiple]]"><i class$="[[stacked1]]"></i><i class$="[[stacked2]]"></i></span></template><script src="script.js"></script></dom-module> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
93 changes: 42 additions & 51 deletions
93
includes/html/CleverStyle Widgets/cs-input-text/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,51 +1,42 @@ | ||
| <style is="custom-style"> | ||
| /** | ||
| * @package CleverStyle Widgets | ||
| * @author Nazar Mokrynskyi <[email protected]> | ||
| * @copyright Copyright (c) 2015-2016, Nazar Mokrynskyi | ||
| * @license MIT License, see license.txt | ||
| */ | ||
| html /deep/ input[is=cs-input-text] { | ||
| background-color : #fff; | ||
| border : none; | ||
| color : inherit; | ||
| vertical-align : middle; | ||
|
|
||
| @apply --cs-global; | ||
| @apply --cs-input-text; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][compact] { | ||
| width : auto; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][full-width] { | ||
| width : 100%; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:active { | ||
| @apply --cs-input-text-active; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:focus { | ||
| outline : none; | ||
|
|
||
| @apply --cs-input-text-hover; | ||
| @apply --cs-input-text-focus; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:hover { | ||
| @apply --cs-input-text-hover; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][disabled] { | ||
| cursor : not-allowed; | ||
|
|
||
| @apply --cs-input-text-disabled; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][readonly] { | ||
| @apply --cs-input-text-readonly; | ||
| } | ||
| </style> | ||
| <script src="script.js"></script> | ||
| <style is="custom-style">html /deep/ input[is=cs-input-text] { | ||
| background-color : #fff; | ||
| border : none; | ||
| color : inherit; | ||
| vertical-align : middle; | ||
|
|
||
| @apply --cs-global; | ||
| @apply --cs-input-text; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][compact] { | ||
| width : auto; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][full-width] { | ||
| width : 100%; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:active { | ||
| @apply --cs-input-text-active; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:focus { | ||
| outline : none; | ||
|
|
||
| @apply --cs-input-text-hover; | ||
| @apply --cs-input-text-focus; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:hover { | ||
| @apply --cs-input-text-hover; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][disabled] { | ||
| cursor : not-allowed; | ||
|
|
||
| @apply --cs-input-text-disabled; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][readonly] { | ||
| @apply --cs-input-text-readonly; | ||
| }</style><script src="script.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| style(is="custom-style"). | ||
| html /deep/ input[is=cs-input-text] { | ||
| background-color : #fff; | ||
| border : none; | ||
| color : inherit; | ||
| vertical-align : middle; | ||
|
|
||
| @apply --cs-global; | ||
| @apply --cs-input-text; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][compact] { | ||
| width : auto; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][full-width] { | ||
| width : 100%; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:active { | ||
| @apply --cs-input-text-active; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:focus { | ||
| outline : none; | ||
|
|
||
| @apply --cs-input-text-hover; | ||
| @apply --cs-input-text-focus; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text]:hover { | ||
| @apply --cs-input-text-hover; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][disabled] { | ||
| cursor : not-allowed; | ||
|
|
||
| @apply --cs-input-text-disabled; | ||
| } | ||
|
|
||
| html /deep/ input[is=cs-input-text][readonly] { | ||
| @apply --cs-input-text-readonly; | ||
| } | ||
| script(src="script.js") |
111 changes: 54 additions & 57 deletions
111
includes/html/CleverStyle Widgets/cs-progress/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,69 +1,66 @@ | ||
| <style is="custom-style"> | ||
| html /deep/ progress[is=cs-progress] { | ||
| appearance : none; | ||
| -moz-appearance : none; | ||
| -webkit-appearance : none; | ||
| border : none; | ||
| display : inline-block; | ||
| vertical-align : middle; | ||
| <style is="custom-style">html /deep/ progress[is=cs-progress] { | ||
| appearance : none; | ||
| -moz-appearance : none; | ||
| -webkit-appearance : none; | ||
| border : none; | ||
| display : inline-block; | ||
| vertical-align : middle; | ||
|
|
||
| @apply --cs-no-selection; | ||
| @apply --cs-global; | ||
| @apply --cs-button; | ||
| @apply --cs-button-disabled; | ||
| @apply --cs-progress; | ||
| } | ||
| @apply --cs-no-selection; | ||
| @apply --cs-global; | ||
| @apply --cs-button; | ||
| @apply --cs-button-disabled; | ||
| @apply --cs-progress; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][hidden] { | ||
| display : none; | ||
| } | ||
| html /deep/ progress[is=cs-progress][hidden] { | ||
| display : none; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][full-width] { | ||
| width : 100%; | ||
| } | ||
| html /deep/ progress[is=cs-progress][full-width] { | ||
| width : 100%; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::-webkit-progress-bar { | ||
| background : inherit; | ||
| } | ||
| html /deep/ progress[is=cs-progress]::-webkit-progress-bar { | ||
| background : inherit; | ||
| } | ||
|
|
||
| /* Some declarations will be duplicated for each browser, otherwise they fail to apply */ | ||
| html /deep/ progress[is=cs-progress]::-moz-progress-bar { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
| /* Some declarations will be duplicated for each browser, otherwise they fail to apply */ | ||
| html /deep/ progress[is=cs-progress]::-moz-progress-bar { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::-webkit-progress-value { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
| html /deep/ progress[is=cs-progress]::-webkit-progress-value { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::before { | ||
| content : attr(text); | ||
| display : block; | ||
| height : inherit; | ||
| text-align : center; | ||
| width : inherit; | ||
| html /deep/ progress[is=cs-progress]::before { | ||
| content : attr(text); | ||
| display : block; | ||
| height : inherit; | ||
| text-align : center; | ||
| width : inherit; | ||
|
|
||
| @apply --cs-progress-text; | ||
| } | ||
| @apply --cs-progress-text; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary] { | ||
| @apply --cs-button-primary-disabled; | ||
| @apply --cs-progress-primary; | ||
| } | ||
| html /deep/ progress[is=cs-progress][primary] { | ||
| @apply --cs-button-primary-disabled; | ||
| @apply --cs-progress-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::-moz-progress-bar { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
| html /deep/ progress[is=cs-progress][primary]::-moz-progress-bar { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::-webkit-progress-value { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
| html /deep/ progress[is=cs-progress][primary]::-webkit-progress-value { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::before { | ||
| @apply --cs-progress-text-primary; | ||
| } | ||
| </style> | ||
| <script src="script.js"></script> | ||
| html /deep/ progress[is=cs-progress][primary]::before { | ||
| @apply --cs-progress-text-primary; | ||
| }</style><script src="script.js"></script> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| style(is="custom-style"). | ||
| html /deep/ progress[is=cs-progress] { | ||
| appearance : none; | ||
| -moz-appearance : none; | ||
| -webkit-appearance : none; | ||
| border : none; | ||
| display : inline-block; | ||
| vertical-align : middle; | ||
|
|
||
| @apply --cs-no-selection; | ||
| @apply --cs-global; | ||
| @apply --cs-button; | ||
| @apply --cs-button-disabled; | ||
| @apply --cs-progress; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][hidden] { | ||
| display : none; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][full-width] { | ||
| width : 100%; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::-webkit-progress-bar { | ||
| background : inherit; | ||
| } | ||
|
|
||
| /* Some declarations will be duplicated for each browser, otherwise they fail to apply */ | ||
| html /deep/ progress[is=cs-progress]::-moz-progress-bar { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::-webkit-progress-value { | ||
| @apply --cs-button; | ||
| @apply --cs-progress-bar; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress]::before { | ||
| content : attr(text); | ||
| display : block; | ||
| height : inherit; | ||
| text-align : center; | ||
| width : inherit; | ||
|
|
||
| @apply --cs-progress-text; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary] { | ||
| @apply --cs-button-primary-disabled; | ||
| @apply --cs-progress-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::-moz-progress-bar { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::-webkit-progress-value { | ||
| @apply --cs-button-primary; | ||
| @apply --cs-progress-bar-primary; | ||
| } | ||
|
|
||
| html /deep/ progress[is=cs-progress][primary]::before { | ||
| @apply --cs-progress-text-primary; | ||
| } | ||
| script(src="script.js") |
26 changes: 7 additions & 19 deletions
26
includes/html/CleverStyle Widgets/cs-section-modal/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,9 @@ | ||
| <style is="custom-style"> | ||
| body { | ||
| @apply --cs-section-modal-body; | ||
| } | ||
| <style is="custom-style">body { | ||
| @apply --cs-section-modal-body; | ||
| } | ||
|
|
||
| body[modal-opened] { | ||
| overflow : hidden; | ||
| body[modal-opened] { | ||
| overflow : hidden; | ||
|
|
||
| @apply --cs-section-modal-body-open; | ||
| } | ||
| </style> | ||
| <dom-module id="cs-section-modal"> | ||
| <link href="style.css" rel="import" type="css"> | ||
| <template> | ||
| <div id="overlay"></div> | ||
| <div id="content"> | ||
| <content></content> | ||
| </div> | ||
| </template> | ||
| <script src="script.js"></script> | ||
| </dom-module> | ||
| @apply --cs-section-modal-body-open; | ||
| }</style><dom-module id="cs-section-modal"><link href="style.css" rel="import" type="css"><template><div id="overlay"></div><div id="content"><content></content></div></template><script src="script.js"></script></dom-module> |
Oops, something went wrong.