mirror of
https://github.com/danog/sass-site.git
synced 2024-12-12 17:37:36 +01:00
144 lines
3.0 KiB
SCSS
144 lines
3.0 KiB
SCSS
.ui-helper-reset { line-height: inherit; }
|
|
|
|
.ui-tabs {
|
|
|
|
&,
|
|
.ui-tabs-nav,
|
|
.ui-tabs-nav li.ui-tabs-active,
|
|
.ui-tabs-panel { padding: 0; }
|
|
|
|
.ui-tabs-nav {
|
|
position: relative;
|
|
top: 2.5rem;
|
|
margin-left: -1em;
|
|
|
|
a { border: 0; background: none; }
|
|
|
|
a:focus {
|
|
outline: 0px !important;
|
|
border:none !important;
|
|
box-shadow:none !important;
|
|
}
|
|
|
|
.ui-tabs-active {
|
|
|
|
&:after,
|
|
&:before {
|
|
bottom: -3px;
|
|
left: 50%;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&:after {
|
|
border-color: transparent;
|
|
border-bottom-color: #f8f8f8;
|
|
border-width: 10px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
&:before {
|
|
border-color: transparent;
|
|
border-bottom-color: #ebebeb;
|
|
border-width: 11px;
|
|
margin-left: -11px;
|
|
}
|
|
}
|
|
|
|
li {
|
|
float: left;
|
|
|
|
&,
|
|
&.ui-tabs-active { margin: 0; }
|
|
|
|
|
|
&.css-tab {
|
|
|
|
&,
|
|
&.ui-tabs-active { margin-left: 2em; }
|
|
|
|
a::before {
|
|
color: $sl-color--regent-grey;
|
|
content: "\21d2";
|
|
font-size: $sl-font-size--large;
|
|
font-weight: $sl-font-weight--bold;
|
|
left: -1.2em;
|
|
position: absolute;
|
|
top: 0.75rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui-tabs-active a { color: $sl-color--regent-grey; }
|
|
|
|
.ui-tabs-anchor { padding: .75rem 1rem; }
|
|
}
|
|
|
|
// Carefully calibrated so that the distance between two code blocks in the
|
|
// syntax switcher is exactly equal to two lines, so there's no visual jitter
|
|
// when switching between syntaxes.
|
|
pre { margin-top: 22px; }
|
|
}
|
|
|
|
.ui-widget.ui-widget-content,
|
|
.ui-widget-header,
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default,
|
|
.ui-button,
|
|
html .ui-button.ui-state-disabled:hover,
|
|
html .ui-button.ui-state-disabled:active { border: 0; }
|
|
|
|
.ui-widget-header { font-weight: inherit; }
|
|
|
|
.ui-widget { font: inherit; }
|
|
|
|
.ui-widget-content,
|
|
.ui-widget-header,
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default,
|
|
.ui-button,
|
|
html .ui-button.ui-state-disabled:hover,
|
|
html .ui-button.ui-state-disabled:active { background: none; }
|
|
|
|
.ui-widget-content,
|
|
.ui-widget-header { color: inherit; }
|
|
|
|
.sl-c-callout {
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default,
|
|
.ui-button,
|
|
html .ui-button.ui-state-disabled:hover,
|
|
html .ui-button.ui-state-disabled:active,
|
|
.ui-state-default a,
|
|
.ui-state-default a:link,
|
|
.ui-state-default a:visited,
|
|
a.ui-button,
|
|
a:link.ui-button,
|
|
a:visited.ui-button,
|
|
.ui-button { color: inherit; }
|
|
|
|
.ui-widget a { border: 0; }
|
|
|
|
.ui-tabs .ui-tabs-nav li.css-tab a::before {
|
|
color: rgba(white, .5);
|
|
}
|
|
}
|
|
|
|
.ui-tabs-panel > h3 {
|
|
position: relative;
|
|
top: .45rem;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
color: $sl-color--hopbush;
|
|
|
|
&,
|
|
* { font-size: 1rem; }
|
|
}
|