From 416412dc5b7b09143e05a9c94006fd6248815f0c Mon Sep 17 00:00:00 2001 From: Yutsuo Date: Fri, 10 Jan 2020 14:19:30 -0300 Subject: [PATCH] training --- src/css/styles.css | 17 +++--- src/index.html | 107 +---------------------------------- src/index.html.bak | 129 +++++++++++++++++++++++++++++++++++++++++++ src/scss/styles.scss | 6 +- 4 files changed, 147 insertions(+), 112 deletions(-) create mode 100644 src/index.html.bak diff --git a/src/css/styles.css b/src/css/styles.css index 9261f91..4e5fedc 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -1,3 +1,6 @@ +div { + border: 1px dotted black; } + .jumbotron { background-color: #ffffff !important; border-top: 3px solid #dbdbdb; } @@ -60,7 +63,7 @@ body { line-height: 1.5; color: #212529; text-align: left; - background-color: darkgray; } + background-color: whitesmoke; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } @@ -396,7 +399,7 @@ mark, .img-thumbnail { padding: 0.25rem; - background-color: darkgray; + background-color: whitesmoke; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; @@ -2872,11 +2875,11 @@ input[type="button"].btn-block { .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px darkgray, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } + box-shadow: 0 0 0 1px whitesmoke, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px darkgray, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } + box-shadow: 0 0 0 1px whitesmoke, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px darkgray, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } + box-shadow: 0 0 0 1px whitesmoke, 0 0 0 0.2rem rgba(0, 0, 139, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { @@ -3008,8 +3011,8 @@ input[type="button"].btn-block { .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; - background-color: darkgray; - border-color: #dee2e6 #dee2e6 darkgray; } + background-color: whitesmoke; + border-color: #dee2e6 #dee2e6 whitesmoke; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; diff --git a/src/index.html b/src/index.html index 271997d..9c148cd 100644 --- a/src/index.html +++ b/src/index.html @@ -17,111 +17,10 @@
- - - -
-

Simple. Elegant. Awesome.

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi - ut aliquip ex ea commodo consequat.

- -

- Learn more -

-
-
- -
-
-
Card title
-

Some quick example text to build on the card title

- Another link -
-
-
-
-
-
-
Card title
-

Some quick example text to build on the card title

- Another link -
-
-
-
-
-
-
Card title
-

Some quick example text to build on the card title

- Another link -
-
-
-
-
-
-

An important heading

-

A sort of important subheading can go here, which is larger and gray.

- -

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore - et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut - aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse - cillum dolore eu fugiat nulla pariatur.

-

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo - consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat - nulla pariatur.

-
- -
-

Secondary Menu

- - -
+
Column 1
+
Column 2
+
Column 3
diff --git a/src/index.html.bak b/src/index.html.bak new file mode 100644 index 0000000..271997d --- /dev/null +++ b/src/index.html.bak @@ -0,0 +1,129 @@ + + + + + Bootstrap 4 Layout + + + + + + + + + + + + + +
+ + + +
+

Simple. Elegant. Awesome.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut + labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi + ut aliquip ex ea commodo consequat.

+ +

+ Learn more +

+
+
+
+ +
+
+
Card title
+

Some quick example text to build on the card title

+ Another link +
+
+
+
+
+
+
Card title
+

Some quick example text to build on the card title

+ Another link +
+
+
+
+
+
+
Card title
+

Some quick example text to build on the card title

+ Another link +
+
+
+
+
+
+

An important heading

+

A sort of important subheading can go here, which is larger and gray.

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore + et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut + aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur.

+

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat + nulla pariatur.

+
+ +
+

Secondary Menu

+ + +
+
+
+ + + \ No newline at end of file diff --git a/src/scss/styles.scss b/src/scss/styles.scss index f64974b..464036d 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -3,7 +3,11 @@ $theme-colors: ( "primary": darkblue ); -$body-bg: darkgray; +$body-bg: whitesmoke; + +div { + border: 1px dotted black; +} .jumbotron { background-color: #ffffff !important;