forked from projects/fipamo
removed unecessary mixins
This commit is contained in:
parent
a70c98afa0
commit
2b7db3cc88
8 changed files with 209 additions and 242 deletions
|
@ -1912,6 +1912,7 @@ a {
|
||||||
font: 300 1em Helvetica, Arial, sans-serif;
|
font: 300 1em Helvetica, Arial, sans-serif;
|
||||||
color: #b2cce5;
|
color: #b2cce5;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
transition: all 0.2s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg.icons {
|
svg.icons {
|
||||||
|
@ -2057,10 +2058,7 @@ svg.icons {
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
}
|
}
|
||||||
.main-container section header #wrapper #right #dash-menu a button svg {
|
.main-container section header #wrapper #right #dash-menu a button svg {
|
||||||
-moz-transition: all 0.1s linear;
|
transition: all 0.2s linear;
|
||||||
-webkit-transition: all 0.1s linear;
|
|
||||||
-o-transition: all 0.1s linear;
|
|
||||||
transition: all 0.1s linear;
|
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
fill: #EFEBE3;
|
fill: #EFEBE3;
|
||||||
|
@ -2270,10 +2268,7 @@ svg.icons {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg {
|
#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg {
|
||||||
-moz-transition: all 0.1s linear;
|
transition: all 0.2s linear;
|
||||||
-webkit-transition: all 0.1s linear;
|
|
||||||
-o-transition: all 0.1s linear;
|
|
||||||
transition: all 0.1s linear;
|
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
fill: #EFEBE3;
|
fill: #EFEBE3;
|
||||||
|
@ -2852,9 +2847,6 @@ button, input[type=submit] {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 0;
|
border: 0;
|
||||||
padding: 10px 0 5px 0;
|
padding: 10px 0 5px 0;
|
||||||
-moz-transition: all 0.3s linear;
|
|
||||||
-webkit-transition: all 0.3s linear;
|
|
||||||
-o-transition: all 0.3s linear;
|
|
||||||
transition: all 0.3s linear;
|
transition: all 0.3s linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2919,6 +2911,7 @@ select {
|
||||||
width: 55px;
|
width: 55px;
|
||||||
}
|
}
|
||||||
#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg {
|
#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg {
|
||||||
|
transition: all 0.1s linear;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 17px;
|
height: 17px;
|
||||||
fill: #EFEBE3;
|
fill: #EFEBE3;
|
||||||
|
@ -3000,10 +2993,7 @@ select {
|
||||||
margin: 0 0 10px 10px;
|
margin: 0 0 10px 10px;
|
||||||
}
|
}
|
||||||
#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
|
#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg {
|
||||||
-moz-transition: all 0.1s linear;
|
transition: all 0.2s linear;
|
||||||
-webkit-transition: all 0.1s linear;
|
|
||||||
-o-transition: all 0.1s linear;
|
|
||||||
transition: all 0.1s linear;
|
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
fill: #b2cce5;
|
fill: #b2cce5;
|
||||||
|
@ -3152,13 +3142,6 @@ select {
|
||||||
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button {
|
#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
-moz-transition: all 0.3s linear;
|
|
||||||
-webkit-transition: all 0.3s linear;
|
|
||||||
-o-transition: all 0.3s linear;
|
|
||||||
transition: all 0.3s linear;
|
|
||||||
-moz-transition: all 0.3s linear;
|
|
||||||
-webkit-transition: all 0.3s linear;
|
|
||||||
-o-transition: all 0.3s linear;
|
|
||||||
transition: all 0.3s linear;
|
transition: all 0.3s linear;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
@ -3712,9 +3695,6 @@ select {
|
||||||
background: #b2cce5;
|
background: #b2cce5;
|
||||||
width: 10%;
|
width: 10%;
|
||||||
height: 39px;
|
height: 39px;
|
||||||
-moz-transition: all 0.3s linear;
|
|
||||||
-webkit-transition: all 0.3s linear;
|
|
||||||
-o-transition: all 0.3s linear;
|
|
||||||
transition: all 0.3s linear;
|
transition: all 0.3s linear;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
388
src/com/Base.js
388
src/com/Base.js
|
@ -8,205 +8,205 @@ const data = new DataUitls();
|
||||||
const notify = new Notfications();
|
const notify = new Notfications();
|
||||||
|
|
||||||
export default class Base {
|
export default class Base {
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// constructor
|
// constructor
|
||||||
//--------------------------
|
//--------------------------
|
||||||
constructor() {
|
constructor() {
|
||||||
this.processing = false;
|
this.processing = false;
|
||||||
this.start();
|
this.start();
|
||||||
}
|
}
|
||||||
|
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// methods
|
// methods
|
||||||
//--------------------------
|
//--------------------------
|
||||||
start() {
|
start() {
|
||||||
if (
|
if (
|
||||||
document.getElementById('dash-form') ||
|
document.getElementById('dash-form') ||
|
||||||
document.getElementById('dash-init')
|
document.getElementById('dash-init')
|
||||||
) {
|
) {
|
||||||
var options = document.getElementsByClassName('init-option');
|
var options = document.getElementsByClassName('init-option');
|
||||||
for (let index = 0; index < options.length; index++) {
|
for (let index = 0; index < options.length; index++) {
|
||||||
options[index].addEventListener('click', e => this.handleOptions(e));
|
options[index].addEventListener('click', e => this.handleOptions(e));
|
||||||
}
|
}
|
||||||
if (document.getElementById('dash-form')) {
|
if (document.getElementById('dash-form')) {
|
||||||
document
|
document
|
||||||
.getElementById('login-btn')
|
.getElementById('login-btn')
|
||||||
.addEventListener('click', e => this.handleLogin(e));
|
.addEventListener('click', e => this.handleLogin(e));
|
||||||
} else {
|
} else {
|
||||||
document
|
document
|
||||||
.getElementById('init-blog')
|
.getElementById('init-blog')
|
||||||
.addEventListener('click', e => this.handleSetup(e));
|
.addEventListener('click', e => this.handleSetup(e));
|
||||||
document
|
document
|
||||||
.getElementById('blog-restore')
|
.getElementById('blog-restore')
|
||||||
.addEventListener('click', e => this.handleRestore(e));
|
.addEventListener('click', e => this.handleRestore(e));
|
||||||
}
|
}
|
||||||
} else if (document.getElementById('dash-reset')) {
|
} else if (document.getElementById('dash-reset')) {
|
||||||
document
|
document
|
||||||
.getElementById('get-secret-btn')
|
.getElementById('get-secret-btn')
|
||||||
.addEventListener('click', e => this.handleReset(e));
|
.addEventListener('click', e => this.handleReset(e));
|
||||||
|
|
||||||
document
|
document
|
||||||
.getElementById('reset-btn')
|
.getElementById('reset-btn')
|
||||||
.addEventListener('click', e => this.handleReset(e));
|
.addEventListener('click', e => this.handleReset(e));
|
||||||
} else {
|
} else {
|
||||||
new DashManager();
|
new DashManager();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//--------------------------
|
//--------------------------
|
||||||
// event handlers
|
// event handlers
|
||||||
//--------------------------
|
//--------------------------
|
||||||
handleLogin(e) {
|
handleLogin(e) {
|
||||||
if (this.processing) return;
|
if (this.processing) return;
|
||||||
let self = this;
|
let self = this;
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
let authForm = data.formDataToJSON(document.getElementById('login'));
|
let authForm = data.formDataToJSON(document.getElementById('login'));
|
||||||
notify.alert('Looking, hold up', null);
|
notify.alert('Looking, hold up', null);
|
||||||
let api = new FipamoAdminAPI();
|
let api = new FipamoAdminAPI();
|
||||||
this.processing = true;
|
this.processing = true;
|
||||||
api.login(authForm)
|
api.login(authForm)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
if (response.type === DataEvent.REQUEST_LAME) {
|
if (response.type === DataEvent.REQUEST_LAME) {
|
||||||
notify.alert(response.message, false);
|
notify.alert(response.message, false);
|
||||||
} else {
|
} else {
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
e.target.innerHTML = response.message;
|
e.target.innerHTML = response.message;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location = '/dashboard';
|
window.location = '/dashboard';
|
||||||
}, 500);
|
}, 500);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(err, false);
|
notify.alert(err, false);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
handleSetup(e) {
|
handleSetup(e) {
|
||||||
if (this.processing) return;
|
if (this.processing) return;
|
||||||
let self = this;
|
let self = this;
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
let setUpForm = data.formDataToJSON(document.getElementById('init-form'));
|
let setUpForm = data.formDataToJSON(document.getElementById('init-form'));
|
||||||
let mm = new Maintenance();
|
let mm = new Maintenance();
|
||||||
this.processing = true;
|
this.processing = true;
|
||||||
mm.create(setUpForm)
|
mm.create(setUpForm)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
if (response.type === DataEvent.API_INIT_LAME) {
|
if (response.type === DataEvent.API_INIT_LAME) {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(response.message, false);
|
notify.alert(response.message, false);
|
||||||
} else {
|
} else {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location = '/dashboard';
|
window.location = '/dashboard';
|
||||||
}, 700);
|
}, 700);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(err, false);
|
notify.alert(err, false);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
handleRestore(e) {
|
handleRestore(e) {
|
||||||
if (this.processing) return;
|
if (this.processing) return;
|
||||||
let self = this;
|
let self = this;
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
let mm = new Maintenance();
|
let mm = new Maintenance();
|
||||||
var form = document.getElementById('init-restore');
|
var form = document.getElementById('init-restore');
|
||||||
this.processing = true;
|
this.processing = true;
|
||||||
mm.restore(form)
|
mm.restore(form)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
if (response.type === DataEvent.REQUEST_LAME) {
|
if (response.type === DataEvent.REQUEST_LAME) {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(response.message, false);
|
notify.alert(response.message, false);
|
||||||
} else {
|
} else {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location = '/dashboard';
|
window.location = '/dashboard';
|
||||||
}, 1500);
|
}, 1500);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(err, false);
|
notify.alert(err, false);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
handleReset(e) {
|
handleReset(e) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
let self = this;
|
let self = this;
|
||||||
let mm = new Maintenance();
|
let mm = new Maintenance();
|
||||||
if (e.target.id == 'get-secret-btn') {
|
if (e.target.id == 'get-secret-btn') {
|
||||||
let data = {
|
let data = {
|
||||||
email: document.getElementById('email').value,
|
email: document.getElementById('email').value,
|
||||||
task: 'retrieveSecret'
|
task: 'retrieveSecret'
|
||||||
};
|
};
|
||||||
this.processing = true;
|
this.processing = true;
|
||||||
mm.secret(data)
|
mm.secret(data)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
if (response.secret) {
|
if (response.secret) {
|
||||||
document.getElementById('secret').value = response.secret;
|
document.getElementById('secret').value = response.secret;
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
} else {
|
} else {
|
||||||
if (response.type == 'mailSent') {
|
if (response.type == 'mailSent') {
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
} else {
|
} else {
|
||||||
notify.alert(response.message, false);
|
notify.alert(response.message, false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(err, false);
|
notify.alert(err, false);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
let data = {
|
let data = {
|
||||||
newPass: document.getElementById('new_password').value,
|
newPass: document.getElementById('new_password').value,
|
||||||
newPassConfirm: document.getElementById('new_password2').value,
|
newPassConfirm: document.getElementById('new_password2').value,
|
||||||
secret: document.getElementById('secret').value
|
secret: document.getElementById('secret').value
|
||||||
};
|
};
|
||||||
mm.newPass(data)
|
mm.newPass(data)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
if (response.type == 'passNotCreated') {
|
if (response.type == 'passNotCreated') {
|
||||||
notify.alert(response.message, false);
|
notify.alert(response.message, false);
|
||||||
} else {
|
} else {
|
||||||
notify.alert(response.message, true);
|
notify.alert(response.message, true);
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
window.location = '/dashboard';
|
window.location = '/dashboard';
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
self.processing = false;
|
self.processing = false;
|
||||||
notify.alert(err, false);
|
notify.alert(err, false);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
handleOptions(e) {
|
handleOptions(e) {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
let init = document.getElementById('dash-init');
|
let init = document.getElementById('dash-init');
|
||||||
let restore = document.getElementById('dash-restore');
|
let restore = document.getElementById('dash-restore');
|
||||||
if (e.target.id === 'init-switch-restore') {
|
if (e.target.id === 'init-switch-restore') {
|
||||||
init.style.display = 'none';
|
init.style.display = 'none';
|
||||||
init.style.visibility = 'hidden';
|
init.style.visibility = 'hidden';
|
||||||
|
|
||||||
restore.style.display = 'flex';
|
restore.style.display = 'flex';
|
||||||
restore.style.visibility = 'visible';
|
restore.style.visibility = 'visible';
|
||||||
} else {
|
} else {
|
||||||
init.style.display = 'flex';
|
init.style.display = 'flex';
|
||||||
init.style.visibility = 'visible';
|
init.style.visibility = 'visible';
|
||||||
|
|
||||||
restore.style.display = 'none';
|
restore.style.display = 'none';
|
||||||
restore.style.visibility = 'hidden';
|
restore.style.visibility = 'hidden';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,6 @@
|
||||||
// margin 10px
|
// margin 10px
|
||||||
top: 1px
|
top: 1px
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
// background-opacity($primary - 10%, 0.50)
|
|
||||||
width: 100%
|
width: 100%
|
||||||
max-width: 880px
|
max-width: 880px
|
||||||
margin-top: 30px
|
margin-top: 30px
|
||||||
|
@ -17,7 +16,7 @@
|
||||||
background: $secondary
|
background: $secondary
|
||||||
width: 10%
|
width: 10%
|
||||||
height: 39px
|
height: 39px
|
||||||
@include object-transitions(0.3s)
|
transition: all 0.3s linear
|
||||||
margin: 0
|
margin: 0
|
||||||
border-radius: 0
|
border-radius: 0
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
|
|
@ -36,7 +36,7 @@ button, input[type=submit]
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
border: 0
|
border: 0
|
||||||
padding: 10px 0 5px 0
|
padding: 10px 0 5px 0
|
||||||
@include object_transitions(.3s)
|
transition: all 0.3s linear
|
||||||
|
|
||||||
select
|
select
|
||||||
font: 14px $baseType
|
font: 14px $baseType
|
||||||
|
|
|
@ -142,7 +142,7 @@
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
margin-left: 10px
|
margin-left: 10px
|
||||||
svg
|
svg
|
||||||
@include object-transitions(0.1s)
|
transition: all 0.2s linear
|
||||||
width: 40px
|
width: 40px
|
||||||
height: 20px
|
height: 20px
|
||||||
fill: $white
|
fill: $white
|
||||||
|
@ -174,14 +174,13 @@
|
||||||
text-align: center
|
text-align: center
|
||||||
position: relative
|
position: relative
|
||||||
top: 35%
|
top: 35%
|
||||||
@include text-drop-shadow($black, 1, 2px, 2px, 0)
|
text-shadow: 2px 2px 0 rgba($black, 1)
|
||||||
|
|
||||||
div#options
|
div#options
|
||||||
width: 100%
|
width: 100%
|
||||||
position: absolute
|
position: absolute
|
||||||
bottom: 0
|
bottom: 0
|
||||||
border-radius: 0 0 3px 3px
|
border-radius: 0 0 3px 3px
|
||||||
//background-opacity($black, .35)
|
|
||||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
|
||||||
|
|
||||||
#option-left
|
#option-left
|
||||||
|
|
|
@ -1,13 +1,3 @@
|
||||||
@mixin text-drop-shadow($rgb_value, $opacity, $offsetX, $offsetY, $blur)
|
|
||||||
text-shadow: $offsetX $offsetY $blur rgba($rgb_value, $opacity)
|
|
||||||
|
|
||||||
@mixin object-transitions($rate)
|
|
||||||
-moz-transition: all $rate linear
|
|
||||||
-webkit-transition: all $rate linear
|
|
||||||
-o-transition: all $rate linear
|
|
||||||
transition: all $rate linear
|
|
||||||
|
|
||||||
|
|
||||||
@mixin background-opacity($rgb_value, $opacity)
|
@mixin background-opacity($rgb_value, $opacity)
|
||||||
background: rgba($rgb_value, $opacity)
|
background: rgba($rgb_value, $opacity)
|
||||||
|
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
margin-left: 10px
|
margin-left: 10px
|
||||||
width: 55px
|
width: 55px
|
||||||
svg
|
svg
|
||||||
//@include object-transitions(0.1s)
|
transition: all 0.1s linear
|
||||||
width: 20px
|
width: 20px
|
||||||
height: 17px
|
height: 17px
|
||||||
fill: $white
|
fill: $white
|
||||||
|
@ -75,7 +75,7 @@
|
||||||
text-align: center
|
text-align: center
|
||||||
position: relative
|
position: relative
|
||||||
top: 35%
|
top: 35%
|
||||||
@include text-drop-shadow($black, 1, 2px, 2px, 0)
|
text-shadow: 2px 2px 0 rgba($black, 1)
|
||||||
#meta
|
#meta
|
||||||
width: 100%
|
width: 100%
|
||||||
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
|
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)
|
||||||
|
@ -99,7 +99,7 @@
|
||||||
background: $primary
|
background: $primary
|
||||||
margin: 0 0 10px 10px
|
margin: 0 0 10px 10px
|
||||||
svg
|
svg
|
||||||
@include object-transitions(0.1s)
|
transition: all 0.2s linear
|
||||||
width: 40px
|
width: 40px
|
||||||
height: 20px
|
height: 20px
|
||||||
fill: $secondary
|
fill: $secondary
|
||||||
|
@ -239,8 +239,7 @@
|
||||||
button
|
button
|
||||||
width: 25%
|
width: 25%
|
||||||
height: 45px
|
height: 45px
|
||||||
@include object-transitions(0.3s)
|
transition: all 0.3s linear
|
||||||
@include object-transitions(0.3s)
|
|
||||||
margin: 0
|
margin: 0
|
||||||
border-radius: 0
|
border-radius: 0
|
||||||
display: inline-block
|
display: inline-block
|
||||||
|
|
|
@ -7,7 +7,7 @@ a
|
||||||
font: 300 1em $baseType
|
font: 300 1em $baseType
|
||||||
color: $secondary
|
color: $secondary
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
//@include object-transitions(0.1s)
|
transition: all 0.2s linear
|
||||||
|
|
||||||
svg.icons
|
svg.icons
|
||||||
width: 25px
|
width: 25px
|
||||||
|
@ -138,7 +138,7 @@ svg.icons
|
||||||
button
|
button
|
||||||
border-radius: 50px
|
border-radius: 50px
|
||||||
svg
|
svg
|
||||||
@include object-transitions(0.1s)
|
transition: all 0.2s linear
|
||||||
width: 40px
|
width: 40px
|
||||||
height: 20px
|
height: 20px
|
||||||
fill: $white
|
fill: $white
|
||||||
|
|
Loading…
Reference in a new issue