Skip to content

GitLab

Commit 4308ec12 authored by Achilles's avatar Achilles
Browse files
Options

add 4 components to source folder - change webpack.config.js --change app.ts --change main.ts

parent 0472ed33
Hide whitespace changes
Inline Side-by-side
Showing with 5069 additions and 49 deletions
.bootstraprc 0 → 100644
View file @ 4308ec12
---
# Output debugging info
# loglevel: debug
# Major version of Bootstrap: 3 or 4
bootstrapVersion: 4
# If Bootstrap version 4 is used - turn on/off flexbox model
useFlexbox: false
# Webpack loaders, order matters
styleLoaders:
- style
- css
- sass
# Extract styles to stand-alone css file
# Different settings for different environments can be used,
# It depends on value of NODE_ENV environment variable
# This param can also be set in webpack config:
# entry: 'bootstrap-loader/extractStyles'
extractStyles: false
# env:
# development:
# extractStyles: false
# production:
# extractStyles: true
# Customize Bootstrap variables that get imported before the original Bootstrap variables.
# Thus, derived Bootstrap variables can depend on values from here.
# See the Bootstrap _variables.scss file for examples of derived Bootstrap variables.
#
# preBootstrapCustomizations: ./path/to/bootstrap/pre-customizations.scss
preBootstrapCustomizations: ./myschool/pre-customizations.scss
# This gets loaded after bootstrap/variables is loaded
# Thus, you may customize Bootstrap variables
# based on the values established in the Bootstrap _variables.scss file
#
# bootstrapCustomizations: ./path/to/bootstrap/customizations.scss
# Import your custom styles here
# Usually this endpoint-file contains list of @imports of your application styles
#
# appStyles: ./path/to/your/app/styles/endpoint.scss
appStyles: ./myschool/myschool.scss
### Bootstrap styles
styles:
# Mixins
mixins: true
# Reset and dependencies
normalize: true
print: true
# Core CSS
reboot: true
type: true
images: true
code: true
grid: true
tables: true
forms: true
buttons: true
# Components
transitions: true
dropdown: true
button-group: true
input-group: true
custom-forms: true
nav: true
navbar: true
card: true
breadcrumb: true
pagination: true
jumbotron: true
alert: true
progress: true
media: true
list-group: true
responsive-embed: true
close: true
# Components w/ JavaScript
modal: true
tooltip: true
popover: true
carousel: true
# Utility classes
utilities: true
utilities-background: false
utilities-spacing: false
utilities-responsive: false
### Bootstrap scripts
scripts:
alert: true
button: true
carousel: true
collapse: true
dropdown: true
modal: true
popover: true
scrollspy: true
tab: true
tooltip: true
util: true
\ No newline at end of file
myschool/assets/fonts/fontawesome-webfont.svg 0 → 100644
View file @ 4308ec12
This source diff could not be displayed because it is too large. You can view the blob instead.
myschool/footer.scss 0 → 100644
View file @ 4308ec12
.subfooter {
// position: absolute;
// bottom: 41px;
background-color: #dcdcdc;
height: 100px;
width: 100%;
}
.footer {
//position: absolute;
//bottom: 0;
width: 100%;
height: 41px;
line-height: 41px;
background-color: #3a3a3a;
color: #909090;
.ft-text {
font-size: 12px;
a {
color: #909090;
font-size: 12px;
text-decoration: none;
&:hover {
text-decoration: none;
}
}
}
}
myschool/header.scss 0 → 100644
View file @ 4308ec12
.header-wrapper {
background: none repeat scroll 0 0 #F2F1F1;
border-bottom: 1px solid #e2e2e2;
height: 32px;
.navbar {
border-color: transparent;
a.navbar-brand {
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
#block-block-1 {
padding-top: 12px;
}
}
.name-slogan {
float:left;
margin: 0 0 30px 15px;
padding-top: 25px;
#site-name {
.navbar-sitename {
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: #fff;
&:hover {
text-decoration: default;
color: #fff;
}
}
}
#site-slogan {
.lead {
font-size: 14px;
color: #fff;
}
}
}
}
\ No newline at end of file
myschool/main.scss 0 → 100644
View file @ 4308ec12
.main-wrapper {
background: #FFF none repeat-y 0 0;
min-height: calc(100vh - 220px);
#content {
zoom: 1;
background-color: white;
box-shadow: none;
position: relative;
z-index: 0;
padding: 15px 10px 10px;
//padding: 0 10px 10px;
margin-top: 0;
.crumb {
border-bottom: 1px solid #EFEFEF!important;
border-top: 1px solid #EFEFEF!important;
color: #333333!important;
display: block!important;
font: 12px 'Trebuchet MS',Helvetica,Arial,Verdana,sans-serif!important;
padding: 8px 8px 8px 0!important;
background-color: white;
}
.left-sidebar {
background-color: #EEEEEE;
padding: 10px;
.navig-left-img {
text-align: center;
}
.content {
margin-left: 1.4%;
}
.small-text {
font-weight: bold;
font-size: 8pt!important;
line-height: 1.4em!important;
margin-bottom: 0;
}
p {
margin-bottom: 0;
}
}
}
}
@include media-breakpoint-up(md) {
.main-wrapper {
#content {
padding: 0 10px 10px;
box-shadow: 0 0 20px #888888;
}
}
}
\ No newline at end of file
myschool/myschool.scss 0 → 100644
View file @ 4308ec12
@import 'header';
@import 'navbar';
@import 'main';
@import 'footer';
@import 'scss/font-awesome';
html {
position: relative;
min-height: 100%;
}
myschool/navbar.scss 0 → 100644
View file @ 4308ec12
.nav-wrapper {
.navbar-toggler {
border: 2px solid #f15a26;
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
}
.navbar-collapse {
height: auto;
.navbar-nav {
padding-bottom: 15px;
margin-top: 10px;
margin-bottom: 10px;
li a.active {
&::after{
border-width: 0px;
}
}
a {
&:hover:after {
border-width: 0px;
}
}
}
}
}
.nav-wrapper {
z-index: 1;
position: relative;
background-color: #fff;
.navbar {
margin-top: 10px;
padding-top: 0;
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
}
.navbar-collapse {
// height: 46px;
.navbar-nav {
padding-bottom: 0px;
li {
float: none;
display: block;
line-height: 24px;
margin: 0;
padding: 0;
}
li a.active {
color: #fff;
font-weight: bold;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
background: #f15a23;
// box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
&::after{
// border-left: 10px solid transparent;
// border-right: 10px solid transparent;
// border-top: 7px solid #f15a23;
// content: "";
// display: block;
// height: 0;
// margin: 0px auto 0 auto;
// width: 0;
}
}
a {
display: block;
padding: 0px 21px;
color: #000;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 46px;
line-height: 46px;
&:hover {
background: #ddd;
// box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
}
&:hover:after {
// border-left: 10px solid transparent;
// border-right: 10px solid transparent;
// border-top: 7px solid #ddd;
// content: "";
// display: block;
// height: 0;
// margin: 0px auto 0 auto;
// width: 0;
}
}
}
}
}
@include media-breakpoint-up(md) {
.nav-wrapper {
.navbar {
padding-bottom: 0;
}
.navbar-collapse {
height: 46px;
.navbar-nav {
margin-top: 0px;
margin-bottom: 0px;
li a.active {
box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
&::after{
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 7px solid #f15a23;
content: "";
display: block;
height: 0;
margin: 0px auto 0 auto;
width: 0;
}
}
a {
&:hover {
box-shadow: inset 0 3px 5px rgba(0,0,0,0.4);
}
&:hover:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 7px solid #ddd;
content: "";
display: block;
height: 0;
margin: 0px auto 0 auto;
width: 0;
}
}
}
}
}
}
\ No newline at end of file
myschool/scss/_animated.scss 0 → 100644
View file @ 4308ec12
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
myschool/scss/_bordered-pulled.scss 0 → 100644
View file @ 4308ec12
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }
.#{$fa-css-prefix} {
&.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
&.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
myschool/scss/_core.scss 0 → 100644
View file @ 4308ec12
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
myschool/scss/_fixed-width.scss 0 → 100644
View file @ 4308ec12
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
myschool/scss/_icons.scss 0 → 100644
View file @ 4308ec12
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
.#{$fa-css-prefix}-remove:before,
.#{$fa-css-prefix}-close:before,
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
.#{$fa-css-prefix}-gear:before,
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
.#{$fa-css-prefix}-rotate-right:before,
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
.#{$fa-css-prefix}-dedent:before,
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
.#{$fa-css-prefix}-photo:before,
.#{$fa-css-prefix}-image:before,
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
.#{$fa-css-prefix}-edit:before,
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
.#{$fa-css-prefix}-mail-forward:before,