diff options
author | pdp8 <pdp8@pdp8.info> | 2022-08-22 00:52:15 +0200 |
---|---|---|
committer | pdp8 <pdp8@pdp8.info> | 2022-08-22 00:52:15 +0200 |
commit | e3c672f4648997dbe00624e09c63c990a8ea3596 (patch) | |
tree | 2b81023c89da84b09188d9bbbcc3d907faf8df6f /snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less | |
parent | 28792e4d504d59b5aeab70d66ea6be51c9c683b1 (diff) |
audio and video rendering, Fork-Awesome-1.2.0 included
Diffstat (limited to 'snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less')
-rw-r--r-- | snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less new file mode 100644 index 0000000..9bd2808 --- /dev/null +++ b/snippets/Fork-Awesome-1.2.0/src/doc/assets/less/site/jumbotron-carousel.less @@ -0,0 +1,75 @@ +@size: 220px; +#icon-carousel { + margin-top: @buffer-sm; + font-size: @size; + text-align: center; + line-height: @size + 30; + text-shadow: 0 2px 0 rgba(0,0,0,0.15); +} + +.carousel-control { + top: @size + 10px; + .square(30px); + border-width: 0; + font-size: 30px; + line-height: 25px; + left: 300/2 - 36px; + &.right { + left: auto; + right: 300/2 - 36px; + } + &.right, &.left { + background-image: none; + filter: none; + } +} + +.jumbotron-carousel { + padding-top: 40px; + .btn { + margin-top: @buffer-lg; + font-family: @font-family-serif; + font-size: 24px; + padding: 17px 30px; + color: @jumbotron-color; + border-color: mix(@jumbotron-color, @jumbotron-bg, 75%); + background-color: transparent; + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + &:hover { + background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); + color: @jumbotron-bg; + text-shadow: 0 -1px 0 @jumbotron-color; + } + } + .shameless-self-promotion { + margin-top: @buffer-lg; + font-size: @font-size-base; + line-height: @line-height-base; + color: mix(@jumbotron-color, @jumbotron-bg, 60%); + text-shadow: 0 1px 0 rgba(0,0,0,0.15); + a { + color: mix(@jumbotron-color, @jumbotron-bg, 80%); + border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%); + &:hover { + color: @jumbotron-color; + text-decoration: none; + border-bottom: solid 1px @jumbotron-color; + } + } + } + a { + color: mix(@jumbotron-color, @fa-green, 70%); + + // STATE: hover, focus, active + &:hover, &:focus, &:active { + border-color: @fa-green-dark; + background: @fa-green-dark; + color: @jumbotron-color; + } + + &.carousel-control:hover { + background: none; + } + } +} |