mirror of
https://github.com/wassname/talk.git
synced 2026-08-15 12:55:10 +08:00
updated styles
This commit is contained in:
@@ -5,10 +5,10 @@
|
||||
.masthead {
|
||||
position: relative;
|
||||
border-bottom: 1px solid $border-color;
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.15s;
|
||||
animation-delay: 0.15s;
|
||||
// -webkit-animation: intro 0.3s both;
|
||||
// animation: intro 0.3s both;
|
||||
// -webkit-animation-delay: 0.15s;
|
||||
// animation-delay: 0.15s;
|
||||
z-index: 20;
|
||||
|
||||
&__inner-wrap {
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
font-family: $sans-serif;
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.30s;
|
||||
animation-delay: 0.30s;
|
||||
// -webkit-animation: intro 0.3s both;
|
||||
// animation: intro 0.3s both;
|
||||
// -webkit-animation-delay: 0.30s;
|
||||
// animation-delay: 0.30s;
|
||||
|
||||
@include breakpoint($large) {
|
||||
padding-left: 1em;
|
||||
|
||||
@@ -8,10 +8,10 @@
|
||||
margin-top: 2em;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.35s;
|
||||
animation-delay: 0.35s;
|
||||
// -webkit-animation: intro 0.3s both;
|
||||
// animation: intro 0.3s both;
|
||||
// -webkit-animation-delay: 0.35s;
|
||||
// animation-delay: 0.35s;
|
||||
|
||||
@include breakpoint($x-large) {
|
||||
max-width: $x-large;
|
||||
@@ -113,10 +113,10 @@
|
||||
position: relative;
|
||||
margin-bottom: 2em;
|
||||
@include clearfix;
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.25s;
|
||||
animation-delay: 0.25s;
|
||||
// -webkit-animation: intro 0.3s both;
|
||||
// animation: intro 0.3s both;
|
||||
// -webkit-animation-delay: 0.25s;
|
||||
// animation-delay: 0.25s;
|
||||
|
||||
&--overlay {
|
||||
position: relative;
|
||||
@@ -126,10 +126,10 @@
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
-webkit-animation: intro 0.3s both;
|
||||
animation: intro 0.3s both;
|
||||
-webkit-animation-delay: 0.25s;
|
||||
animation-delay: 0.25s;
|
||||
// -webkit-animation: intro 0.3s both;
|
||||
// animation: intro 0.3s both;
|
||||
// -webkit-animation-delay: 0.25s;
|
||||
// animation-delay: 0.25s;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
@@ -16,8 +16,8 @@
|
||||
@include breakpoint($large) {
|
||||
@include span(2 of 12);
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s ease-in-out;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
// -webkit-transition: opacity 0.2s ease-in-out;
|
||||
// transition: opacity 0.2s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
|
||||
@@ -91,7 +91,7 @@ $xing-color : #006567 !default;
|
||||
|
||||
|
||||
/* links */
|
||||
$link-color : $info-color !default;
|
||||
$link-color : #f67150 !default;
|
||||
$link-color-hover : mix(#000, $link-color, 25%) !default;
|
||||
$link-color-visited : mix(#fff, $link-color, 25%) !default;
|
||||
$masthead-link-color : $primary-color !default;
|
||||
@@ -126,4 +126,4 @@ $border-radius : 4px !default;
|
||||
$box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125) !default;
|
||||
$navicon-width : 1.5rem !default;
|
||||
$navicon-height : 0.25rem !default;
|
||||
$global-transition : all 0.2s ease-in-out !default;
|
||||
$global-transition : none !default;
|
||||
|
||||
Reference in New Issue
Block a user