danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2025-01-22 13:51:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enable the syntax switcher outside of the tutorial

Browse Source
This commit is contained in:
Natalie Weizenbaum 2018-08-30 14:36:30 -07:00
parent 078b93a181
commit 8d518df3e3
1 changed files with 61 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
source/assets/css/components/_sass-syntax-switcher.scss
View File

@ -1,75 +1,73 @@
.slides { .ui-helper-reset { line-height: inherit; }
.ui-helper-reset { line-height: inherit; }
.ui-tabs { .ui-tabs {
&, &,
.ui-tabs-nav, .ui-tabs-nav,
.ui-tabs-nav li.ui-tabs-active, .ui-tabs-nav li.ui-tabs-active,
.ui-tabs-panel { padding: 0; } .ui-tabs-panel { padding: 0; }
.ui-tabs-nav { .ui-tabs-nav {
@include trailer(-3); @include trailer(-3);
margin-right: -1em; margin-right: -1em;
a:focus { a:focus {
outline: 0px !important; outline: 0px !important;
border:none !important; border:none !important;
box-shadow:none !important; box-shadow:none !important;
} }
.ui-tabs-active { .ui-tabs-active {
&:after, &:before { &:after, &:before {
bottom: -1px; bottom: -1px;
left: 50%; left: 50%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
&:after { &:after {
border-color: transparent; border-color: transparent;
border-bottom-color: #f8f8f8; border-bottom-color: #f8f8f8;
border-width: 10px; border-width: 10px;
margin-left: -10px; margin-left: -10px;
} }
&:before { &:before {
border-color: transparent; border-color: transparent;
border-bottom-color: #ebebeb; border-bottom-color: #ebebeb;
border-width: 11px; border-width: 11px;
margin-left: -11px; margin-left: -11px;
} }
} }
li { li {
float: right; float: right;
&,
&.ui-tabs-active { margin: 0; }
&.css-tab {
&, &,
&.ui-tabs-active { margin: 0; } &.ui-tabs-active { margin-left: 2em; }
a::before {
&.css-tab { color: $color-text-weak;
&, content: "🢩";
&.ui-tabs-active { margin-left: 2em; } font-size: 1.3em;
font-weight: bold;
a::before { left: -1.2em;
color: $color-text-weak; position: absolute;
content: "🢩";
font-size: 1.3em;
font-weight: bold;
left: -1.2em;
position: absolute;
}
} }
} }
}
.ui-tabs-active a { color: $color-text-weak; } .ui-tabs-active a { color: $color-text-weak; }
.ui-tabs-anchor { .ui-tabs-anchor {
@include padding-leader(.5); @include padding-leader(.5);
@include padding-trailer(.5); @include padding-trailer(.5);
padding: { padding: {
right: 1em; right: 1em;
left: 1em; left: 1em;
}
} }
} }
} }