This repository has been archived by the owner on Dec 27, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
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
35 changed files
with
2,573 additions
and
2,433 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 @@ | ||
| node_modules | ||
| node_modules |
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,26 +1,46 @@ | ||
| # Change Log | ||
| All notable changes to this project will be documented in this file. | ||
|
|
||
|
|
||
| ## [Unreleased] | ||
| nothing since last release | ||
|
|
||
|
|
||
| ## [1.0.23] - 2016-07-31 | ||
| ### Added | ||
| - center-functions [.center(), .centerX().centerY()] | ||
|
|
||
| - key element: a container to present key visuals, claims or slogans | ||
| - bar element: for vertical alignment and horizontal distribution, such as navigation bars or inline forms | ||
| - pagination | ||
| - tab variation: tab-vFullscreen | ||
|
|
||
| ### Changed | ||
| - monoFont to 'Source Code Pro' | ||
| - .tab label is now called .tab-label to increase the sturdiness | ||
| - .media-image.small is now called .media-image.media-image-vSmall to increase consistency | ||
| - breadcrumb items are now namespaced | ||
|
|
||
| ### Fixed | ||
| - placeholder.svg is now linked correctly in image.less | ||
| - Tabs works again | ||
|
|
||
|
|
||
| ## [1.0.22] - 2016-07-28 | ||
| ### Removed | ||
| - removed doc styles | ||
|
|
||
|
|
||
| ## [1.0.21] - 2016-07-24 | ||
| ### Added | ||
| - several slider styles | ||
|
|
||
|
|
||
| ## [1.0.20] - 2016-07-23 | ||
| - Changelog started here | ||
|
|
||
|
|
||
| [Unreleased]: https://github.com/viur-ignite/viur-ignite-css/compare/1.0.22...master | ||
| [Unreleased]: https://github.com/viur-ignite/viur-ignite-css/compare/1.0.23...master | ||
| [1.0.23]: https://github.com/viur-ignite/viur-ignite-css/compare/1.0.22...1.0.23 | ||
| [1.0.22]: https://github.com/viur-ignite/viur-ignite-css/compare/1.0.21...1.0.22 | ||
| [1.0.21]: https://github.com/viur-ignite/viur-ignite-css/compare/1.0.20...1.0.21 | ||
| [1.0.20]: https://github.com/viur-ignite/viur-ignite-css/compare/02a8706fb892b091bfa913d3194736a5d5a1ef4a...1.0.20 |
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
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
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
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
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,90 @@ | ||
| @charset "UTF-8"; | ||
| /** | ||
| * HORIZONTAL BAR | ||
| * | ||
| * The .bar element is a horizontal stripe that can contain any other item. | ||
| * Use it for vertical alignment and horizontal distribution, such as navigation bars or inline forms. | ||
| */ | ||
|
|
||
|
|
||
| @barBackgroundColor: @backgroundColor; | ||
|
|
||
| .bar { | ||
| align-items: stretch; | ||
| display: flex; | ||
| min-height: 35px; | ||
| position: relative; | ||
| text-align: center; | ||
| justify-content: space-between; | ||
| } | ||
|
|
||
| .barGroup { | ||
| display: flex; | ||
| align-items: center; | ||
| .btn:not(:last-child), | ||
| .bar-item:not(:last-child), | ||
| .bar-link:not(:last-child) {margin-right: 10px;} | ||
| } | ||
|
|
||
| .barGroup-vLeft {justify-content: flex-start;} | ||
| .barGroup-vCenter {justify-content: center;} | ||
| .barGroup-vRight {justify-content: flex-end;} | ||
|
|
||
| .barGroup-vNav { | ||
| align-items: stretch; | ||
| & .bar-item { | ||
| padding: 10px; | ||
| display:flex; | ||
| align-items: center; | ||
| border-bottom: 1px solid #ccc; | ||
| } | ||
| &.barGroup .bar-link { | ||
| justify-content: center; | ||
| padding: 10px; | ||
| margin-right:0; | ||
| border-bottom: 1px solid @mainColor; | ||
| } | ||
| & .bar-link:hover { | ||
| background-color: darken(@barBackgroundColor,2%); | ||
| border-bottom: 1px solid lighten(@mainColor,10%); | ||
| } | ||
| } | ||
|
|
||
| .bar-link { | ||
| align-items: center; | ||
| display: flex; | ||
| } | ||
|
|
||
|
|
||
| // => Bar Media Queries | ||
|
|
||
| .media-mixin(@break) when (@break = @breakSmall) { | ||
| } | ||
|
|
||
| .media-mixin(@break) when (@break = @breakMedium) { | ||
| .bar {display:block; text-align:left;} | ||
| .barGroup { | ||
| display: block; | ||
| &:not(:last-child) { | ||
| margin-bottom: 10px; | ||
| padding-bottom: 10px; | ||
| border-bottom: 1px solid #ccc; | ||
| } | ||
| .btn:not(:last-child), | ||
| .bar-item:not(:last-child), | ||
| .bar-link:not(:last-child) {margin-right: 0; margin-bottom: 10px;} | ||
| &.barGroup-vNav .bar-link {margin-bottom: 0;} | ||
| .btn, | ||
| .bar-item, | ||
| .bar-link {display: block; width: 100%;} | ||
| } | ||
| } | ||
|
|
||
| .media-mixin(@break) when (@break = @breakLarge) { | ||
| } | ||
|
|
||
| .media-mixin(@break) when (@break = @break2x) { | ||
| } | ||
|
|
||
| .media-mixin(@break) when (@break = @breakPrint) { | ||
| } |
Oops, something went wrong.