Browse Source

No flexbox, style edits

master
Alexander Yakovlev 5 years ago
parent
commit
09d4924f2c
  1. 2
      bower.json
  2. 2
      mortgage.php
  3. 57
      style.scss

2
bower.json

@ -1,6 +1,6 @@
{
"name": "mortgage",
"dependencies": {
"bootstrap": "^4.0.0"
"bootstrap": "4.0.0-alpha.5"
}
}

2
mortgage.php

@ -17,7 +17,7 @@ function calculator() {
wp_enqueue_style( 'mortgage-font', 'https://fonts.googleapis.com/css?family=Open+Sans:300,40' );
wp_enqueue_script( 'mortgage-script', plugin_dir_url( __FILE__ ) . '/custom.js', ['jquery'], '1.0.0', true );
wp_enqueue_script( 'tether', 'https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js', ['jquery']);
wp_enqueue_script( 'bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js', ['jquery']);
wp_enqueue_script( 'bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js', ['jquery']);
wp_enqueue_script( 'inputmask', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js', ['jquery']);
$myfile = fopen(__DIR__.'/index.html', "r") or die("Unable to open file!");
$out = fread($myfile,filesize(__DIR__.'/index.html'));

57
style.scss

@ -4,53 +4,16 @@ $brand-primary: #008245;
$modal-lg: 800px;
$modal-md: 700px;
$modal-sm: 300px;
$enable-flex: false;
$modal-backdrop-bg: rgba(100, 100, 100, 0.5);
@import "bower_components/bootstrap/scss/variables";
@import "bower_components/bootstrap/scss/mixins";
@import "bower_components/bootstrap/scss/custom";
/*
// Reset and dependencies
@import "bower_components/bootstrap/scss/normalize";
@import "bower_components/bootstrap/scss/print";
// Core CSS
@import "bower_components/bootstrap/scss/reboot";
@import "bower_components/bootstrap/scss/type";
@import "bower_components/bootstrap/scss/images";
@import "bower_components/bootstrap/scss/code";
@import "bower_components/bootstrap/scss/grid";
@import "bower_components/bootstrap/scss/tables";
@import "bower_components/bootstrap/scss/buttons";
// Components
@import "bower_components/bootstrap/scss/dropdown";
@import "bower_components/bootstrap/scss/button-group";
@import "bower_components/bootstrap/scss/input-group";
@import "bower_components/bootstrap/scss/custom-forms";
@import "bower_components/bootstrap/scss/nav";
@import "bower_components/bootstrap/scss/navbar";
@import "bower_components/bootstrap/scss/card";
@import "bower_components/bootstrap/scss/breadcrumb";
@import "bower_components/bootstrap/scss/pagination";
@import "bower_components/bootstrap/scss/badge";
@import "bower_components/bootstrap/scss/jumbotron";
@import "bower_components/bootstrap/scss/alert";
@import "bower_components/bootstrap/scss/progress";
@import "bower_components/bootstrap/scss/media";
@import "bower_components/bootstrap/scss/list-group";
@import "bower_components/bootstrap/scss/responsive-embed";
@import "bower_components/bootstrap/scss/close";
// Components w/ JavaScript
@import "bower_components/bootstrap/scss/tooltip";
@import "bower_components/bootstrap/scss/popover";
@import "bower_components/bootstrap/scss/carousel";
*/
@import "bower_components/bootstrap/scss/modal";
@import "bower_components/bootstrap/scss/forms";
@import "bower_components/bootstrap/scss/transitions";
@import "bower_components/bootstrap/scss/animation";
// Utility classes
@import "bower_components/bootstrap/scss/utilities";
@ -61,7 +24,7 @@ $modal-sm: 300px;
};
}
@mixin make-block {
display: flex;
//display: flex;
}
body {
@ -82,6 +45,7 @@ body {
border: 1px solid #333;
padding: 3em;
.note {
padding-left: 1em;
@include make-col(3, $grid-columns);
color: #555;
font-size: $font-size-base;
@ -92,7 +56,7 @@ body {
.form-name,
.form-mortgage {
.row {
@make-row();
@include make-row();
}
.narrow {
@include make-col(3, $grid-columns);
@ -105,6 +69,7 @@ body {
label {
@extend .col-form-label;
@include make-col(6, $grid-columns);
padding-right: 1em;
text-align: right;
@include make-block();
}
@ -112,6 +77,13 @@ body {
content: ':';
}
}
.modal-header {
text-align: right;
.close {
background-color: transparent;
color: #777;
}
}
.mod-more {
text-align: center;
a {
@ -131,6 +103,7 @@ body {
.mortgage-btn {
margin: 0 auto;
display: block;
background-color: $brand-primary;
}
.arrow-down {
border: solid black;

Loading…
Cancel
Save