Additional popover styles

Additional popover styles

/*==========================
Framework7 Layouts Themes
==========================*/
.layout-dark {
    @pageBg: #222426;
    @barsBg: #131313;
    @barsBorder: #333;
    @barsText: #fff;
    @tabBarText: #fff;
    @text: #ddd;
    @lightText: #bbb;
    @strongText: #fff;
    @activeLink: #29292f;
    @blockBg: #1c1d1f;
    @blockBorder: #393939;
    @blockStrongBg: #1c1d1f;
    @dividerBg: #1a1a1a;
    @itemAfterText: @lightText;
    @searchbarBg: #333;
    @searchbarBorder: #333;
    @swipeoutButton: #444;
    @checkboxBorder: @blockBorder;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color:@text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover, .popover& {
        background: rgba(0,0,0,0.8);
        .popover-angle:after {
            background: rgba(0,0,0,0.8);
        }
        .list-block ul {
            background: none;
        }

    }
    .actions-popover .list-block ul {
        border-color: @blockBorder;
    }
    .actions-popover .actions-popover-label {
        border-bottom-color: @blockBorder;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-content {
        background: @blockBg;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link:active, label.label-checkbox:active, label.label-radio:active {
        background-color: @activeLink;
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }

}

/* === White layout === */
.layout-white {
    @pageBg: #fff;
    @barsBg: #fff;
    @barsBorder: #ddd;
    @barsText: #000;
    @tabBarText: #777;
    @text: #000;
    @lightText: #777;
    @strongText: #777;
    @activeLink: #eee;
    @blockBg: @pageBg;
    @blockBorder: #ddd;
    @blockStrongBg: #fafafa;
    @dividerBg: #f7f7f7;
    @itemAfterText: #8e8e93;
    @searchbarBg: #c9c9ce;
    @searchbarBorder: #b4b4b4;
    @swipeoutButton: #c7c7cc;
    @checkboxBorder: #e5e5e5;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color: @text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover-inner > .list-block ul {
        background: none;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-content {
        background: @blockBg;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link:active, label.label-checkbox:active, label.label-radio:active {
        background-color: @activeLink;
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }
}

/*==========================
Framework7 Layouts Themes
==========================*/
.layout-dark {
    @pageBg: #222426;
    @barsBg: #131313;
    @barsBorder: #333;
    @barsText: #fff;
    @tabBarText: #fff;
    @text: #ddd;
    @lightText: #bbb;
    @strongText: #fff;
    @activeLink: #29292f;
    @blockBg: #1c1d1f;
    @blockBorder: #393939;
    @blockStrongBg: #1c1d1f;
    @dividerBg: #1a1a1a;
    @itemAfterText: @lightText;
    @searchbarBg: #333;
    @searchbarBorder: #333;
    @swipeoutButton: #444;
    @checkboxBorder: @blockBorder;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color:@text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover, .popover& {
        background: rgba(0,0,0,0.8);
        .popover-angle:after {
            background: rgba(0,0,0,0.8);
        }
    }
    .popover-inner > .list-block ul {
        background: none;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-content {
        background: @blockBg;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link:active, label.label-checkbox:active, label.label-radio:active {
        background-color: @activeLink;
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }

}

/* === White layout === */
.layout-white {
    @pageBg: #fff;
    @barsBg: #fff;
    @barsBorder: #ddd;
    @barsText: #000;
    @tabBarText: #777;
    @text: #000;
    @lightText: #777;
    @strongText: #777;
    @activeLink: #eee;
    @blockBg: @pageBg;
    @blockBorder: #ddd;
    @blockStrongBg: #fafafa;
    @dividerBg: #f7f7f7;
    @itemAfterText: #8e8e93;
    @searchbarBg: #c9c9ce;
    @searchbarBorder: #b4b4b4;
    @swipeoutButton: #c7c7cc;
    @checkboxBorder: #e5e5e5;
    .navbar, .navbar& {
        border-bottom-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    .toolbar, .toolbar& {
        border-top-color: @barsBorder;
        background-color: @barsBg;
        color:@barsText;
    }
    // Photo Browser
    .photo-browser, .photo-browser&, .view[data-page="photo-browser-slides"], .view[data-page="photo-browser-slides"]& {
        .navbar, .toolbar {
            background: rgba(red(@barsBg), green(@barsBg), blue(@barsBg), 0.95);
        }
    }
    .tabbar a:not(.active) {
        color:@tabBarText;
    }
    .page, .login-screen-content, .page&, .panel, .panel& {
        background-color: @pageBg;
        color: @text;
    }
    .content-block-title {
        color:@strongText;
    }
    .content-block, .content-block& {
        color:@lightText;
    }
    .content-block-inner {
        background: @blockStrongBg;
        color:@text;
        border-color: @blockBorder;
    }
    .list-block, .list-block& {
        ul {
            background: @blockBg;
            border-color: @blockBorder;
        }
        &.inset ul{
            background: @blockStrongBg;
        }
        &.notifications > ul {
            background: none;
        }
    }
    .popover-inner > .list-block ul {
        background: none;
    }
    li.sorting {
        background-color: @activeLink;
    }
    .swipeout-content {
        background: @blockBg;
    }
    .swipeout-actions-left a, .swipeout-actions-right a {
        background-color: @swipeoutButton;
    }
    .item-inner, .list-block ul ul li:last-child .item-inner {
        border-color: @blockBorder;
    }
    .item-after {
        color:@itemAfterText;
    }
    .item-link:active, label.label-checkbox:active, label.label-radio:active {
        background-color: @activeLink;
    }
    .item-link.list-button {
        border-bottom-color: @blockBorder;
    }
    .list-block-label {
        color:@lightText;
    }
    .item-divider, .list-group-title {
        background: @dividerBg;
        color:@lightText;
        border-top-color: @blockBorder;
    }

    // Searchbar
    .searchbar {
        background: @searchbarBg;
        border-bottom-color: @searchbarBorder;
    }

    // Forms
    .list-block, .list-block& {
        input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="datetime-local"], input[type="number"], select, textarea {
            color:@strongText;
        }
    }
    .label-switch .checkbox {
        background-color: @checkboxBorder;
        &:before {
            background-color: @blockBg;
        }
    }
    .range-slider input[type="range"]:after {
        background: @blockBg;
    }
}


Changed colors

Changed colors

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/potogan/smartotels-onepager.git/'


CSS Changes

CSS Changes

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/CarlVanderLaan/CarlVanderLaan.github.io.git/'


Added Blockquotes

Added Blockquotes

//**** BlockQuotes ****//

//Base Style

.blockquote.blockquote {
	padding: @blockquote-padding;
    background: @blockquote;
	border-left: 4px solid;
	border-left-color: @blockquote-color;
	margin: 20px 0px;
}

.blockquote.blockquote h4 {
    color: @blockquote-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

.blockquote p:last-child {
    margin-bottom: 0px;
}

//Primary

.blockquote.blockquote-primary {
	border-left-color: @blockquote-primary-color;
}

.blockquote.blockquote-primary h4 {
    color: @blockquote-primary-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

//Success

.blockquote.blockquote-success {
	border-left-color: @blockquote-success-color;
}

.blockquote.blockquote-success h4 {
    color: @blockquote-success-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

//Warning

.blockquote.blockquote-warning {
	border-left-color: @blockquote-warning-color;
}

.blockquote.blockquote-warning h4 {
    color: @blockquote-warning-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

//Danger

.blockquote.blockquote-danger {
	border-left-color: @blockquote-danger-color;
}

.blockquote.blockquote-danger h4 {
    color: @blockquote-danger-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

//Info

.blockquote.blockquote-info {
	border-left-color: @blockquote-info-color;
}

.blockquote.blockquote-info h4 {
    color: @blockquote-info-color;
    margin-top: 0px;
    margin-bottom: 10px;
}

error: pathspec 'less/blockquotes.less' did not match any file(s) known to git


add button less

add button less

error: pathspec 'less/demo-button.less' did not match any file(s) known to git


just added

just added

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


[BUGFIX] Correct jumbotron button styling

//
// Frames
// --------------------------------------------------
.frame {
    padding-top: 1em;
    padding-bottom: 1em;
    @media (min-width: @screen-sm) {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    @media (min-width: @screen-md) {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    > *:last-child {
        margin-bottom: 0;
    }
}
.frame-inner {
    > *:last-child {
        margin-bottom: 0;
    }
}
.frame-ruler-before {
    border-top: 1px solid @page-header-border-color;
    margin-top: 2em;
}
.frame-ruler-after {
    border-bottom: 1px solid @page-header-border-color;
    margin-bottom: 2em;
}
.frame-indent {
    .frame-inner {
        @media (min-width: @screen-sm) {
            margin-left: 5%;
            margin-right: 5%;
        }
        @media (min-width: @screen-md) {
            margin-left: 10%;
            margin-right: 10%;
        }
        @media (min-width: @screen-lg) {
            margin-left: 15%;
            margin-right: 15%;
        }
    }
}
.frame-indent-left {
    .frame-inner {
        margin-left: 33%;
    }
}
.frame-indent-right {
    .frame-inner {
        margin-right: 33%;
    }
}
.frame-well {
    &:extend(.well all);
    padding-left: 1em;
    padding-right: 1em;
    @media (min-width: @screen-sm) {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    @media (min-width: @screen-md) {
        padding-left: 2em;
        padding-right: 2em;
    }
}
.frame-jumbotron {
    &:extend(.jumbotron all);
    padding: 2em!important;
    .btn {
        text-decoration: none!important;
    }
    @media (min-width: @screen-sm) {
        padding: 3em!important;
    }
    @media (min-width: @screen-md) {
        padding: 4em!important;
    }
}
.frame-small {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    @media (min-width: @screen-sm) {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

//
// Space Before
// --------------------------------------------------
.frame-space-before-none {
    margin-top: 0;
}
.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5em;
}

//
// Space After
// --------------------------------------------------
.frame-space-after-none {
    margin-bottom: 0;
}
.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5em;
}

//
// Frames
// --------------------------------------------------
.frame {
    padding-top: 1em;
    padding-bottom: 1em;
    @media (min-width: @screen-sm) {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    @media (min-width: @screen-md) {
        padding-top: 2em;
        padding-bottom: 2em;
    }
    > *:last-child {
        margin-bottom: 0;
    }
}
.frame-inner {
    > *:last-child {
        margin-bottom: 0;
    }
}
.frame-ruler-before {
    border-top: 1px solid @page-header-border-color;
    margin-top: 2em;
}
.frame-ruler-after {
    border-bottom: 1px solid @page-header-border-color;
    margin-bottom: 2em;
}
.frame-indent {
    .frame-inner {
        @media (min-width: @screen-sm) {
            margin-left: 5%;
            margin-right: 5%;
        }
        @media (min-width: @screen-md) {
            margin-left: 10%;
            margin-right: 10%;
        }
        @media (min-width: @screen-lg) {
            margin-left: 15%;
            margin-right: 15%;
        }
    }
}
.frame-indent-left {
    .frame-inner {
        margin-left: 33%;
    }
}
.frame-indent-right {
    .frame-inner {
        margin-right: 33%;
    }
}
.frame-well {
    &:extend(.well all);
    padding-left: 1em;
    padding-right: 1em;
    @media (min-width: @screen-sm) {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    @media (min-width: @screen-md) {
        padding-left: 2em;
        padding-right: 2em;
    }
}
.frame-jumbotron {
    &:extend(.jumbotron all);
    padding: 2em!important;
    @media (min-width: @screen-sm) {
        padding: 3em!important;
    }
    @media (min-width: @screen-md) {
        padding: 4em!important;
    }
}
.frame-small {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    @media (min-width: @screen-sm) {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

//
// Space Before
// --------------------------------------------------
.frame-space-before-none {
    margin-top: 0;
}
.frame-space-before-extra-small {
    margin-top: 1em;
}
.frame-space-before-small {
    margin-top: 2em;
}
.frame-space-before-medium {
    margin-top: 3em;
}
.frame-space-before-large {
    margin-top: 4em;
}
.frame-space-before-extra-large {
    margin-top: 5em;
}

//
// Space After
// --------------------------------------------------
.frame-space-after-none {
    margin-bottom: 0;
}
.frame-space-after-extra-small {
    margin-bottom: 1em;
}
.frame-space-after-small {
    margin-bottom: 2em;
}
.frame-space-after-medium {
    margin-bottom: 3em;
}
.frame-space-after-large {
    margin-bottom: 4em;
}
.frame-space-after-extra-large {
    margin-bottom: 5em;
}


in progress check-in. not certain angular-bootstrap-ui is working correctly... animation is not firing well

/*
 * Carousel component theme overrides
 *------------------------------------------------------------------------------------------
 */

.carousel {
    padding: 0 40px 30px 40px;
    > .carousel-control.right:after,
    > .carousel-control.left:before {
        font-size: 40px;
    }
    &.carousel-filmstrip {
        .carousel-control {
            top:34%;
            &.carousel-control.right:after {
                right: -10px;
                position: relative;
            }
            &.carousel-control.left:before {
                left: -10px;
                position: relative;
            }
        }
    }
    &.carousel-filmstrip-content {
        .carousel-control {
            top:13%;
            &.carousel-control.right:after {
                right: -10px;
                position: relative;
            }
            &.carousel-control.left:before {
                left: -10px;
                position: relative;
            }
        }
    }
}

.carousel.carousel-gallery {
    padding: 0 0 30px;
    position: relative;
}

.carousel .carousel-control {
    top: 40%;
    &.left{
        left: 14px;
    }
    &.right{
        right:2px;
    }
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

.carousel .carousel-indicators li {
    width: 14px;
    height: 6px;
    margin: 0 5px;
    border-radius: 2px;
    border: none;
    background: @dell-gray-stroke;
}

.carousel.carousel-gallery .carousel-caption {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    padding: 20px 60px;
    background: inherit;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    color: #444444;
    text-align: left;
}

.carousel.carousel-gallery .carousel-caption.pull-right {
    max-width: 40%;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    right: 0;
    padding-right: 60px;
    padding-left: 20px;
    min-height: 430px;
}

.carousel.carousel-gallery .carousel-caption.pull-left {
    max-width: 40%;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    padding-right: 60px;
    text-align: left;
    top: 0;
    left: 0;
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 20px;
    min-height: 430px;
}

@media (max-width: @screen-md-max) {

    .carousel {
        &.carousel-filmstrip {
            .carousel-control {
                top:30%;
            }
        }
        &.carousel-filmstrip-content {
            .carousel-control {
                top:12%;
            }
        }
    }

    .carousel .carousel-control {
        top: 38%;
    }

    .carousel > .carousel-control.right:after,
    .carousel > .carousel-control.left:before {
        font-size: 35px;
    }
}

@media (max-width: @screen-sm-max) {

    .carousel {
        &.carousel-filmstrip {
            .carousel-control {
                top:23%;
            }
        }
        &.carousel-filmstrip-content {
            .carousel-control {
                top:10%;
            }
        }
    }

    .carousel .carousel-control {
        top: 33%;
    }

    .carousel > .carousel-control.right:after,
    .carousel > .carousel-control.left:before {
        font-size: 30px;
    }
}

@media (max-width: @screen-xs-max) {
    .carousel.carousel-gallery {
        width: 105%;
        margin-left: -2%;
    }
}


Default margin added

Default margin added

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/danosier/context-git.git/'


Clean up from dialog css

Clean up from dialog css


Updated comment style

Updated comment style

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/putterschool/styleguide.git/'


changed padding-right to li element to  margin-left li + li


Update category-view layout

Update category-view layout

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Quinten/supernapietheme.git/'


prevent hero unit text from breaking mobile layout if its too long

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/cablelabs/dev-portal.git/'


update

update

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/yyssc/ssc30-admin.git/'


limited title length

limited title length

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Digipalvelutehdas/APIKA.git/'


TUNACMS-21 AdminBundle

TUNACMS-21 AdminBundle

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Tuna-CMS/tuna-bundle.git/'


Fix indentation

Fix indentation

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/bogdanpetru/resume.git/'


don't expand desktop suggestions (bug 835313)

@import 'lib';

#site-header {
    height: 80px;
    #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search.png), ~'8px 8px', no-repeat);
        font-size: 12px;
        font-weight: 300;
        height: 26px;
        margin-top: -14px;
        line-height: 23px;
        padding: 1px 30px 0 25px;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 13;
        &:-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-webkit-input-placeholder {
            color: lighten(#48535d, 25%);
        }
    }
}

#search,
#search-q,
body[data-page-type='search'] #search,
body[data-page-type='search'] #search-q {
    width: 175px;
}

body[data-page-type='search'] #search {
    margin-right: 12px;
}

#page {
    padding-top: 80px;
}

.incompatible-browser.active {
    top: 80px;
}

// Hide page titles. Show just the logo. Everywhere.
#site-header h1.page {
    display: none !important;
}

.force-mobile #site-header section.main,
#site-header nav,
#search {
    height: 100%;
}

#search {
    display: block;
    position: absolute;
    right: 50px;
}

.logged #search {
    right: 35px;
}

#site-header, .classic-header {
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.1) inset');
    background: darken(#3f4f5b, 5%) @grain-src;
    background-size: 100px 100px;
    position: absolute;
}

body, .home {
    #site-header h1.site {
        //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
        background: url(../../img/mkt/logos/mp_aurora_wordmark_large.png) 0 50% no-repeat;
        background-size: 280px auto;
        text-indent: -9999px;
        height: 100%;
        left: 0;
        max-width: 280px;
        top: 0;
        width: 280px;
        a {
            display: block;
            height: 100%;
            width: 100%;
        }
    }
}
.header-button {
    float: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
    width: 40px;
    &.back,
    &.home {
        display: none !important;
    }
    &:after {
        display: none;
    }
    &.settings {
        display: block;
        &:before {
            background-image: url(../../img/mkt/icons/settings.png);
            left: 9px;
            z-index: 3;
        }
    }
    &.browserid {
        display: block;
        height: 100%;
        line-height: 80px;
        margin: 0;
        text-align: right;
        position: absolute;
        top: 0;
        width: 60px;
        &.loading-submit {
            .hidetext;
            .webkit-spin;
            background: url(../../img/mkt/loading-16.png) center no-repeat;
            &:after {
                display: none;
            }
        }
    }
}

#site-search-suggestions,
#site-search-suggestions .wrap,
#site-search-suggestions ul,
#site-search-suggestions li:only-child a {
    .border-radius(3px);
}

#site-search-suggestions {
    .box-shadow(0 0 1px);
    height: auto;
    margin: -24px 62px 0 0;
    position: static;
    float: right;
    width: 230px;
    z-index: 11;
    .wrap {
        position: relative;
        height: auto;
        top: 0;
        a {
            font-size: 12px;
            line-height: 30px;
            span {
                .ellipsis;
                width: 220px;
            }
        }
    }
    li:first-child a {
        .border-radius(3px 3px 0 0);
    }
    li:last-child a {
        .border-radius(0 0 3px 3px);
        border-bottom: 0;
    }
    li:only-child a {
        border-bottom: 0;
    }
}

#site-header.suggestions {
    h1 {
        display: inline-block;
    }
}

.logged #site-search-suggestions {
    margin-right: 47px;
}

@media @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            //background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
    #site-header #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search-2x.png), ~'8px 8px', no-repeat);
        background-size: 12px auto;
    }
}

@import 'lib';

#site-header {
    height: 80px;
    #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search.png), ~'8px 8px', no-repeat);
        font-size: 12px;
        font-weight: 300;
        height: 26px;
        margin-top: -14px;
        line-height: 23px;
        padding: 1px 30px 0 25px;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 13;
        &:-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-moz-placeholder {
            color: lighten(#48535d, 25%);
        }
        &::-webkit-input-placeholder {
            color: lighten(#48535d, 25%);
        }
    }
}

#search,
#search-q,
body[data-page-type='search'] #search,
body[data-page-type='search'] #search-q {
    width: 150px;
}

body[data-page-type='search'] #search {
    margin-right: 12px;
}

#page {
    padding-top: 80px;
}

.incompatible-browser.active {
    top: 80px;
}

// Hide page titles. Show just the logo. Everywhere.
#site-header h1.page {
    display: none !important;
}

.force-mobile #site-header section.main,
#site-header nav,
#search {
    height: 100%;
}

#search {
    display: block;
    position: absolute;
    right: 50px;
}

.logged #search {
    right: 35px;
}

#site-header, .classic-header {
    .box-shadow(~'0 -1px 0 rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255,.1) inset');
    background: darken(#3f4f5b, 5%) @grain-src;
    background-size: 100px 100px;
    position: absolute;
}

body, .home {
    #site-header h1.site {
        //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
        background: url(../../img/mkt/logos/mp_aurora_wordmark_large.png) 0 50% no-repeat;
        background-size: 280px auto;
        text-indent: -9999px;
        height: 100%;
        left: 0;
        max-width: 280px;
        top: 0;
        width: 280px;
        a {
            display: block;
            height: 100%;
            width: 100%;
        }
    }
}
.header-button {
    float: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 0;
    width: 40px;
    &.back,
    &.home {
        display: none !important;
    }
    &:after {
        display: none;
    }
    &.settings {
        display: block;
        &:before {
            background-image: url(../../img/mkt/icons/settings.png);
            left: 9px;
            z-index: 3;
        }
    }
    &.browserid {
        display: block;
        height: 100%;
        line-height: 80px;
        margin: 0;
        text-align: right;
        position: absolute;
        top: 0;
        width: 60px;
        &.loading-submit {
            .hidetext;
            .webkit-spin;
            background: url(../../img/mkt/loading-16.png) center no-repeat;
            &:after {
                display: none;
            }
        }
    }
}

#site-search-suggestions,
#site-search-suggestions .wrap,
#site-search-suggestions ul,
#site-search-suggestions li:only-child a {
    .border-radius(3px);
}

#site-search-suggestions {
    .box-shadow(0 0 1px);
    height: auto;
    margin: -24px 62px 0 0;
    position: static;
    float: right;
    width: 230px;
    z-index: 11;
    .wrap {
        position: relative;
        height: auto;
        top: 0;
        a {
            font-size: 12px;
            line-height: 30px;
            span {
                .ellipsis;
                width: 175px;
            }
        }
    }
    li:first-child a {
        .border-radius(3px 3px 0 0);
    }
    li:last-child a {
        .border-radius(0 0 3px 3px);
        border-bottom: 0;
    }
    li:only-child a {
        border-bottom: 0;
    }
}

#site-header.suggestions {
    #search, #search-q {
        width: 175px;
    }
    h1 {
        display: inline-block;
    }
}

.logged #site-search-suggestions {
    margin-right: 47px;
}

@media @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            //background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
    #site-header #search-q {
        .gradient-two-color-with-image(#21292f, #2a353c, url(../../img/mkt/icons/search-2x.png), ~'8px 8px', no-repeat);
        background-size: 12px auto;
    }
}


Revert "search field gets z-index over settings area (bug 818942)"

This reverts commit e12d6b981a8e96bef09b2f5a76631e75c543e6aa.

@import 'lib';

#site-header h1.site,
.account-links {
    display: none;
}

@media (min-width: @desktop) {
    //.overlay.dropdown {
    //    background: transparent;
    //}
    .account-links {
        cursor: pointer;
        display: block;
        float: right;
        position: absolute;
        right: 0;
        height: 100%;
        width: 39px;
        z-index: 12;
        ul {
            .border-radius(3px 0 3px 3px);
            .transition(~'.2s opacity, .2s visibility, .2s top');
            background: rgb(43,54,63);
            line-height: 15px;
            opacity: 0;
            padding: 6px 4px;
            position: absolute;
            top: 0;
            right: 0;
            visibility: hidden;
        }
        li {
            position: relative;
            &:before,
            &:after {
                content: "";
                display: block;
                height: 100%;
                position: absolute;
                top: 0;
                height: 1px;
                width: 100%;
            }
            &:before {
                .gradient(~'left, rgba(33,40,46,0), rgba(33,40,46,.75) 25%, rgba(33,40,46,.75) 75%, rgba(33,40,46,0) 100%');
            }
            &:after {
                .gradient(~'left, rgba(59,71,80,0), rgba(59,71,80,.95) 25%, rgba(59,71,80,.95) 75%, rgba(59,71,80,0) 100%');
                top: 1px;
            }
            a {
                color: @white;
                display: block;
                padding: 10px 15px;
            }
        }
        .user {
            a {
                color: @note-gray;
                font-style: italic;
            }
            &:before,
            &:after {
                display: none;
            }
        }
        &.inactive {
            display: none;
        }
        &.active {
            width: 210px;
            ul {
                opacity: 1;
                top: 48px; // 67px;  // 48px
                visibility: visible;
            }
            .settings {
                &:after {
                    .gradient(~'bottom, rgba(43,54,63,1) 0%, rgba(43,54,63,0.07) 85%, rgba(252,252,253,0) 100%');
                    content: "";
                    display: block;
                    height: 39px; //58px;  // 39px
                    position: relative;
                    float: right;
                    width: 40px;
                    z-index: 2;
                }
                &:before {
                    background-position: 0 -24px;
                }
            }
        }
    }

    #site-header {
        height: 80px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 80px;
    }
    .incompatible-browser.active {
        top: 80px;
    }

    // Hide page titles. Show just the logo. Everywhere.
    #site-header h1.page {
        display: none !important;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 50px;
    }

    .logged #search {
        right: 35px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
        position: absolute;
    }

    body, .home {
        #site-header h1.site {
            //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            background: url(../../img/mkt/logos/mp_aurora_wordmark_200x30.png) 0 50% no-repeat;
            display: block;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &.back,
        &.home {
            display: none !important;
        }
        &:after {
            display: none;
        }
        &.settings {
            display: block;
            &:before {
                background-image: url(../../img/mkt/icons/settings.png);
                left: 19px;
                z-index: 3;
            }
        }
        &.browserid {
            display: block;
            height: 100%;
            line-height: 80px;
            margin: 0;
            text-align: right;
            position: absolute;
            top: 0;
            width: 60px;
            &.loading-submit {
                .hidetext;
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) 33px 50% no-repeat;
                &:after {
                    display: none;
                }
            }
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            background-image: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png);
            background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
}

@import 'lib';

#site-header h1.site,
.account-links {
    display: none;
}

@media (min-width: @desktop) {
    //.overlay.dropdown {
    //    background: transparent;
    //}
    .account-links {
        cursor: pointer;
        display: block;
        float: right;
        position: absolute;
        right: 0;
        height: 100%;
        width: 39px;
        z-index: 12;
        ul {
            .border-radius(3px 0 3px 3px);
            .transition(~'.2s opacity, .2s visibility, .2s top');
            background: rgb(43,54,63);
            line-height: 15px;
            opacity: 0;
            padding: 6px 4px;
            position: absolute;
            top: 0;
            right: 0;
            visibility: hidden;
        }
        li {
            position: relative;
            &:before,
            &:after {
                content: "";
                display: block;
                height: 100%;
                position: absolute;
                top: 0;
                height: 1px;
                width: 100%;
            }
            &:before {
                .gradient(~'left, rgba(33,40,46,0), rgba(33,40,46,.75) 25%, rgba(33,40,46,.75) 75%, rgba(33,40,46,0) 100%');
            }
            &:after {
                .gradient(~'left, rgba(59,71,80,0), rgba(59,71,80,.95) 25%, rgba(59,71,80,.95) 75%, rgba(59,71,80,0) 100%');
                top: 1px;
            }
            a {
                color: @white;
                display: block;
                padding: 10px 15px;
            }
        }
        .user {
            a {
                color: @note-gray;
                font-style: italic;
            }
            &:before,
            &:after {
                display: none;
            }
        }
        &.inactive {
            display: none;
        }
        &.active {
            width: 210px;
            ul {
                opacity: 1;
                top: 48px; // 67px;  // 48px
                visibility: visible;
            }
            .settings {
                &:after {
                    .gradient(~'bottom, rgba(43,54,63,1) 0%, rgba(43,54,63,0.07) 85%, rgba(252,252,253,0) 100%');
                    content: "";
                    display: block;
                    height: 39px; //58px;  // 39px
                    position: relative;
                    float: right;
                    width: 40px;
                    z-index: 2;
                }
                &:before {
                    background-position: 0 -24px;
                }
            }
        }
    }

    #site-header {
        height: 80px;
        #search,
        #search-q {
            width: 175px;
        }
        #search-q {
            .border-radius(3px);
            .box-shadow(0 1px 0 rgba(255,255,255,.1),
                        0 1px 0 rgba(0,0,0,.5) inset,
                        0 1px 1px rgba(0,0,0,.5) inset);
            font-size: 14px;
            font-weight: 300;
            margin-top: -15px;
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 13;
            &:-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-moz-placeholder {
                color: lighten(#48535d, 15%);
            }
            &::-webkit-input-placeholder {
                color: lighten(#48535d, 15%);
            }

        }
    }
    #page {
        padding-top: 80px;
    }
    .incompatible-browser.active {
        top: 80px;
    }

    // Hide page titles. Show just the logo. Everywhere.
    #site-header h1.page {
        display: none !important;
    }

    .force-mobile #site-header > section,
    #site-header nav,
    #search {
        height: 100%;
    }

    #search {
        display: block;
        position: absolute;
        right: 50px;
    }

    .logged #search {
        right: 35px;
    }

    #site-header, .classic-header {
        .box-shadow(~'0 -1px 0 rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.1) inset');
        background: darken(#3f4f5b, 5%) @grain-src;
        background-size: 100px 100px;
        position: absolute;
    }

    body, .home {
        #site-header h1.site {
            //background: url(../../img/mkt/logos/large.png) 0 50% no-repeat;
            background: url(../../img/mkt/logos/mp_aurora_wordmark_200x30.png) 0 50% no-repeat;
            display: block;
            text-indent: -9999px;
            height: 100%;
            left: 0;
            max-width: 280px;
            top: 0;
            width: 280px;
            a {
                display: block;
                height: 100%;
                width: 100%;
            }
        }
    }
    .header-button {
        float: none;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        right: 0;
        width: 50px;
        &.back,
        &.home {
            display: none !important;
        }
        &:after {
            display: none;
        }
        &.settings {
            display: block;
            &:before {
                background-image: url(../../img/mkt/icons/settings.png);
                left: 19px;
                z-index: 3;
            }
        }
        &.browserid {
            display: block;
            height: 100%;
            line-height: 80px;
            margin: 0;
            text-align: right;
            position: absolute;
            top: 0;
            width: 60px;
            &.loading-submit {
                .hidetext;
                -webkit-animation-duration: 1.5s;
                -webkit-animation-name: spin;
                -webkit-animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                background: url(../../img/mkt/loading-16.png) 33px 50% no-repeat;
                &:after {
                    display: none;
                }
            }
        }
    }
}

@media screen and (min-width: @desktop),
       @retina {
    body, .home {
        #site-header h1.site {
            //background-image: url(../../img/mkt/logos/large-2x.png);
            background-image: url(../../img/mkt/logos/mp_aurora_wordmark_400x60.png);
            background-size: 280px auto;
        }
        .header-button.settings:before {
            background-image: url(../../img/mkt/icons/settings-2x.png);
            background-size: 23px auto;
        }
    }
}


normalized close

normalized close

// Name:            Close
// Description:     Defines styles for a close button
//
// Component:       `uk-close`
//
// Modifiers:       `uk-close-alt`
//
// Uses:            Icon: FontAwesome
//
// Used by:         Alert
//                  Modal
//
// ========================================================================

// Variables
// ========================================================================

@close-size:                                    20px;

@close-alt-padding:                             2px;
@close-alt-background:                          #eee;

/* ========================================================================
   Component: Close
 ========================================================================== */

/*
 * Removes inner padding and border in Firefox 4+.
 */

.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */

.uk-close {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7. */
    padding: 0;
    background: transparent;
    /* 8 */
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: @close-size;
    line-height: @close-size;
    text-align: center;
    vertical-align: middle;
    opacity: 0.3;
    .hook-close;
}

/* Icon */
.uk-close:after {
    display: block;
    content: "\f00d";
    font-family: FontAwesome;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */

.uk-close:hover,
.uk-close:focus { // 1
    opacity: 0.5;
    /* 2 */
    outline: none;
    /* 3 */
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* Modifier
 ========================================================================== */

.uk-close-alt {
    padding: @close-alt-padding;
    border-radius: 50%;
    background: @close-alt-background;
    opacity: 1;
    .hook-close-alt;
}

/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus { opacity: 1; }

/* Icon */
.uk-close-alt:after { opacity: 0.5; }

.uk-close-alt:hover:after,
.uk-close-alt:focus:after { opacity: 0.8; }

// Hooks
// ========================================================================

.hook-close-misc;

.hook-close() {}
.hook-close-alt() {}
.hook-close-misc() {}

// Name:            Close
// Description:     Defines styles for a close button
//
// Component:       `uk-close`
//
// Modifiers:       `uk-close-alt`
//
// Uses:            Icon: FontAwesome
//
// Used by:         Alert
//                  Modal
//
// ========================================================================

// Variables
// ========================================================================

@close-size:                                    20px;

@close-alt-padding:                             2px;
@close-alt-background:                          #eee;

/* ========================================================================
   Component: Close
 ========================================================================== */

/*
 * 1. Required for `button` elements and makes
 *    close button more robust against different box-sizing use
 * 2. Style
 * 3. Required for `button` elements
 * 4. Needed for Safari
 */

.uk-close {
    /* 1 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* 2 */
    display: inline-block;
    width: @close-size;
    line-height: @close-size;
    text-align: center;
    color: inherit;
    opacity: 0.3;
    /* 3. */
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    /* 4. */
    background: transparent;
    .hook-close;
}

/* Icon */
.uk-close:after {
    display: block;
    content: "\f00d";
    font-family: FontAwesome;
}

/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */

.uk-close:hover,
.uk-close:focus { // 1
    opacity: 0.5;
    /* 2 */
    outline: none;
    /* 3 */
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* Modifier
 ========================================================================== */

.uk-close-alt {
    padding: @close-alt-padding;
    border-radius: 50%;
    background: @close-alt-background;
    opacity: 1;
    .hook-close-alt;
}

/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus { opacity: 1; }

/* Icon */
.uk-close-alt:after { opacity: 0.5; }

.uk-close-alt:hover:after,
.uk-close-alt:focus:after { opacity: 0.8; }

// Hooks
// ========================================================================

.hook-close-misc;

.hook-close() {}
.hook-close-alt() {}
.hook-close-misc() {}


bootstrap modal > form fix

bootstrap modal > form fix

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/stevepeak/handyjs.git/'


Darken drop shadows a bit

Darken drop shadows a bit

// ---------------------------------
// HELPERS

@fl-primary-hue: hue(@fl-primary-color);
@fl-primary-sat: saturation(@fl-primary-color);

@fl-secondary-hue: hue(@fl-secondary-color);
@fl-secondary-sat: saturation(@fl-secondary-color);

// ---------------------------------
// BODY

.define-body-variables(@fl-dark-mode);
.define-body-variables(false) {
  @fl-body-primary-color:             @fl-primary-color;
  @fl-body-secondary-color:           hsl(@fl-secondary-hue, min(50%, @fl-secondary-sat), 95%);

  @fl-body-bg:                        #fff;
  @fl-body-color:                     #444;
  @fl-body-muted-color:               hsl(@fl-secondary-hue, min(25%, @fl-secondary-sat), 65%);
  @fl-body-muted-more-color:          #bbb;
  @fl-shadow-color:                   rgba(0, 0, 0, 0.35);
}
.define-body-variables(true) {
  @fl-body-primary-color:             mix(@fl-primary-color, #000);
  @fl-body-secondary-color:           hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 13%);

  @fl-body-bg:                        hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 10%);
  @fl-body-color:                     #ccc;
  @fl-body-muted-color:               hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 35%);
  @fl-body-muted-more-color:          hsl(@fl-secondary-hue, min(20%, @fl-secondary-sat), 25%);
  @fl-shadow-color:                   rgba(0, 0, 0, 0.5);
}
@fl-body-heading-color:             @fl-body-color;
@fl-body-control-bg:                @fl-body-secondary-color;
@fl-body-control-color:             @fl-body-muted-color;

// ---------------------------------
// DRAWER

@fl-drawer-bg:                   @fl-body-primary-color;
@fl-drawer-color:                #fff;
@fl-drawer-muted-color:          fade(#fff, 50%);
@fl-drawer-control-bg:           fade(#000, 10%);
@fl-drawer-control-color:        #fff;

// ---------------------------------
// HEADER

.define-hdr-variables(@fl-colored-hdr);
.define-hdr-variables(false) {
  @fl-hdr-bg:                   @fl-body-bg;
  @fl-hdr-color:                contrast(@fl-hdr-bg, #fff, @fl-body-primary-color);
  @fl-hdr-muted-color:          @fl-body-muted-color;
  @fl-hdr-control-bg:           @fl-body-control-bg;
  @fl-hdr-control-color:        @fl-body-control-color;

  @fl-body-hero-bg:             @fl-body-primary-color;
  @fl-body-hero-color:          #fff;
}
.define-hdr-variables(true) {
  @fl-hdr-bg:                   @fl-drawer-bg;
  @fl-hdr-color:                @fl-drawer-color;
  @fl-hdr-muted-color:          @fl-drawer-muted-color;
  @fl-hdr-control-bg:           @fl-drawer-control-bg;
  @fl-hdr-control-color:        @fl-drawer-control-color;

  @fl-body-hero-bg:             @fl-body-control-bg;
  @fl-body-hero-color:          @fl-body-control-color;
}

// ---------------------------------
// LAYOUT

@drawer-width: 270px;
@index-pane-width: 400px;
@header-height: 56px;
@mobile-header-height: 46px;

// ---------------------------------
// BOOTSTRAP

@brand-primary:         @fl-body-primary-color;

@body-bg:               @fl-body-bg;
@text-color:            @fl-body-color;
@font-size-base:        13px;

@font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

@padding-base-vertical:     8px;
@padding-base-horizontal:   13px;

@btn-default-bg:  @fl-body-control-bg;
@btn-default-color:  @fl-body-control-color;

@input-bg: @fl-body-control-bg;
@input-border: @fl-body-control-bg;
@input-border-focus: @fl-body-control-bg;
@input-color: @fl-body-control-color;
@input-color-placeholder: @fl-body-control-color;

@zindex-composer: @zindex-navbar-fixed + 4;
@zindex-pane: @zindex-navbar-fixed + 5;
@zindex-alerts: @zindex-modal + 10;

@link-hover-color: @link-color;

// ---------------------------------
// MEDIA SHORTCODES

@phone: ~"(max-width: @{screen-xs-max})";
@tablet: ~"(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})";
@desktop: ~"(min-width: @{screen-md-min}) and (max-width: @{screen-md-max})";
@desktop-hd: ~"(min-width: @{screen-lg-min})";

// ---------------------------------
// HELPERS

@fl-primary-hue: hue(@fl-primary-color);
@fl-primary-sat: saturation(@fl-primary-color);

@fl-secondary-hue: hue(@fl-secondary-color);
@fl-secondary-sat: saturation(@fl-secondary-color);

// ---------------------------------
// BODY

.define-body-variables(@fl-dark-mode);
.define-body-variables(false) {
  @fl-body-primary-color:             @fl-primary-color;
  @fl-body-secondary-color:           hsl(@fl-secondary-hue, min(50%, @fl-secondary-sat), 95%);

  @fl-body-bg:                        #fff;
  @fl-body-color:                     #444;
  @fl-body-muted-color:               hsl(@fl-secondary-hue, min(25%, @fl-secondary-sat), 65%);
  @fl-body-muted-more-color:          #bbb;
  @fl-shadow-color:                   rgba(0, 0, 0, 0.25);
}
.define-body-variables(true) {
  @fl-body-primary-color:             mix(@fl-primary-color, #000);
  @fl-body-secondary-color:           hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 13%);

  @fl-body-bg:                        hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 10%);
  @fl-body-color:                     #ccc;
  @fl-body-muted-color:               hsl(@fl-secondary-hue, min(30%, @fl-secondary-sat), 35%);
  @fl-body-muted-more-color:          hsl(@fl-secondary-hue, min(20%, @fl-secondary-sat), 25%);
  @fl-shadow-color:                   rgba(0, 0, 0, 0.5);
}
@fl-body-heading-color:             @fl-body-color;
@fl-body-control-bg:                @fl-body-secondary-color;
@fl-body-control-color:             @fl-body-muted-color;

// ---------------------------------
// DRAWER

@fl-drawer-bg:                   @fl-body-primary-color;
@fl-drawer-color:                #fff;
@fl-drawer-muted-color:          fade(#fff, 50%);
@fl-drawer-control-bg:           fade(#000, 10%);
@fl-drawer-control-color:        #fff;

// ---------------------------------
// HEADER

.define-hdr-variables(@fl-colored-hdr);
.define-hdr-variables(false) {
  @fl-hdr-bg:                   @fl-body-bg;
  @fl-hdr-color:                contrast(@fl-hdr-bg, #fff, @fl-body-primary-color);
  @fl-hdr-muted-color:          @fl-body-muted-color;
  @fl-hdr-control-bg:           @fl-body-control-bg;
  @fl-hdr-control-color:        @fl-body-control-color;

  @fl-body-hero-bg:             @fl-body-primary-color;
  @fl-body-hero-color:          #fff;
}
.define-hdr-variables(true) {
  @fl-hdr-bg:                   @fl-drawer-bg;
  @fl-hdr-color:                @fl-drawer-color;
  @fl-hdr-muted-color:          @fl-drawer-muted-color;
  @fl-hdr-control-bg:           @fl-drawer-control-bg;
  @fl-hdr-control-color:        @fl-drawer-control-color;

  @fl-body-hero-bg:             @fl-body-control-bg;
  @fl-body-hero-color:          @fl-body-control-color;
}

// ---------------------------------
// LAYOUT

@drawer-width: 270px;
@index-pane-width: 400px;
@header-height: 56px;
@mobile-header-height: 46px;

// ---------------------------------
// BOOTSTRAP

@brand-primary:         @fl-body-primary-color;

@body-bg:               @fl-body-bg;
@text-color:            @fl-body-color;
@font-size-base:        13px;

@font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

@padding-base-vertical:     8px;
@padding-base-horizontal:   13px;

@btn-default-bg:  @fl-body-control-bg;
@btn-default-color:  @fl-body-control-color;

@input-bg: @fl-body-control-bg;
@input-border: @fl-body-control-bg;
@input-border-focus: @fl-body-control-bg;
@input-color: @fl-body-control-color;
@input-color-placeholder: @fl-body-control-color;

@zindex-composer: @zindex-navbar-fixed + 4;
@zindex-pane: @zindex-navbar-fixed + 5;
@zindex-alerts: @zindex-modal + 10;

@link-hover-color: @link-color;

// ---------------------------------
// MEDIA SHORTCODES

@phone: ~"(max-width: @{screen-xs-max})";
@tablet: ~"(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})";
@desktop: ~"(min-width: @{screen-md-min}) and (max-width: @{screen-md-max})";
@desktop-hd: ~"(min-width: @{screen-lg-min})";


Adjust main header font size for smaller screen sizes

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/ZyMoEntertainment/Zymo.io.git/'


学习中心首页

学习中心首页

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/XUEJS/xue-project.git/'


font size

font size


circle.less package style file add.

circle.less package style file add.

svg.ui-progress-circle {
  #text {
    &.ONLINE {
      fill: #737373;
    }
    &.OFFLINE { fill: #E8E8E8; }
    &.PROGRESS { fill: #E8E8E8; }
    &.READY { fill: #E8E8E8; }
    &.ERRORED { fill: #E8E8E8; }
  }
  #background {
    &.ONLINE {
      fill: #F7F6F4;
    }
    &.OFFLINE { fill: #E8E8E8; }
    &.PROGRESS { fill: #E8E8E8; }
    &.READY { fill: #E8E8E8; }
    &.ERRORED { fill: #E8E8E8; }
  }
  #stroke {
    &.ONLINE {
      stroke: #fff;
      opacity: .5;
    }
    &.OFFLINE { fill: #E8E8E8; }
    &.PROGRESS { fill: #E8E8E8; }
    &.READY { fill: #E8E8E8; }
    &.ERRORED { fill: #E8E8E8; }
  }
  #progress {
    &.ONLINE {
      fill: #37bc9b;;
    }
    &.OFFLINE { fill: #E8E8E8; }
    &.PROGRESS { fill: #E8E8E8; }
    &.READY { fill: #E8E8E8; }
    &.ERRORED { fill: #E8E8E8; }
  }
}

error: pathspec 'client/styles/imports/circle.less' did not match any file(s) known to git


adjust sub block icon when sub block has no property to show

fatal: remote error: upload-pack: not our ref eae08946653dfe3590b2fe3ca9384b4838e11d9f
fatal: the remote end hung up unexpectedly


cleanup

cleanup

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aoimedia/uikit.git/'


upgraded normalize.less to version 3.0.1


adding background style to body

adding background style to body

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/benabraham/cbp-day14project.git/'


OR-1578 Fix Material Fab button for communities

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


changed:

changed:

  font-size: @font-size-large;
  line-height: 1.4;

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


less support issue #20

less support issue #20

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {
  -webkit-box-shadow: @style @c;
  box-shadow:         @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box {
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

error: pathspec 'public/articles/assets/css/test.less' did not match any file(s) known to git


CCE-170: Restored the _tabs-scrollable.less file but removed the kss so the file component is not in the component section

// Scrollable Tabs
//
// Component for arrows left and right for scrolling tabs
// Experimental
//
// Markup:
//

//
//
//
//
//
//
//

//

//

//                 Tab 1
//

//

//                 Tab 2
//

//

//                 Tab 3
//

//

//                 Tab 4
//

//

//

//

//

.scrollable-tabs-container{
  .scrollable-tabs{
    position:relative;
    margin:0 auto;
    overflow:hidden;
    padding:5px;
    height:50px;
    .nav-tabs{
      position:absolute;
      left:0px;
      top:0px;
      min-width:3000px;
      margin-top:0px;

      > li{
          display:table-cell;
          position:relative;
          text-align:center;
          cursor:grab;
          cursor:-webkit-grab;
          color:#efefef;
          vertical-align:middle;
      }
    }
  }
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}

.scroller-right{
  float:right;
}

.scroller-left {
  float:left;
}

error: pathspec 'src/less/components/_tabs-scrollable.less' did not match any file(s) known to git


Correct styles on navbar

Correct styles on navbar

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/JTCunning/sentry.git/'