Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • master
  • 1.2.0
  • 1.2.1
  • 1.2.2
  • 1.2.3
  • 1.2.4
  • v1.1.0
7 results

Target

Select target project
  • oss/utilities/documentation-manager
1 result
Select Git revision
  • master
  • 1.2.0
  • 1.2.1
  • 1.2.2
  • 1.2.3
  • 1.2.4
  • v1.1.0
7 results
Show changes
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 0 additions and 3681 deletions
development/examples/example3/build/assets/sass/_footer.scss deleted 100644 → 0
View file @ b96c4d10
/* =================================== */
/* 6. Footer
/* =================================== */
#footer {
background: #fff;
color: #252b33;
margin-left:260px;
padding: 66px 0px;
padding: 4.125rem 0;
.nav {
.nav-item {
display: inline-block;
line-height: 12px;
margin: 0;
.nav-link {
color: #252b33;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
&:focus {
color: $primary-color;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
&:first-child .nav-link {
padding-left: 0px;
}
&:last-child .nav-link{
padding-right: 0px;
}
}
.nav-link:hover {
color: $primary-color;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
.footer-copyright {
border-top: 1px solid #e2e8ea;
padding: 0px 0px;
color: #67727c;
.nav {
.nav-item .nav-link {
color: #67727c;
}
.nav-link:hover {
color: $primary-color;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
}
}
.nav.flex-column .nav-item {
padding: 0px;
.nav-link {
margin: 0.7rem 0px;
}
}
&.footer-text-light {
color: rgba(250, 250, 250, 0.8);
.nav .nav-item .nav-link {
color: rgba(250, 250, 250, 0.8);
&:hover {
color: rgba(250, 250, 250, 1);
}
}
.footer-copyright {
border-color: rgba(250, 250, 250, 0.15);
color: rgba(250, 250, 250, 0.5);
}
&:not(.bg-primary) .social-icons-light.social-icons li a {
color: rgba(250, 250, 250, 0.8);
&:hover {
color: rgba(250, 250, 250, 1);
}
}
&.bg-primary {
color: #fff;
.nav .nav-item .nav-link {
color: #fff;
&:hover {
color: rgba(250, 250, 250, 0.7);
}
}
.footer-copyright {
border-color: rgba(250, 250, 250, 0.15);
color: rgba(250, 250, 250, 0.9);
}
:not(.social-icons) a {
color: #fff;
&:hover {
color: rgba(250, 250, 250, 0.7);
}
}
}
}
}
@include media-breakpoint-down(sm) {
#footer {
margin-left:0px;
}
}
/*=== 6.1 Social Icons ===*/
.social-icons {
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
li {
margin: 0px 6px;
padding: 0;
overflow: visible;
a {
display: block;
height: 26px;
line-height: 26px;
width: 26px;
font-size: 18px;
text-align: center;
color: #4d555a;
text-decoration: none;
@include transition(all 0.2s ease);
}
i {
line-height: inherit;
}
}
&.social-icons-sm li{
margin: 0px 4px;
}
&.social-icons-sm li a {
font-size: 15px;
width:22px;
}
&.social-icons-lg li a {
width: 34px;
height: 34px;
line-height:34px;
font-size: 22px;
}
&.social-icons-light li a {
color: #eee;
}
&.social-icons-muted li a {
color: #aab1b8;
}
li:hover {
a {
color: #999;
}
}
}
/*=== 6.2 Back to Top ===*/
#back-to-top {
display: none;
position: fixed;
z-index: 1030;
bottom: 8px;
right: 10px;
background-color: rgba(0, 0, 0, 0.22);
text-align: center;
color: #fff;
font-size: 14px;
width: 36px;
height: 36px;
line-height: 34px;
border-radius:3px;
@include transition(all 0.3s ease-in-out);
@include box-shadow(0px 5px 15px rgba(0, 0, 0, 0.15));
&:hover {
background-color: $primary-color;
@include box-shadow(0px 5px 15px rgba(0, 0, 0, 0.25));
@include transition(all 0.3s ease-in-out);
}
}
@include media-breakpoint-down(xs) {
#back-to-top {z-index: 1029;}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/_header.scss deleted 100644 → 0
View file @ b96c4d10
/* =================================== */
/* 4. Header
/* =================================== */
#header {
@include transition(all .5s ease);
.navbar {
padding: 0px;
min-height:70px;
}
.logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: stretch;
align-self: stretch;
}
}
/*=== 4.1 Main Navigation ===*/
.navbar-light .navbar-nav {
.active > .nav-link {
color: #0c2f55;
}
.nav-link {
&.active, &.show {
color: #0c2f55;
}
}
.show > .nav-link {
color: #0c2f55;
}
}
.primary-menu {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: auto !important;
-webkit-box-ordinal-group: 0;
-ms-flex-item-align: stretch;
align-self: stretch;
background: #fff;
border-bottom:1px solid #efefef;
&.bg-transparent {
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
box-shadow: none;
border-bottom: 1px solid rgba(250, 250, 250, 0.3);
}
&.sticky-on{
position: fixed;
top: 0;
width: 100%;
z-index: 1020;
left: 0;
@include box-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
-webkit-animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
animation: slide-down 0.7s;
@-webkit-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:1; transform:translateY(0);}}
@-moz-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:1; transform:translateY(0);}}
@keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:1; transform:translateY(0);}}
.none-on-sticky{
display:none!important;
}
}
ul.navbar-nav > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
+ li {
margin-left: 2px;
}
a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
> a:not(.btn) {
height: 70px;
padding:0px 0.85em;
color: #252b33;
@include transition(all .2s ease);
position: relative;
position:relative;
}
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: $primary-color;
text-decoration:none;
@include transition(all .2s ease);
}
a.btn{padding: 0.4rem 1.4rem;}
&.dropdown {
.dropdown-menu li {
> a:not(.btn) {
padding: 8px 0px;
background-color: transparent;
text-transform: none;
color: #777;
@include transition(all .2s ease);
}
&:hover > a:not(.btn) {
color: $primary-color;
@include transition(all .2s ease);
}
}
&:hover > a:after {
clear: both;
content: ' ';
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #fff transparent;
position: absolute;
border-width: 0px 7px 6px 7px;
bottom: 0px;
left: 50%;
margin: 0 0 0 -5px;
z-index: 1022;
}
.dropdown-menu {
@include box-shadow(0px 0px 12px rgba(0, 0, 0, 0.176));
border: 0px none;
padding: 10px 15px;
min-width: 220px;
margin: 0;
font-size: 14px;
font-size: 0.875rem;
z-index:1021;
}
> .dropdown-toggle .arrow {
display: none;
}
}
}
.dropdown-menu-right {
left: auto !important;
right: 100% !important;
}
ul.navbar-nav > li {
&.dropdown-mega {
position: static;
> .dropdown-menu {
width: 100%;
padding: 20px 20px;
margin-left: 0px !important;
}
.dropdown-mega-content > .row > div {
padding: 5px 5px 5px 20px;
border-right: 1px solid #eee;
&:last-child {
border-right: 0;
}
}
.sub-title {
display: block;
font-size: 16px;
margin-top: 1rem;
padding-bottom: 5px;
}
.dropdown-mega-submenu {
list-style-type: none;
padding-left: 0px;
}
}
a.btn{font-size:14px; padding: 0.65rem 2rem; text-transform:uppercase;}
&.dropdown {
.dropdown-menu {
.dropdown-menu {
left: 100%;
margin-top: -40px;
}
.dropdown-toggle:after {
border-top: .4em solid transparent;
border-right: 0;
border-bottom: 0.4em solid transparent;
border-left: 0.4em solid;
}
}
.dropdown-toggle .arrow {
position: absolute;
min-width: 30px;
height: 100%;
right: 0px;
top: 0;
@include transition(all .2s ease);
&:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
border-color: #000;
border-top: 1px solid;
border-right: 1px solid;
width: 6px;
height: 6px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
}
}
}
.dropdown-toggle:after {
content: none;
}
&.navbar-line-under-text ul.navbar-nav > li {
> a:not(.btn):after {
position: absolute;
content: "";
height: 2px;
width: 0;
left: 50%;
right: 0;
bottom: 14px;
background-color: transparent;
color:#fff;
border-bottom: 2px solid $primary-color;
@include transition(all .3s ease-in-out);
transform: translate(-50%,0) translateZ(0);
-webkit-transform: translate(-50%,0) translateZ(0);
}
& > a:hover:not(.logo):after, & > a.active:after{
width:calc(100% - 0.99em);
}
}
}
/*== Color Options ==*/
.primary-menu.navbar-text-light .navbar-toggler span {background:#fff;}
.primary-menu.navbar-text-light .navbar-nav > li{
> a:not(.btn) {
color: #fff;
}
&:hover > a:not(.btn), & > a.active:not(.btn) {
color: rgba(250, 250, 250, 0.75);
}
}
.primary-menu.navbar-text-light.navbar-line-under-text .navbar-nav > li{
& > a:not(.logo):after, & > a.active:after{
border-color:rgba(250, 250, 250, 0.60);
}
}
.primary-menu {
&.navbar-dropdown-dark ul.navbar-nav > li {
&.dropdown {
.dropdown-menu {
background-color: #252A2C;
color: #fff;
.dropdown-menu {
background-color: #272c2e;
}
}
&:hover > a:after {
border-color: transparent transparent #252A2C transparent;
}
.dropdown-menu li {
> a:not(.btn) {
color: rgba(250, 250, 250, 0.8);
}
&:hover > a:not(.btn) {
color: rgba(250, 250, 250, 1);
font-weight:600;
}
}
}
&.dropdown-mega .dropdown-mega-content > .row > div {
border-color: #3a3a3a;
}
}
&.navbar-dropdown-primary ul.navbar-nav > li {
&.dropdown {
.dropdown-menu {
background-color: $primary-color;
color: #fff;
.dropdown-menu {
background-color: $primary-color;
}
}
&:hover > a:after {
border-color: transparent transparent $primary-color transparent;
}
.dropdown-menu li {
> a:not(.btn) {
color: rgba(250, 250, 250, 0.95);
}
&:hover > a:not(.btn) {
color: rgba(250, 250, 250, 1);
font-weight:600;
}
}
}
&.dropdown-mega .dropdown-mega-content > .row > div {
border-color: rgba(250, 250, 250, 0.2);
}
}
}
/* Hamburger Menu Button */
.navbar-toggler {
width: 25px;
height: 30px;
padding: 10px;
margin: 18px 15px;
position: relative;
border:none;
@include rotate(0deg);
@include transition(.5s ease-in-out);
cursor: pointer;
display: block;
span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #3c3636;
border-radius: 2px;
opacity: 1;
left: 0;
@include rotate(0deg);
@include transition(.25s ease-in-out);
&:nth-child(1) {
top: 7px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
&:nth-child(2) {
top: 14px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
&:nth-child(3) {
top: 21px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
}
&.show span {
&:nth-child(1) {
top: 4px;
left: 3px;
@include rotate(45deg);
}
&:nth-child(2) {
width: 0%;
opacity: 0;
}
&:nth-child(3) {
top: 22px;
left: 3px;
@include rotate(-45deg);
}
}
}
.navbar-accordion{position:initial;}
// For Responsive Navbar
@mixin navbar-responsive {
.navbar-collapse {
position: absolute;
top: 99%;
right: 0;
left: 0;
background: #fff;
margin-top: 0px;
z-index: 1000;
@include box-shadow(0px 0px 15px rgba(0, 0, 0, 0.1));
.navbar-nav {
overflow: hidden;
overflow-y: auto;
max-height: 65vh;
padding: 15px;
}
}
ul.navbar-nav {
li {
display: block;
border-bottom: 1px solid #eee;
margin: 0;
padding: 0;
&:last-child {
border: none;
}
+ li {
margin-left: 0px;
}
&.dropdown > .dropdown-toggle > .arrow.show:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
@include transition(all .2s ease);
}
> a:hover:after, > a.active:after {
content: none!important;
width:0px!important;
}
&.dropdown{
> .dropdown-toggle .arrow {
display: block;
}
}
}
> li {
> a:not(.btn) {
height: auto;
padding: 8px 0;
position: relative;
}
&.dropdown {
.dropdown-menu li > a:not(.btn) {
padding: 8px 0;
position: relative;
}
&:hover > a:after {
content: none;
}
.dropdown-toggle .arrow:after {
-webkit-transform: translate(-50%, -50%) rotate(134deg);
transform: translate(-50%, -50%) rotate(134deg);
@include transition(all .2s ease);
}
}
}
> li {
&.dropdown .dropdown-menu {
margin: 0;
@include box-shadow(none);
border: none;
padding: 0px 0px 0px 15px;
.dropdown-menu {
margin: 0;
}
}
&.dropdown-mega {
.dropdown-mega-content > .row > div {
padding: 0px 15px;
}
}
}
}
&.navbar-text-light .navbar-collapse{background:rgba(0,0,0,0.95);}
&.navbar-text-light .navbar-collapse ul.navbar-nav li{
border-color:rgba(250,250,250,0.15);
}
&.navbar-dropdown-dark .navbar-collapse {
background-color: #252A2C;
}
&.navbar-dropdown-primary .navbar-collapse {
background-color: $primary-color;
}
&.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
background-color: $primary-color;
}
&.navbar-dropdown-dark ul.navbar-nav {
li {
border-color: #444;
}
> li {
> a {
color: #a3a2a2;
}
&:hover > a {
color: #fff;
}
}
}
&.navbar-dropdown-primary ul.navbar-nav {
li {
border-color: rgba(250, 250, 250, 0.2);
}
> li {
> a {
color: rgba(250, 250, 250, 0.8);
}
&:hover > a {
color: #fff;
}
}
}
}
.navbar-expand-none{
@include navbar-responsive;
}
@include media-breakpoint-down(xs) {
.navbar-expand-sm{
@include navbar-responsive;
}
}
@include media-breakpoint-down(sm) {
.navbar-expand-md{
@include navbar-responsive;
}
}
@include media-breakpoint-down(md) {
.navbar-expand-lg{
@include navbar-responsive;
}
}
@include media-breakpoint-down(lg) {
.navbar-expand-xl{
@include navbar-responsive;
}
}
\ No newline at end of file
development/examples/example3/build/assets/sass/_mixins.scss deleted 100644 → 0
View file @ b96c4d10
//---------- @mixins ----------//
@mixin box-shadow($val...) {
-webkit-box-shadow: ($val);
box-shadow: ($val);
}
@mixin transition($val...) {
-webkit-transition: ($val);
transition: ($val);
}
@mixin translateY($val...) {
-webkit-transform: translateY($val);
transform: translateY($val);
}
@mixin translateX($val...) {
-webkit-transform: translateX($val);
transform: translateX($val);
}
@mixin rotate($val){
-webkit-transform: rotate($val);
transform: rotate($val);
}
@mixin scale($val){
-webkit-transform: scale($val);
transform: scale($val);
}
\ No newline at end of file
development/examples/example3/build/assets/sass/_variables.scss deleted 100644 → 0
View file @ b96c4d10
/*===========================================================
Template Name: iDocs - One Page Documentation HTML Template
Author: Harnish Design
Template URL: http://demo.harnishdesign.net/html/idocs
Author URL: https://themeforest.net/user/harnishdesign
File Description : Main css file of the template
=================================================
Table of Contents
=================================================
1. Basic
2. Helpers Classes
3. Layouts
3.1 Side Navigation
3.2 Docs Content
3.3 Section Divider
4. Header
4.1 Main Navigation
5 Elements
5.1 List Style
5.2 Changelog
5.3 Accordion & Toggle
5.4 Nav
5.5 Tabs
5.6 Popup Img
5.7 Featured Box
6 Footer
6.1 Social Icons
6.2 Back to Top
7 Extra
=======================================================*/
//-------------------- Base Colors --------------------//
$primary-color: #0366d6;
$primary-color-hover: darken($primary-color, 7%);
$secondary-color: $secondary;
$body-bg: #dddddd;
$text-color: #4c4d4d;
$title-color: #252b33;
\ No newline at end of file