Add autoprefixer workflow (#74)

* Add node_modules in gitignore

* Add autoprefixer workflow
This commit is contained in:
Emruz Hossain 2020-08-21 22:12:34 +06:00 committed by GitHub
parent 18a19d02d1
commit 1735b74f40
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 1016 additions and 109 deletions

View file

@ -311,7 +311,6 @@
padding-top: 20px;
padding-left: 0px;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.post-card-holder {
@ -320,7 +319,6 @@
padding-right: 0;
padding-left: 0;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.post-card-holder.hide {

View file

@ -54,7 +54,6 @@ a:hover {
border-color: #3c4858;
color: #e5e9f2;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.btn-dark:hover,
@ -62,7 +61,6 @@ a:hover {
background-color: #248aaa;
border-color: #248aaa;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.btn-outline-info {
@ -116,7 +114,6 @@ img.right {
.card {
box-shadow: none;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
overflow: hidden;
}
@ -135,7 +132,6 @@ img.right {
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
border: 1px solid #fff;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.card .card-head {
@ -146,15 +142,12 @@ img.right {
.card-img-top {
transition: all 0.3s ease-out !important;
-webkit-transition: all 0.3s ease-out !important;
}
.card:hover .card-head .card-img-top,
.card:focus .card-head .card-img-top {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.card-body {
@ -181,13 +174,11 @@ img.right {
.footer a {
color: #8392a5;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.footer a:hover {
margin-left: 5px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.footer ul {
@ -226,7 +217,6 @@ img.right {
.footer #hugo:hover {
margin-right: 5px;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
/* --- FOOTER END ---- */

View file

@ -6,7 +6,6 @@
height: 50px;
z-index: 99999;
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
margin: 0;
padding-top: 0.1rem;
text-align: center;
@ -31,7 +30,6 @@
.initial-navbar li a:hover {
color: #f9fafc;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.navbar-collapse {
@ -52,7 +50,6 @@
background-color: #f9fafc;
color: #1c2d41;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.final-navbar .navbar-brand {
@ -64,7 +61,6 @@
color: #1c2d41;
font-weight: 500;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
border-bottom: 2px solid#F9FAFC;
}
@ -72,7 +68,6 @@
.final-navbar li a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
border-bottom: 2px solid #2098d1;
background: rgb(2, 0, 36);
background: linear-gradient(
@ -87,7 +82,6 @@
color: #1c2d41;
font-weight: 500;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.navbar-collapse.show .navbar-nav .active,
@ -146,14 +140,13 @@
.initial-navbar li a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.final-navbar .navbar-nav .active,
.final-navbar li a:hover {
color: #2098d1;
transition: none;
-webkit-transition: none;
border-bottom: none;
background: transparent;
}
@ -165,7 +158,6 @@
.final-navbar .navbar-collapse.show {
box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.dropdown-divider {
@ -186,14 +178,13 @@
.initial-navbar li a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.final-navbar .navbar-nav .active,
.final-navbar li a:hover {
color: #2098d1;
transition: none;
-webkit-transition: none;
border-bottom: none;
background: transparent;
}
@ -205,7 +196,6 @@
.final-navbar .navbar-collapse.show {
box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.dropdown-divider {
@ -226,14 +216,13 @@
.initial-navbar li a:hover {
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.final-navbar .navbar-nav .active,
.final-navbar li a:hover {
color: #2098d1;
transition: none;
-webkit-transition: none;
border-bottom: none;
background: transparent;
}
@ -245,7 +234,6 @@
.final-navbar .navbar-collapse.show {
box-shadow: 5px 10px 10px rgba(192, 204, 218, 0.3);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.dropdown-divider {

View file

@ -4,7 +4,6 @@
max-width: 20%;
/* background-color: lightsalmon; */
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar-holder {
@ -15,14 +14,12 @@
overflow: auto;
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.sidebar {
background: #f9fafc;
height: 100vh;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.sidebar-tree {
@ -42,7 +39,6 @@
border-radius: 5px;
background-color: #e5e9f2;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
border: 1px solid #c0ccda;
}
@ -74,7 +70,6 @@ ul {
text-decoration: none;
color: #131313;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.tree li a.active {
@ -86,7 +81,6 @@ ul {
margin-left: 3px;
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.tree i {
@ -193,7 +187,6 @@ a.focused {
max-width: 0%;
min-height: 100vh;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.sidebar-holder {
position: sticky;
@ -206,7 +199,6 @@ a.focused {
max-width: 30%;
margin-right: 0.5rem;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
}
@ -223,7 +215,6 @@ a.focused {
max-width: 0%;
min-height: 100vh;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.sidebar-holder {
position: sticky;
@ -236,7 +227,6 @@ a.focused {
max-width: 40%;
margin-right: 0.5rem;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
}
@ -249,7 +239,6 @@ a.focused {
max-height: 0;
max-width: 100%;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar-section.hide {
@ -260,7 +249,6 @@ a.focused {
max-height: 300vh;
max-width: 100%;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar-holder {
@ -269,13 +257,11 @@ a.focused {
overflow: hidden;
max-width: 100%;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar-section.hide .sidebar-holder {
max-height: 200vh;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar {
@ -286,19 +272,16 @@ a.focused {
min-height: 0;
overflow: hidden;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.sidebar-tree {
margin-left: 0rem;
max-height: 0;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
.sidebar-section.hide .sidebar-tree {
max-height: 200vh;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
}

View file

@ -63,7 +63,6 @@
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
@ -76,7 +75,6 @@
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: circular-loading-1 1.8s linear forwards;
}
@ -165,176 +163,144 @@
@keyframes circular-loading-50 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes circular-loading-55 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
}
@keyframes circular-loading-60 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@keyframes circular-loading-65 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
}
@keyframes circular-loading-70 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
}
}
@keyframes circular-loading-75 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes circular-loading-80 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(108deg);
transform: rotate(108deg);
}
}
@keyframes circular-loading-85 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@keyframes circular-loading-90 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes circular-loading-95 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(162deg);
transform: rotate(162deg);
}
}
@keyframes circular-loading-100 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes circular-loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes circular-loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes circular-loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes circular-loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@keyframes circular-loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}

View file

@ -16,7 +16,6 @@
position: relative;
overflow: hidden;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
#gallery .achievement-entry:hover {
@ -24,7 +23,6 @@
z-index: 1;
transform: scale(1.1);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
z-index: 20000;
}
@ -33,9 +31,7 @@
z-index: 1;
opacity: 1 !important;
transition: none !important;
-webkit-transition: none !important;
transform: none !important;
-webkit-transform: none !important;
}
#gallery .img-type-1 {
@ -58,7 +54,6 @@
opacity: 1;
font-size: 1rem;
transition: all 0.3s ease-out;
--webkit-transition: all 0.3s ease-out;
}
#gallery .img-type-1 i {
@ -72,7 +67,6 @@
.achievement-details.img-type-2 i {
margin-top: 0px !important;
transition: none !important;
-webkit-transition: none !important;
float: right;
}
@ -92,7 +86,6 @@
opacity: 1;
bottom: 0px;
transition: bottom 0.3s ease-out;
-webkit-transition: bottom 0.3s ease-out;
}
#gallery .caption {
@ -103,7 +96,6 @@
padding: 15px;
position: absolute;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
#gallery .caption h4 {

View file

@ -14,9 +14,7 @@
background-attachment: fixed;
background-position: center;
transform: scale(1.1);
-webkit-transform: scale(1.1);
filter: blur(3px);
-webkit-filter: blur(3px);
background-size: cover;
}

View file

@ -34,7 +34,6 @@ body {
max-width: 20%;
/* background-color: lightpink; */
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.toc-holder {
@ -47,14 +46,12 @@ body {
max-height: 100vh;
/* box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16); */
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc {
position: relative;
padding-top: 0px;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc nav {
@ -64,7 +61,6 @@ body {
flex-direction: column;
align-items: flex-start;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc ul {
@ -76,7 +72,6 @@ body {
padding: 0;
padding-left: 0.5rem;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
color: #1c2d41;
}
@ -88,7 +83,6 @@ body {
background-color: #248aaa;
color: #f9f9f9;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.hero-area {
@ -266,13 +260,11 @@ mark {
.next-prev-navigator a {
color: #2098d1;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.next-prev-navigator a:hover {
color: #3c4858;
transition: all 0.3 ease-out;
-webkit-transition: all 0.3 ease-out;
}
.next-prev-navigator .next-article {
@ -281,12 +273,10 @@ mark {
.next-prev-navigator .next-article a {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.next-prev-navigator .previous-article a {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.next-prev-navigator .btn-outline-info {
@ -294,14 +284,12 @@ mark {
border-color: #e5e9f2 !important;
background-color: #248aaa !important;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.next-prev-navigator .btn-outline-info:hover {
color: #3c4858 !important;
background-color: #e5e9f2 !important;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.disquss {
@ -359,14 +347,12 @@ mark {
flex: 0%;
max-width: 0%;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc-section.hide {
flex: 40%;
max-width: 40%;
margin-left: 0.5rem;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc-holder {
@ -435,14 +421,12 @@ mark {
flex: 0%;
max-width: 0%;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc-section.hide {
flex: 40%;
max-width: 40%;
margin-left: 0.5rem;
transition: all ease-out 0.3s;
-webkit-transition: all ease-out 0.3s;
}
.toc-holder {
@ -502,7 +486,6 @@ mark {
max-height: 0;
max-width: 100%;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.toc-section.hide {
@ -517,7 +500,6 @@ mark {
padding-right: 0;
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.toc-holder {
@ -525,12 +507,10 @@ mark {
margin-right: 0;
overflow: hidden;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.toc-section.hide .toc-holder {
max-height: 200vh;
transition: all ease-out 0.5s;
-webkit-transition: all ease-out 0.5s;
}
.navbar-toggler {