X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fless%2Fmain.less;fp=sdnr%2Fwireless-transport%2Fcode-Carbon-SR1%2Fapps%2Fdlux%2Fdlux-web%2Fsrc%2Fless%2Fmain.less;h=9fdfdd282404e8838d0cf965f4f0d48aaa28e2c2;hb=27fb2d06608fbb070ae2c15a5580a4f5b2423d15;hp=0000000000000000000000000000000000000000;hpb=60315525ab5e7c12a9f47c409092e8dba6ad656d;p=ccsdk%2Fapps.git diff --git a/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less new file mode 100644 index 00000000..9fdfdd28 --- /dev/null +++ b/sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/main.less @@ -0,0 +1,133 @@ +/** + * This is the main application stylesheet. It should include or import all + * stylesheets used throughout the application as this is the only stylesheet in + * the Grunt configuration that is automatically processed. + */ + + +/** + * First, we include the Twitter Bootstrap LESS files. Only the ones used in the + * project should be imported as the rest are just wasting space. + */ +@import '../../vendor/bootstrap/less/mixins.less'; +@import '../../vendor/bootstrap/less/bootstrap.less'; + + +@import 'mixins.less'; /** this one comes from the template */ + +/** + * This is our main variables file. It in turn imports the `variables` file from + * Twitter Bootstrap. We must include it last so we can overwrite any variable + * definitions in our imported stylesheets. + */ + +@import 'variables.less'; + + +/** + * Typography + */ + +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff) format('woff'); +} + +code, pre, .pre { + padding: 5px; + margin: 10px 0; + background-color: #EFEFEF; + border: 1px solid #DADADA; + // .border-radius(3px); +} + +code { + padding: 0 3px; +} + +pre { + margin: 10px 0; + padding: 5px; +} + +.page-header { + margin-top: 60px; + + &:first-child { + margin-top: 20px; + } +} + +h2 { + margin: 20px 0; + color: #666; +} + +.main { + position: relative; +} + +/** + * Navigation + */ + + + +/** + * Footer + */ + +.footer { + margin-top: 80px; + + .footer-inner { + padding: 40px 0; + border-top: 1px solid #DDD; + } + + .social { + float: right; + margin: 0; + list-style: none; + + li { + float: left; + margin-left: 20px; + + a, a:visited { + // color: @grayLight; + text-decoration: none; + font-size: 40px; + .transition( 250ms ease-in-out ); + + &:hover { + // color: @gray; + } + } + } + } +} + +.remove-padding { + padding: 0px !important; +} + + +/** + * Now that all app-wide styles have been applied, we can load the styles for + * all the submodules and components we are using. + * + * TODO: In a later version of this boilerplate, I'd like to automate this. + */ + +@import 'design.less'; +@import 'other.less'; +@import '../common/navigation/navigation.less'; +@import '../common/login/login.less'; +@import '../common/topbar/topbar.less'; +@import '../assets/js/codemirror/lib/codemirror.less'; +@import '../assets/js/codemirror/theme/eclipse.less'; +@import '../assets/js/codemirror/theme/eclipse-disabled.less'; +@import '../assets/js/codemirror/addon/hint/show-hint.less';