@servant/servant/dist/src/module/init/bootstrap/css/entry.d.ts

Servant builder for node modules.

export declare const WebIndexCss = "\n/**\n * @summary Entry plain css file\n * @description\n *   You choose that you want to use plain css in your package (@see https://developer.mozilla.org/en-US/docs/Web/CSS).\n *   Plain css is not recommended because you can not use variables, nesting selectors, mixins and more complex\n *   stuff in you app. \n * \n *   This is main entry point for css and you can use this as main css file for your app. But you can also use\n *   importing css for file because Servant support \"import * as css from \"component.css\". In this case that you want to\n *   use css imports, this file can be removed. \n */\n\nbody {\n    margin: 0;\n    padding: 0;\n    background: #282C34;\n    color: white;\n    font-family: 'Roboto', sans-serif;\n}\n\n.container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: center;\n    align-items: center;\n}\n\n.container .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.logo {\n    width: 30%;\n    height: 30%;\n    margin: auto;\n}\n\n.logo img {\n    width: 100%;\n    height: 100%;\n}\n\n.title {\n    font-size: 40px;\n    font-weight: bold;\n    margin: 10px 0;\n}\n\n.description {\n    max-width: 400px;\n    font-size: 16px;\n    margin: 10px 0;\n    color: #61DBFA;\n    text-align: center;\n}\n";
export declare const WebIndexScss = "\n/**\n * @summary Entry sass file\n * @description\n *   You choose that you want to use sass styles in your package (@see https://sass-lang.com/).\n *   Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.\n *   Sass supports lots of features like variables, nesting, partials, modules, mixins, extend and inheritance and \n *   operators.\n * \n *   This is main entry point for sass and you can use this as main sass file for your app. But you can also use\n *   importing scss for file because Servant support \"import * as css from \"component.css\". In this case that you want to\n *   use scss imports, this file can be removed. \n */\n\n@use \"sass:math\";\n\n$background: #282C34;\n$color: white;\n$highlight: #61DBFA;\n\nbody {\n  margin: 0;\n  padding: 0;\n  color: $color;\n  background: $background;\n  font-family: 'Roboto', sans-serif;\n\n  .container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: center;\n    align-items: center;\n\n    .content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n\n      .logo {\n        width: 30%;\n        height: 30%;\n        margin: auto;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .title {\n        font-size: 40px;\n        font-weight: bold;\n        margin: 10px 0;\n      }\n\n      .description {\n        max-width: math.div(800px, 2);\n        font-size: 16px;\n        margin: 10px 0;\n        color: $highlight;\n        text-align: center;\n      }\n    }\n  }\n}\n\n";
export declare const WebIndexLess = "\n/**\n * @summary Entry less file\n * @description\n *   You choose that you want to use less styles in your package (@see https://lesscss.org/).\n *   It's CSS, with just a little more.\n *   Less supports lots of features like variables, nesting, partials, modules, mixins, extend and inheritance and \n *   operators.\n * \n *   This is main entry point for less and you can use this as main less file for your app. But you can also use\n *   importing less for file because Servant support \"import * as css from \"component.css\". In this case that you want to\n *   use less imports, this file can be removed. \n */\n\n@background: #282C34;\n@color: white;\n@highlight: #61DBFA;\n\nbody {\n  margin: 0;\n  padding: 0;\n  color: if((iscolor(@color)), @color, white);\n  background: @background;\n  font-family: 'Roboto', sans-serif;\n\n  .container {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: center;\n    align-items: center;\n\n    .content {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n\n      .logo {\n        width: 30%;\n        height: 30%;\n        margin: auto;\n\n        img {\n          width: 100%;\n          height: 100%;\n        }\n      }\n\n      .title {\n        font-size: 40px;\n        font-weight: bold;\n        margin: 10px 0;\n      }\n\n      .description {\n        max-width: 400px;\n        font-size: 16px;\n        margin: 10px 0;\n        color: if((iscolor(@highlight)), @highlight, deepskyblue);\n        text-align: center;\n      }\n    }\n  }\n}\n\n";