diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml new file mode 100644 index 0000000..f0c98d1 --- /dev/null +++ b/.github/workflows/build.yml @@ -0,0 +1,106 @@ +name: Build + +on: + push: + branches: + - main + pull_request: + branches: + - main + workflow_dispatch: + +permissions: + contents: read + +jobs: + build-test-publish: + name: .NET 10 / win-x64 + runs-on: windows-latest + + steps: + - name: Check out repository + uses: actions/checkout@v4 + with: + fetch-depth: 0 + persist-credentials: false + + - name: Set up .NET 10 + uses: actions/setup-dotnet@v4 + with: + dotnet-version: 10.0.x + + - name: Install GitVersion + shell: pwsh + run: dotnet tool install --global GitVersion.Tool + + - name: Calculate version + id: version + shell: pwsh + run: | + $version = dotnet-gitversion /showvariable SemVer + if (-not $version) { throw 'GitVersion did not return a semantic version.' } + "semver=$version" >> $env:GITHUB_OUTPUT + "VERSION=$version" >> $env:GITHUB_ENV + + $releaseEligible = $false + if ('${{ github.event_name }}' -eq 'push' -and '${{ github.ref }}' -eq 'refs/heads/main') { + git rev-parse --verify --quiet "refs/tags/v$version" + $releaseEligible = $LASTEXITCODE -ne 0 + } + "release-eligible=$($releaseEligible.ToString().ToLowerInvariant())" >> $env:GITHUB_OUTPUT + + - name: Restore + run: dotnet restore Expressif.LanguageServer.sln -r win-x64 + + - name: Build + run: dotnet build src/Expressif.LanguageServer/Expressif.LanguageServer.csproj --configuration Release --framework net10.0 --runtime win-x64 --no-restore --nologo -p:Version=${{ steps.version.outputs.semver }} + + - name: Test core services + run: dotnet test src/Expressif.LanguageServer.Core.Tests/Expressif.LanguageServer.Core.Tests.csproj --configuration Release --framework net10.0 --runtime win-x64 --no-restore --nologo + + - name: Publish self-contained application + run: dotnet publish src/Expressif.LanguageServer/Expressif.LanguageServer.csproj --configuration Release --framework net10.0 --runtime win-x64 --self-contained true --no-restore --nologo -p:Version=${{ steps.version.outputs.semver }} --output artifacts/publish + + - name: Create release archive + shell: pwsh + run: | + $archive = "artifacts/Expressif-LanguageServer-$env:VERSION-net10.0-win-x64.zip" + Compress-Archive -Path 'artifacts/publish/*' -DestinationPath $archive + + - name: Upload release candidate + if: steps.version.outputs.release-eligible == 'true' + uses: actions/upload-artifact@v4 + with: + name: release-candidate + path: artifacts/Expressif-LanguageServer-${{ steps.version.outputs.semver }}-net10.0-win-x64.zip + if-no-files-found: error + retention-days: 1 + + outputs: + version: ${{ steps.version.outputs.semver }} + release-eligible: ${{ steps.version.outputs.release-eligible }} + + release: + name: GitHub Release + needs: build-test-publish + if: needs.build-test-publish.outputs.release-eligible == 'true' + runs-on: windows-latest + permissions: + contents: write + + steps: + - name: Download release candidate + uses: actions/download-artifact@v4 + with: + name: release-candidate + path: artifacts + + - name: Tag and publish GitHub Release + shell: pwsh + env: + GH_TOKEN: ${{ github.token }} + VERSION: ${{ needs.build-test-publish.outputs.version }} + run: | + $tag = "v$env:VERSION" + $archive = "artifacts/Expressif-LanguageServer-$env:VERSION-net10.0-win-x64.zip" + gh release create $tag $archive --repo '${{ github.repository }}' --target '${{ github.sha }}' --title $tag --generate-notes diff --git a/Dockerfile b/Dockerfile deleted file mode 100644 index 230b87e..0000000 --- a/Dockerfile +++ /dev/null @@ -1,7 +0,0 @@ -FROM mcr.microsoft.com/dotnet/runtime:8.0 AS base - -WORKDIR /app - -COPY ./.publish/net8.0/linux-x64 ./ - -ENTRYPOINT ["./Expressif.LanguageServer"] diff --git a/Expressif.LanguageServer.sln b/Expressif.LanguageServer.sln index dea509c..14ac88a 100644 --- a/Expressif.LanguageServer.sln +++ b/Expressif.LanguageServer.sln @@ -7,9 +7,9 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer.Co EndProject Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer.Core.Tests", "src\Expressif.LanguageServer.Core.Tests\Expressif.LanguageServer.Core.Tests.csproj", "{E415C952-77C3-4B9C-B725-7D85E30FD18F}" EndProject -Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer.Cli", "src\Expressif.LanguageServer.Cli\Expressif.LanguageServer.Cli.csproj", "{32DB1358-0491-40D0-83B8-4862504AE85B}" +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer", "src\Expressif.LanguageServer\Expressif.LanguageServer.csproj", "{32DB1358-0491-40D0-83B8-4862504AE85B}" EndProject -Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer.Cli.Tests", "src\Expressif.LanguageServer.Cli.Tests\Expressif.LanguageServer.Cli.Tests.csproj", "{6B4E70A9-7F05-4DA5-8E85-7A72FD34C8C8}" +Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Expressif.LanguageServer.Tests", "src\Expressif.LanguageServer.Tests\Expressif.LanguageServer.Tests.csproj", "{6B4E70A9-7F05-4DA5-8E85-7A72FD34C8C8}" EndProject Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution Items", "{C923A152-4091-48BE-A984-686FF5E4ACCC}" ProjectSection(SolutionItems) = preProject @@ -18,7 +18,6 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution EndProject Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Build", "Build", "{95E83BA6-B535-4D56-B06A-D00249A4EF00}" ProjectSection(SolutionItems) = preProject - appveyor.yml = appveyor.yml .github\conventional_commits_labels.json = .github\conventional_commits_labels.json .github\dependabot.yml = .github\dependabot.yml Directory.Build.props = Directory.Build.props diff --git a/GitVersion.yml b/GitVersion.yml index 9246aba..12a09b7 100644 --- a/GitVersion.yml +++ b/GitVersion.yml @@ -4,16 +4,16 @@ strategies: - TaggedCommit - Mainline -major-version-bump-message: "^(feat|fix|perf|revert)(\\([\\w\\s-]*\\))?(!:|:.*\\n\\n((.+\\n)+\\n)?BREAKING CHANGE:\\s.+)" +major-version-bump-message: "^(build|feat|fix|perf)(\\([\\w\\s-]*\\))?(!:|:.*\\n\\n((.+\\n)+\\n)?BREAKING CHANGE:\\s.+)" minor-version-bump-message: "^(feat)(\\([\\w\\s-]*\\))?:|\\+semver:\\s?(feature|minor)" -patch-version-bump-message: "^(chore|fix|perf|refactor|revert|build|ci|style)(\\([\\w\\s-]*\\))?:" +patch-version-bump-message: "^(build|fix|perf)(\\([\\w\\s-]*\\))?:" no-bump-message: "\\+semver:\\s?(none|skip)" commit-message-incrementing: Enabled branches: main: regex: ^main$ is-main-branch: true - increment: Patch + increment: None mode: ContinuousDeployment feature: label: beta.{BranchName} diff --git a/README.md b/README.md index 21369b5..6e11070 100644 --- a/README.md +++ b/README.md @@ -15,15 +15,14 @@ Transform your structured YAML, JSON, XML, CSV or FrontMatter data into beautifu **Social media:** [![website](https://img.shields.io/badge/website-seddryck.github.io/Expressif.LanguageServer-fe762d.svg)](https://seddryck.github.io/Expressif.LanguageServer) [![twitter badge](https://img.shields.io/badge/twitter%20Expressif.LanguageServer-@Seddryck-blue.svg?style=flat&logo=twitter)](https://twitter.com/Seddryck) -**Releases:** [![GitHub releases](https://img.shields.io/github/v/release/seddryck/expressif.LanguageServer?label=GitHub%20releases)](https://github.com/seddryck/expressif.LanguageServer/releases/latest) -[![nuget](https://img.shields.io/nuget/v/Expressif.LanguageServer-cli.svg)](https://www.nuget.org/packages/Expressif.LanguageServer-cli/) [![Docker Image Version](https://img.shields.io/docker/v/seddryck/expressif.LanguageServer?label=docker%20hub&color=0db7ed)](https://hub.docker.com/repository/docker/seddryck/expressif.LanguageServer/) [![GitHub Release Date](https://img.shields.io/github/release-date/seddryck/Expressif.LanguageServer.svg)](https://github.com/Seddryck/Expressif.LanguageServer/releases/latest) [![licence badge](https://img.shields.io/badge/License-Apache%202.0-yellow.svg)](https://github.com/Seddryck/Expressif.LanguageServer/blob/master/LICENSE) +**Releases:** [![GitHub releases](https://img.shields.io/github/v/release/seddryck/expressif.LanguageServer?label=GitHub%20releases)](https://github.com/seddryck/expressif.LanguageServer/releases/latest) +[![GitHub Release Date](https://img.shields.io/github/release-date/seddryck/Expressif.LanguageServer.svg)](https://github.com/Seddryck/Expressif.LanguageServer/releases/latest) [![licence badge](https://img.shields.io/badge/License-Apache%202.0-yellow.svg)](https://github.com/Seddryck/Expressif.LanguageServer/blob/master/LICENSE) **Dev. activity:** [![GitHub last commit](https://img.shields.io/github/last-commit/Seddryck/Expressif.LanguageServer.svg)](https://github.com/Seddryck/Expressif.LanguageServer/commits) ![Still maintained](https://img.shields.io/maintenance/yes/2025.svg) ![GitHub commit activity](https://img.shields.io/github/commit-activity/y/Seddryck/Expressif.LanguageServer) -**Continuous integration builds:** [![Build status](https://ci.appveyor.com/api/projects/status/na3dklqjsuv1lbfv?svg=true)](https://ci.appveyor.com/project/Seddryck/Expressif.LanguageServer/) -[![Tests](https://img.shields.io/appveyor/tests/seddryck/Expressif.LanguageServer.svg)](https://ci.appveyor.com/project/Seddryck/Expressif.LanguageServer/build/tests) +**Continuous integration builds:** [![Build](https://github.com/Seddryck/Expressif.LanguageServer/actions/workflows/build.yml/badge.svg)](https://github.com/Seddryck/Expressif.LanguageServer/actions/workflows/build.yml) [![CodeFactor](https://www.codefactor.io/repository/github/seddryck/Expressif.LanguageServer/badge)](https://www.codefactor.io/repository/github/seddryck/Expressif.LanguageServer) [![codecov](https://codecov.io/github/Seddryck/Expressif.LanguageServer/branch/main/graph/badge.svg?token=YRA8IRIJYV)](https://codecov.io/github/Seddryck/Expressif.LanguageServer) @@ -34,104 +33,6 @@ Transform your structured YAML, JSON, XML, CSV or FrontMatter data into beautifu ## Installing -### Install as a .NET global tool - -A .NET global tool is a console application that you can install and run from any directory on your machine. Here’s a guide on how to perform a global installation of a .NET tool: - -#### Prerequisites -Before installing a .NET global tool, you must have the .NET SDK installed on your machine. You can check if it's installed by running the following command in your terminal or Command Prompt: - -```bash -dotnet --version -``` -If .NET is not installed, download it from [Microsoft's official website](https://dotnet.microsoft.com/download/dotnet). - -#### Install a .NET Global Tool -To install a .NET global tool, you use the dotnet tool install command. This command installs a tool for all users globally on your system. - -```bash -dotnet tool install -g Expressif.LanguageServer-cli -``` - -`-g`: This flag tells the dotnet command to install the tool globally. - -#### Verify Installation - -After installing the tool, you can verify that it's available globally by running it from any directory. - -```bash -expressif.LanguageServer --version -``` - -This command will display the installed tool’s version if the installation was successful. - -#### Update a .NET Global Tool - -To update a globally installed .NET tool, use the dotnet tool update command: - -```bash -dotnet tool update -g Expressif.LanguageServer-cli -``` - -### Install from Docker - -#### Prerequisites - -**Docker Installed**: Ensure that Docker is installed and running on your system. You can download Docker from Docker's official site. - -#### Pulling the Docker Image - -A pre-built Docker image is available on Docker Hub, you can pull it using the following command: - -```powershell -docker pull seddryck/expressif.LanguageServer:latest -``` - -#### Running Expressif.LanguageServer from Docker - -Once you have the Docker image, you can run Expressif.LanguageServer using Docker in PowerShell. - -###### Basic Command - -CMD: -```CMD -docker run --rm -v %cd%:/files expressif.LanguageServer -t -s -o -``` - -PowerShell: -```powershell -docker run --rm -v ${pwd}:/files expressif.LanguageServer -t -s -o -``` - -- `--rm`: Automatically removes the container after it finishes executing. -- `-v ${pwd}:/files`: Mounts the current directory (`${pwd}` in PowerShell or Bash, `%cd%` in CMD) to /files inside the Docker container, so Expressif.LanguageServer can access your local files. -- `-t `: Specifies the path to the template file inside the /files directory. -- `-s `: Specifies the path to the source file (YAML, JSON, or XML). -- `-o `: Specifies the path to the output file that Expressif.LanguageServer will generate. If omitted, it will display the result on the host console. - -##### Example Workflow: - -1. Prepare the Template and Source Files: - - - Make sure your template and source files are correctly formatted and saved in the correct directory. For example: - - `./templates/template-01.hbs` - - `./data/data.json` -2. Run Expressif.LanguageServer: Use the following command to generate templated output: - -```powershell -docker run --rm -v ${pwd}:/files expressif.LanguageServer -t /files/templates/template-01.hbs -s /files/data/data.json -o /files/output/output.txt -``` - -3. Access the Output: The output file will be generated in ./output/output.txt on your local machine after the Docker container finishes execution. - -#### Updating Expressif.LanguageServer - -To update to the latest version of Expressif.LanguageServer, either pull the new Docker image - -```powershell -docker pull seddryck/expressif.LanguageServer:latest -``` - ### Install from GitHub Releases #### Step 1: Download the ZIP from the GitHub Release @@ -167,7 +68,7 @@ To run the executable from any location in the command line, you need to add its ### Step 4: Verify Installation 1. Open **Command Prompt** (CMD). -2. Type the name of the executable (e.g., `expressif.LanguageServer.exe`) and hit Enter. +2. Type `Expressif-LanguageServer.exe` and hit Enter. 3. If everything is set up correctly, the program should run. ## QuickStart diff --git a/appveyor.yml b/appveyor.yml deleted file mode 100644 index 1f70e35..0000000 --- a/appveyor.yml +++ /dev/null @@ -1,131 +0,0 @@ -version: build.{build} -image: Visual Studio 2022 - -skip_branch_with_pr: true -skip_tags: true -skip_commits: - files: - - .github/ - - docs/ - - assets/ - - README.md - - LICENSE - - CODE_OF_CONDUCT.md - - CONTRIBUTING.md - - SECURITY.md - -environment: - github_access_token: - secure: gt... - docker_access_token: - secure: ... - -init: -- cmd: git config --global core.autocrlf true -- cmd: setx IGNORE_NORMALISATION_GIT_HEAD_MOVE 1 -- cmd: setx DOTNET_NO_WORKLOAD_UPDATE_NOTIFICATION 1 -- cmd: setx DOTNET_CLI_TELEMETRY_OPTOUT 1 -- cmd: setx DOTNET_NOLOGO 1 - -install: -- cmd: dotnet tool install --global GitVersion.Tool -- cmd: RefreshEnv.cmd -- cmd: dotnet tool restore - -before_build: -- pwsh: Write-Host "Target branch is '$($env:APPVEYOR_REPO_BRANCH)'" -- cmd: dotnet-gitversion /output buildserver /verbosity Minimal -- pwsh: Write-Host "Building Expressif.LanguageServer version $($env:GitVersion_SemVer)" -- pwsh: | - . "$env:APPVEYOR_BUILD_FOLDER\github.ps1" - if (($env:APPVEYOR_REPO_BRANCH -eq "main") -and ($null -eq $env:APPVEYOR_PULL_REQUEST_NUMBER)) { - $context = [PSCustomObject] @{ - Id = $env:APPVEYOR_REPO_COMMIT - Owner = ($env:APPVEYOR_REPO_NAME -Split '/')[0] - Repository = ($env:APPVEYOR_REPO_NAME -Split '/')[1] - SecretToken = $env:github_access_token - } - foreach ($id in ($context | Get-Commit-Associated-Pull-Requests)) { - $context.Id = $id - $context | Set-Pull-Request-Expected-Labels -Config '.github\conventional_commits_labels.json' - } - } else { - Write-Host 'Not a merge on main built on AppVeyor. Skipping conventional commit label mapping.' - } - -build_script: -- dotnet build Expressif.LanguageServer.sln -p:Version="%GitVersion_SemVer%" -c Release --nologo - -test_script: -- pwsh: | - $ErrorActionPreference = "Stop" - dotnet test src/Expressif.LanguageServer.Core.Tests -c Release /p:CollectCoverage=true /p:CoverletOutputFormat=opencover /p:Include="[Expressif.LanguageServer.Core]*" /p:Threshold=80 /p:ThresholdType=line /p:CoverletOutput=../../.coverage/coverage.Expressif.LanguageServer.Core.xml --test-adapter-path:. --logger:Appveyor --no-build --nologo - if ($LASTEXITCODE -ne 0) { throw "Core tests failed." } - - dotnet test src/Expressif.LanguageServer.Cli.Tests -c Release /p:CollectCoverage=true /p:CoverletOutputFormat=opencover /p:Include="[Expressif.LanguageServer.Cli]*" /p:Threshold=10 /p:ThresholdType=line /p:CoverletOutput=../../.coverage/coverage.Expressif.LanguageServer.Cli.xml --test-adapter-path:. --logger:Appveyor --no-build --nologo - if ($LASTEXITCODE -ne 0) { throw "CLI tests failed." } - -- pwsh: | - $ProgressPreference = 'SilentlyContinue' - Invoke-WebRequest -Uri https://uploader.codecov.io/latest/windows/codecov.exe -Outfile codecov.exe - .\codecov.exe --dir "./.coverage/" - -after_test: -- pwsh: | - if (($env:APPVEYOR_REPO_BRANCH -eq "main") -and ($null -eq $env:APPVEYOR_PULL_REQUEST_NUMBER)) { - .\package.ps1 - } else { - dotnet pack src/Expressif.LanguageServer.Core -p:Version="$env:GitVersion_SemVer" -c Release --include-symbols --no-build --nologo - dotnet pack src/Expressif.LanguageServer.Cli -p:Version="$env:GitVersion_SemVer" -c Release --include-symbols --no-build --nologo - } - -- pwsh: | - if (($env:APPVEYOR_REPO_BRANCH -eq "main") -and ($null -eq $env:APPVEYOR_PULL_REQUEST_NUMBER)) { - Write-Host "Logging into Docker Hub ..." - docker login -u seddryck -p $env:docker_access_token - - Write-Host "Building Docker image ..." - docker build -t seddryck/expressif.LanguageServer:$env:GitVersion_SemVer . - docker tag seddryck/expressif.LanguageServer:$env:GitVersion_SemVer seddryck/expressif.LanguageServer:latest - - docker push seddryck/expressif.LanguageServer:$env:GitVersion_SemVer - docker push seddryck/expressif.LanguageServer:latest - } - -artifacts: -- path: '**\*.nupkg' -- path: '**\*.snupkg' -- path: '**\*.zip' - -deploy: -- provider: NuGet - api_key: - secure: 3EEYl8XRqcYYe/pDY/tQu+zT8kTsgHNTJE3tzgvH1L3lG77dBE0YESj2h0WegT7G - skip_symbols: false - artifact: /.*(\.|\.s)nupkg/ - on: - branch: main - -on_success: -- pwsh: | - . "$env:APPVEYOR_BUILD_FOLDER\github.ps1" - if (($env:APPVEYOR_REPO_BRANCH -eq "main") -and ($null -eq $env:APPVEYOR_PULL_REQUEST_NUMBER)) { - if ($env:GitVersion_Patch -eq '0' -or $env:GitVersion_Patch -eq 0) { - $context = [PSCustomObject] @{ - Owner = ($env:APPVEYOR_REPO_NAME -Split '/')[0] - Repository = ($env:APPVEYOR_REPO_NAME -Split '/')[1] - SecretToken = $env:github_access_token - } - - if (-not ($context | Check-Release-Published -Tag "v$($env:GitVersion_SemVer)")) { - $context | Publish-Release -Tag "v$($env:GitVersion_SemVer)" -Name "$(($env:APPVEYOR_REPO_NAME -Split '/')[1]) $($env:GitVersion_SemVer)" -ReleaseNotes -DiscussionCategory 'Announcements' - Start-Sleep -Seconds 5 - } - - $context | Upload-Release-Assets -Tag "v$($env:GitVersion_SemVer)" -Path "./.publish/" -Extensions @("zip") - } else { - Write-Host "No release published when the patch component is not zero." - } - } else { - Write-Host "No release published when not building main." - } diff --git a/docs/.gitignore b/docs/.gitignore deleted file mode 100644 index cee6bc7..0000000 --- a/docs/.gitignore +++ /dev/null @@ -1,9 +0,0 @@ -# OS or Editor folders -.DS_Store -node_modules - -# Jekyllg -_site -.sass-cache -.jekyll-metadata -.jekyll-cache diff --git a/docs/404.md b/docs/404.md deleted file mode 100644 index e255ff6..0000000 --- a/docs/404.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: page -title: Feeling Lost -width: small -permalink: /404.html ---- - -## The page you are looking for cannot be found. Please navigate to [homepage]({{ site.url }}). diff --git a/docs/Gemfile b/docs/Gemfile deleted file mode 100644 index b4db126..0000000 --- a/docs/Gemfile +++ /dev/null @@ -1,32 +0,0 @@ -source "https://rubygems.org" -ruby RUBY_VERSION - -# Hello! This is where you manage which Jekyll version is used to run. -# When you want to use a different version, change it below, save the -# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: -# -# bundle exec jekyll serve -# -# This will help ensure the proper Jekyll version is running. -# Happy Jekylling! -gem 'jekyll', '~> 4.2', '>= 4.2.2' - -# This is the default theme for new Jekyll sites. You may change this to anything you like. -# gem "minima", "~> 2.0" - -# If you want to use GitHub Pages, remove the "gem "jekyll"" above and -# uncomment the line below. To upgrade, run `bundle update github-pages`. -# gem "github-pages", group: :jekyll_plugins - -# If you have any plugins, put them here! -group :jekyll_plugins do - gem "jekyll-feed", "~> 0.6" - gem 'jekyll-paginate', '~> 1.1' - gem 'jekyll-seo-tag' - gem 'jekyll-gist' - gem 'jekyll-avatar' - gem 'webrick' -end - -# Windows does not include zoneinfo files, so bundle the tzinfo-data gem -gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] diff --git a/docs/Gemfile.lock b/docs/Gemfile.lock deleted file mode 100644 index 810bd18..0000000 --- a/docs/Gemfile.lock +++ /dev/null @@ -1,106 +0,0 @@ -GEM - remote: https://rubygems.org/ - specs: - addressable (2.8.0) - public_suffix (>= 2.0.2, < 5.0) - colorator (1.1.0) - concurrent-ruby (1.1.10) - em-websocket (0.5.3) - eventmachine (>= 0.12.9) - http_parser.rb (~> 0) - eventmachine (1.2.7) - faraday (2.3.0) - faraday-net_http (~> 2.0) - ruby2_keywords (>= 0.0.4) - faraday-net_http (2.0.3) - ffi (1.15.5) - ffi (1.15.5-x64-mingw-ucrt) - forwardable-extended (2.6.0) - http_parser.rb (0.8.0) - i18n (1.12.0) - concurrent-ruby (~> 1.0) - jekyll (4.2.2) - addressable (~> 2.4) - colorator (~> 1.0) - em-websocket (~> 0.5) - i18n (~> 1.0) - jekyll-sass-converter (~> 2.0) - jekyll-watch (~> 2.0) - kramdown (~> 2.3) - kramdown-parser-gfm (~> 1.0) - liquid (~> 4.0) - mercenary (~> 0.4.0) - pathutil (~> 0.9) - rouge (~> 3.0) - safe_yaml (~> 1.0) - terminal-table (~> 2.0) - jekyll-avatar (0.8.0) - jekyll (>= 3.0, < 5.0) - jekyll-feed (0.16.0) - jekyll (>= 3.7, < 5.0) - jekyll-gist (1.5.0) - octokit (~> 4.2) - jekyll-paginate (1.1.0) - jekyll-sass-converter (2.2.0) - sassc (> 2.0.1, < 3.0) - jekyll-seo-tag (2.8.0) - jekyll (>= 3.8, < 5.0) - jekyll-watch (2.2.1) - listen (~> 3.0) - kramdown (2.4.0) - rexml - kramdown-parser-gfm (1.1.0) - kramdown (~> 2.0) - liquid (4.0.3) - listen (3.7.1) - rb-fsevent (~> 0.10, >= 0.10.3) - rb-inotify (~> 0.9, >= 0.9.10) - mercenary (0.4.0) - octokit (4.25.1) - faraday (>= 1, < 3) - sawyer (~> 0.9) - pathutil (0.16.2) - forwardable-extended (~> 2.6) - public_suffix (4.0.7) - rb-fsevent (0.11.1) - rb-inotify (0.10.1) - ffi (~> 1.0) - rexml (3.3.6) - strscan - rouge (3.29.0) - ruby2_keywords (0.0.5) - safe_yaml (1.0.5) - sassc (2.4.0) - ffi (~> 1.9) - sawyer (0.9.2) - addressable (>= 2.3.5) - faraday (>= 0.17.3, < 3) - strscan (3.1.0) - terminal-table (2.0.0) - unicode-display_width (~> 1.1, >= 1.1.1) - tzinfo (2.0.4) - concurrent-ruby (~> 1.0) - tzinfo-data (1.2022.1) - tzinfo (>= 1.0.0) - unicode-display_width (1.8.0) - webrick (1.7.0) - -PLATFORMS - x64-mingw-ucrt - x86_64-linux - -DEPENDENCIES - jekyll (~> 4.2, >= 4.2.2) - jekyll-avatar - jekyll-feed (~> 0.6) - jekyll-gist - jekyll-paginate (~> 1.1) - jekyll-seo-tag - tzinfo-data - webrick - -RUBY VERSION - ruby 3.1.3p185 - -BUNDLED WITH - 2.3.18 diff --git a/docs/_config.localhost.yml b/docs/_config.localhost.yml deleted file mode 100644 index 4667be7..0000000 --- a/docs/_config.localhost.yml +++ /dev/null @@ -1,5 +0,0 @@ -# Site subpath, e.g. /blog -baseurl: "" - -# Site base hostname & protocol, e.g. http://example.com -url: "http://127.0.0.1:4000" \ No newline at end of file diff --git a/docs/_config.yml b/docs/_config.yml deleted file mode 100644 index 60014b3..0000000 --- a/docs/_config.yml +++ /dev/null @@ -1,123 +0,0 @@ -# Welcome to Jekyll! -# -# This config file is meant for settings that affect your whole blog. -# For technical reasons, this file is *NOT* reloaded automatically when you use -# 'bundle exec jekyll serve'. If you change this file, please restart the server process. - -# Site title and description -title: Expressif.LanguageServer -description: Documentation of Expressif.LanguageServer, a database connection URL for .NET ecosystem -lang: en - -# Site subpath, e.g. /blog -baseurl: "/Expressif.LanguageServer" - -# Permalink URLs structure, for permalink style options see: https://jekyllrb.com/docs/permalinks/ -permalink: /:title/ - -# Site base hostname & protocol, e.g. http://example.com -url: "" - -# Site logo # e.g. logo.png, upload logo image file to /uploads/ folder -logo: expressif.LanguageServer-icon-64.png - -navbar: - sticky: false - search: false - -# Default author settings -author: - name: Cédric L. Charlier - title: Original Author - avatar: avatar-seddryck.png - -# Author settings, displayed on post and doc pages if front matter references author name e.g. author: peter -authors: - hanoi: - name: Hanoi - title: Support - avatar: avatar-hanoi.png - - -# Social icons displayed in footer -social: - email: - website: - facebook: - flickr: - dribbble: - github: https://github.com/Seddryck/Expressif.LanguageServer - googleplus: - instagram: - linkedin: https://linkedin.com/in/cedriccharlier/ - pinterest: - twitter: https://twitter.com/Seddryck - vimeo: - youtube: - -# Share button -share: - post: false # Display share buttons on a post page - doc: true # Display share buttons on a doc page - twitter: Seddryck # Enable by adding Twitter handle - facebook: false # Enable by setting true (Facebook handle not required) - -# Default footer image settings -footer: - copyright: Made by Cédric L. Charlier in Hennuyères. - -# Disqus comments shortname, requires Disqus account https://disqus.com/ -disqus: - shortname: # 1234 - -# Google analytics code, get your code here https://www.google.com/analytics/ -google_analytics: - -# Number of posts displayed on blog page -paginate: 10 - -# Blog path -paginate_path: "/blog/:num/" - -# Path to post content assets directory i.e post images, pdfs etc -uploads: /uploads/ - -# Build settings -markdown: kramdown -highlighter: rouge - -plugins: - - jekyll-feed - - jekyll-seo-tag - - jekyll-gist - - jekyll-avatar -exclude: - - Gemfile - - Gemfile.lock - - node_modules - -sass: - style: compressed - -collections: - docs: - output: true - faqs: - output: false - changelogs: - output: false - -# Defaults -defaults: - # _posts - - scope: - path: "" - type: posts - values: - layout: post - # _docs - - scope: - path: "" - type: docs - values: - layout: doc diff --git a/docs/_data/changelog.yml b/docs/_data/changelog.yml deleted file mode 100644 index 6321595..0000000 --- a/docs/_data/changelog.yml +++ /dev/null @@ -1,17 +0,0 @@ -# Changelog page source - -- title: Multi-channel publication - label: - date: Oct 20, 2024 - list: - - Docker image available on Docker Hub - - CLI and libraries available on Nuget - - Binaries available on GitHub releases - -- title: First commit - label: - date: Oct 13, 2024 - list: - - Create repository on GitHub - - Initial README with first ideas and references - - selection of license Apache 2.0 \ No newline at end of file diff --git a/docs/_data/navigation_boxes.yml b/docs/_data/navigation_boxes.yml deleted file mode 100644 index 3e30e8a..0000000 --- a/docs/_data/navigation_boxes.yml +++ /dev/null @@ -1,16 +0,0 @@ -# Boxes include navigation - -- title: Why Expressif.LanguageServer - desc: Expressif.LanguageServer - Transform your data into seamless, dynamic outputs, effortlessly. - icon: check - doc: why-expressif.LanguageServer - -- title: Installation - desc: Get started fast with installation and basic usages - icon: cog - doc: installation-expressif.LanguageServer - -- title: Usage - desc: Learn about how to configure inputs and outputs - icon: settings - doc: basic-usage \ No newline at end of file diff --git a/docs/_data/navigation_docs.yml b/docs/_data/navigation_docs.yml deleted file mode 100644 index d5665e2..0000000 --- a/docs/_data/navigation_docs.yml +++ /dev/null @@ -1,27 +0,0 @@ -- title: Getting Started - docs: - - why-expressif.LanguageServer - -- title: Installation - docs: - - installation-expressif.LanguageServer - - installation-net-global-tool - - installation-net-local-tool - - deployment-docker - - installation-windows - - installation-linux - - installation-library-nuget - -- title: Usage - docs: - - supported-format-engine - - cli-options - - basic-usage - - use-stdin-stdout - - specify-engine-parser - - specify-parser-parameters - - multiple-sources - -- title: Parsers - docs: - - csv-parser diff --git a/docs/_data/navigation_footer.yml b/docs/_data/navigation_footer.yml deleted file mode 100644 index 9739eca..0000000 --- a/docs/_data/navigation_footer.yml +++ /dev/null @@ -1,13 +0,0 @@ -# Footer navigation links - -- title: Home - url: / - -- title: Docs - url: /docs/ - -- title: GitHub - url: https://github.com/Seddryck/Expressif.LanguageServer - -- title: Contact - url: /contact/ \ No newline at end of file diff --git a/docs/_data/navigation_header.yml b/docs/_data/navigation_header.yml deleted file mode 100644 index 25c2128..0000000 --- a/docs/_data/navigation_header.yml +++ /dev/null @@ -1,24 +0,0 @@ -# Navbar left menu navigation links - -left: - - title: Home - url: / - - title: Docs - url: /docs/why-expressif.LanguageServer/ - - title: Timeline - url: /changelog-timeline/ - - title: Contact - url: /contact/ - - -# Navbar right menu navigation links - -right: - - - title: Issue tracking - url: https://github.com/Seddryck/Expressif.LanguageServer/issues - button: primary-outline - - - title: View on GitHub - url: https://github.com/Seddryck/Expressif.LanguageServer - button: primary-outline \ No newline at end of file diff --git a/docs/_data/navigation_mobile.yml b/docs/_data/navigation_mobile.yml deleted file mode 100644 index 262306f..0000000 --- a/docs/_data/navigation_mobile.yml +++ /dev/null @@ -1,17 +0,0 @@ -# Mobile menu navigation links - -- title: Home - url: / - -- title: Docs - url: /docs/installation-expressif.LanguageServer/ - -- title: Blog - url: /blog/ - -- title: Changelog - url: /changelog-timeline/ - -- title: Contact - url: /contact/ - button: success \ No newline at end of file diff --git a/docs/_data/tags.yml b/docs/_data/tags.yml deleted file mode 100644 index 54b4e49..0000000 --- a/docs/_data/tags.yml +++ /dev/null @@ -1 +0,0 @@ -# Tags \ No newline at end of file diff --git a/docs/_data/translation.yml b/docs/_data/translation.yml deleted file mode 100644 index eead0cb..0000000 --- a/docs/_data/translation.yml +++ /dev/null @@ -1,20 +0,0 @@ -# English (default) - -en: - previous: "Previous" - next: "Next" - related_docs: "Related Docs" - related_posts: "Related Posts" - read_more: "Read more" - written_by: "Written by" - share_twitter: "Share on Twitter" - share_facebook: "Share on Facebook" - search_placeholder: "Search for answers" - search_no_results: "No results found" - mobile_nav_docs: "Docs" - mobile_nav_site: "Menu" - contact_name: "Name" - contact_email: "Email" - contact_subject: "Subject" - contact_message: "Message" - contact_send: "Send" \ No newline at end of file diff --git a/docs/_data/videos.yml b/docs/_data/videos.yml deleted file mode 100644 index ec340a5..0000000 --- a/docs/_data/videos.yml +++ /dev/null @@ -1 +0,0 @@ -# Video include content diff --git a/docs/_docs/basic-usage.md b/docs/_docs/basic-usage.md deleted file mode 100644 index 512db29..0000000 --- a/docs/_docs/basic-usage.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: Basic usage of the CLI -tags: [quick-start, cli-usage] ---- -The command to run Expressif.LanguageServer is simply `expressif.LanguageServer`. When executing it, you need to provide three required arguments: - -- `-t, --template` (required): Specifies the path to the Scriban, Liquid, Handlebars, StringTemplate or SmartFormat template file. -- `-s, --source`: Specifies the path to the source data file, which can be in YAML, JSON, or XML format. If this argument is not provided, the data will be read from the console input. In such cases, the `-r, --parser` option becomes mandatory. -- `-o, --output`: Specifies the path to the output file where the generated content will be saved. If not provided, the output will be displayed directly in the console. - -**Example:** - -```bash -expressif.LanguageServer -t template.scriban -s data.yaml -o page.html -``` - -In this example: - -- `template.scriban` is the Scriban template file. -- `data.yaml` is the source file containing the structured data in YAML format. -- `page.html` is the output file that will contain the generated content. diff --git a/docs/_docs/cli-options.md b/docs/_docs/cli-options.md deleted file mode 100644 index 5957006..0000000 --- a/docs/_docs/cli-options.md +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: CLI options -tags: [quick-start, cli-usage] ---- -## General format for options - -### Shortcut Option (Single Character) - -Shortcut options are prefixed with a single hyphen (-) and can be followed directly by the value without a space, though a space can be used if preferred. -**Example:** - -- Without space: `-tpath/to/template` -- With space: `-t path/to/template` - -### Long Version Option (Double Dash) - -Long options are prefixed with double hyphens (--), the first letter of the option is uppercase, and the option name is followed by an equal sign (=) to assign its value. -**Example:** `--template=path/to/template` - -## Option Values - -### Single Value - -An option can take a single value, which is provided right after the shortcut or the `=` sign for long options. -**Example**: `-s path/to/source` or `--source=path/to/source` - -### Switch Values - -If an option accepts a boolean, this one can be omitted. -**Example**: `-i` or `--stdin` or `--stdin=true` or `--stdin true` - -### Multiple Values - -If an option accepts multiple values, the values should be separated by a semicolon (;). -**Example**: - -- `--sources=file1.yaml;file2.json file3.xml` -- `--sources=file1.yaml file2.json file3.xml` -- `--sources=file1.yaml --sources=file2.json --sources=file3.xml` - -### Key-Value Pairs - -For key-value pairs, the key is followed by a colon (:), and then the value. Multiple key-value pairs, if allowed, should be separated by a semicolon (;). -**Example**: - -- `--parser-extension=txt:handlebars;liquid:fluid` -- `--parser-extension=txt:handlebars liquid:fluid` -- `--parser-extension=txt:handlebars --parser-extension=liquid:fluid` - -## Expressif.LanguageServer Options Explained - -### Template option - -Shortcut: `-t` -Long: `--template` -Description: Specifies the path to the template file. -Accept: single value. -Mandatory: yes. -Example: `-t path/to/template` or `--template=path/to/template` - -### Engine option - -- Shortcut: `-e` -- Long: `--engine` -- Description: Specifies the template engine to use (scriban, fluid, dotliquid, handlebars, smartformat, stringtemplate). -- Accept: single value. When omitted Expressif.LanguageServer will select the engine based on the extension of the template file. -- Example: `-e fluid` or `--engine=fluid` - -### Engine files' extension association option - -- Shortcut: `-x` -- Long: `--engine-extension` -- Description: Specifies additional or replacing association between a file extension and an engine for automatic detection -- Accept: multiple key-value pairs. -- Mandatory: no. -- Example: `-x txt:handlebars;liquid:fluid` or `--engine-extension=.txt:handlebars;liquid:fluid` - -### Source option - -- Shortcut: `-s` -- Long: `--source` -- Accept: single value or multiple key-value pairs. -- Description: - - if single value is provided, it specifies the path to the source file. If omitted, input can be taken from StdIn. - - if multiple key-value pairs are provided, each of them specifies a part of the model and the key representing the tag in the model. -- Exclusive: can't be set with the parameter `--StdIn` -- Example: `-s path/to/source` or `--source=path/to/source` or `--source=foo:path/to/source1;bar:path/to/source1` - -### Parser option - -- Shortcut: `-r` -- Long: `--parser` -- Description: Specifies the parser to use (YAML, JSON, XML). -- Accept: single value. -- Mandatory: no expect if `--stdin` is specified. When omitted Expressif.LanguageServer will select the parser based on the extension of the source file -- Example: `-r YAML` or `--parser=YAML` - -### Parser files' extension association option - -- Shortcut: `-X` -- Long: `--parser-extension` -- Description: Specifies additional or replacing association between a file extension and a parser for automatic detection -- Accept: multiple key-value pairs. -- Mandatory: no. -- Example: `-X txt:yaml;dat:json` or `--parser-extension=txt:yaml;dat:json` - -### Parser's parameters option - -- Shortcut: `-P` -- Long: `--parser-parameter` -- Description: Specifies parameters tuning the behaviour of the parser -- Accept: multiple key-value pairs, prefixed by the file's extension followed by an arobas (`@`). -- Mandatory: no. -- Example: `-P csv@delimiter=^;csv@commentChar=#` - -### StdIn option - -- Shortcut: `-i` -- Long: `--stdin` -- Description: Specifies the input to the source data as coming from the StdIn. -- Accept: switch value. -- Exclusive: can't be set to true with the parameter `--source` and must specified to false when `--source` is not provided. -- Example: `-i` or `--stdin` or `--stdin false` - -### Output option - -- Shortcut: `-o` -- Long: `--output` -- Description: Specifies the path to the generated output file. If omitted, output is rendered to StdOut. -- Accept: single value. -- Mandatory: no. -- Example: `-o path/to/output` or `--output=path/to/output` diff --git a/docs/_docs/csv-parser.md b/docs/_docs/csv-parser.md deleted file mode 100644 index 908144d..0000000 --- a/docs/_docs/csv-parser.md +++ /dev/null @@ -1,155 +0,0 @@ ---- -title: CSV parser -tags: [parsers] ---- -Expressif.LanguageServer leverages the [PocketCsvReader](http://github.com/Seddryck/PocketCsvReader) parser and interprets CSV headers containing `.` and `[]`, dynamically transforming them into structured nested dictionaries or lists, enabling seamless representation of hierarchical data. - -## Default CSV Dialect - -The parser assumes the following characteristics for the CSV file: - -* Delimiter: The default column delimiter is a comma (,). -* Quotation: Fields containing delimiters, line breaks, or special characters are enclosed in double quotes ("). -* Escape Character: Double quotes within a quoted field are escaped by doubling them (""). -* Header Row: The first row of the CSV file must contain column headers, which define the structure of the resulting nested dictionary. -* Case Sensitivity: Headers are case-sensitive. -* Row Order: Rows with the same parent-level fields are grouped together in the final output. The order of rows in the CSV affects the resulting data structure. - -```text -Name.Fullname,Name.Acronym,Founded -NASA,National Aeronautics and Space Administration,1958-07-29 -``` - -## Special Header Syntax in Expressif.LanguageServer - -### Dot Notation (.) - -A dot (`.`) in a header is interpreted by the parser as indicating a nested property structure. - -Each segment before a dot represents a key in a nested dictionary. -The final segment represents the value assigned within that dictionary. - -#### Example of nested properties - -| *Header* | *Interpretation* | -|-------------------|-----------------------------------------------------------| -| `Name.Fullname` | Creates a dictionary `Name` with a key `Fullname`. | -| `Name.Acronym` | Adds a key `Acronym` to the `Name` dictionary. | -| `Founded` | Adds a top-level key `Founded`. | - -is the equivalent of this JSON representation - -```json -{ - "Name": { - "Fullname": "NASA", - "Acronym": "National Aeronautics and Space Administration" - }, - "Founded": "1958-07-29" -} -``` - -### List Syntax ([]) - -Square brackets (`[]`) in a header indicate that the corresponding property belongs to a list of dictionaries. - -* Headers containing `[]` represent list elements. -* Each row with the same parent-level fields contributes to the same list. -* Nested properties of list items are denoted by combining `[]` with dot notation. - -#### Example of list - -| *Header* | *Interpretation* | -|-------------------|-----------------------------------------------------------| -| `Buildings[].Name` | Creates a list `Buildings` where each item has a key `Name`. | -| `Buildings[].Type` | Adds a key `Type` to each `Buildings` list item. | -| `Buildings[].Location` | Adds a key `Location` to each `Buildings` list item. | - -is the equivalent of this JSON representation - -```json -{ - "Buildings": [ - { - "Name": "NASA Headquarters", - "Type": "Administration and Policy", - "Location": "300 E Street SW, Washington, DC 20546" - }, - { - "Name": "Johnson Space Center", - "Type": "Human Spaceflight Training, Research, and Mission Control", - "Location": "2101 NASA Parkway, Houston, TX 77058" - } - ] -} -``` - -### Combining . and [] - -Dot notation and square brackets can be combined in Expressif.LanguageServer to describe deeply nested structures, such as lists within nested dictionaries. - -#### Example of combination - -| *Header* | *Interpretation* | -|-------------------|-----------------------------------------------------------| -| `Buildings[].Details.Address.City` | Adds a nested dictionary `Details` to each `Buildings` list item. | -| `Buildings[].Details.Address.ZipCode` | Adds a key `ZipCode` to Address in each `Buildings` list item. | - -is the equivalent of this JSON representation - -```json -{ - "Buildings": [ - { - "Details": { - "Address": { - "City": "Washington", - "ZipCode": "20546" - } - } - }, - { - "Details": { - "Address": { - "City": "Houston", - "ZipCode": "77058" - } - } - } - ] -} -``` - -### Behavior of Rows with Repeated Parent-Level Fields - -In Expressif.LanguageServer, rows with the same values for all non-list fields are considered part of the same top-level object. List fields (`[]`) for such rows are appended to the corresponding lists. - -```text -Name.Fullname,Name.Acronym,Founded,Buildings[].Name,Buildings[].Type -NASA,National Aeronautics and Space Administration,1958-07-29,NASA Headquarters,Administration and Policy -NASA,National Aeronautics and Space Administration,1958-07-29,Johnson Space Center,Human Spaceflight Training, Research, and Mission Control -``` - -#### Resulting Structure - -```json -[ - { - "Name": { - "Fullname": "NASA", - "Acronym": "National Aeronautics and Space Administration" - }, - "Founded": "1958-07-29", - "Buildings": [ - { - "Name": "NASA Headquarters", - "Type": "Administration and Policy" - }, - { - "Name": "Johnson Space Center", - "Type": "Human Spaceflight Training, Research, and Mission Control" - } - ] - } -] -``` diff --git a/docs/_docs/deployment-docker.md b/docs/_docs/deployment-docker.md deleted file mode 100644 index 8672bdf..0000000 --- a/docs/_docs/deployment-docker.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: Install from Docker -tags: [installation] ---- -## Prerequisites - -**Docker Installed**: Ensure that Docker is installed and running on your system. You can download Docker from Docker's official site. - -## Pulling the Docker Image - -A pre-built Docker image is available on Docker Hub, you can pull it using the following command: - -```powershell -docker pull seddryck/expressif.LanguageServer:latest -``` - -## Running Expressif.LanguageServer from Docker - -Once you have the Docker image, you can run Expressif.LanguageServer using Docker in PowerShell. - -### Basic Command - -CMD: -```CMD -docker run --rm -v %cd%:/files expressif.LanguageServer -t -s -o -``` - -PowerShell: -```powershell -docker run --rm -v ${pwd}:/files expressif.LanguageServer -t -s -o -``` - -- `--rm`: Automatically removes the container after it finishes executing. -- `-v ${pwd}:/files`: Mounts the current directory (`${pwd}` in PowerShell or Bash, `%cd%` in CMD) to /files inside the Docker container, so Expressif.LanguageServer can access your local files. -- `-t `: Specifies the path to the template file inside the /files directory. -- `-s `: Specifies the path to the source file (YAML, JSON, or XML). -- `-o `: Specifies the path to the output file that Expressif.LanguageServer will generate. If omitted, it will display the result on the host console. - -## Updating Expressif.LanguageServer - -To update to the latest version of Expressif.LanguageServer, either pull the new Docker image - -```powershell -docker pull seddryck/expressif.LanguageServer:latest -``` diff --git a/docs/_docs/installation-didot.md b/docs/_docs/installation-didot.md deleted file mode 100644 index 83018b8..0000000 --- a/docs/_docs/installation-didot.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: Install Expressif.LanguageServer -subtitle: Get started in seconds - Install Expressif.LanguageServer and unlock the power of dynamic file generation! -tags: [quick-start, installation] ---- -Installing Expressif.LanguageServer is quick and easy, no matter your setup! Whether you're a seasoned developer or just getting started, we've got multiple ways for you to get up and running: - - -- .NET Global Tool: Want to use Expressif.LanguageServer from the command line? Install it as a .NET global tool and access it anywhere. [More info ...](../installation-net-global-tool/) or perhaps you prefer a local installation? [More info ...](../installation-net-local-tool/) -- Docker container: Prefer containerized environments? Pull the Expressif.LanguageServer Docker image and run it seamlessly in your infrastructure. [More info ...](../deployment-docker/) -- Manual Installation: Prefer manual control? Download the latest release directly and configure Expressif.LanguageServer to suit your environment. [More info on Windows](../installation-windows/) or [on Linux](../installation-linux/) -- As a NuGet library: Seamlessly integrate Expressif.LanguageServer into your .NET projects, as a library, by installing it as a NuGet package. [More info ...](../installation-library-nuget/) - -No matter your preference, installing Expressif.LanguageServer is the first step to unlocking powerful, data-driven file generation. Choose your path and start transforming your workflows today! diff --git a/docs/_docs/installation-library-nuget.md b/docs/_docs/installation-library-nuget.md deleted file mode 100644 index 4570e48..0000000 --- a/docs/_docs/installation-library-nuget.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: Installation as a library from NuGet -tags: [installation] ---- -More to come diff --git a/docs/_docs/installation-linux.md b/docs/_docs/installation-linux.md deleted file mode 100644 index cce8ff8..0000000 --- a/docs/_docs/installation-linux.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Install from GitHub Releases on Linux -tags: [installation] ---- -## Step 1: Download the ZIP from the GitHub Release - -1. Navigate to the **GitHub repository** of [Expressif.LanguageServer](https://github.com/Seddryck/Expressif.LanguageServer). -2. Go to the **Releases** section, typically found under the "Code" tab. -3. Download the `.zip` file for the desired release. - -Example: - -```bash -wget https://github.com/Seddryck/Expressif.LanguageServer/releases/download/v0.13.0/Expressif.LanguageServer-0.13.0-net7.0-linux-x64.zip -``` - -## Step 2: Extract the ZIP File - -1. Open a terminal and navigate to the directory where you downloaded the `.zip` file. -2. Use the `unzip` command to extract the contents. You can choose any directory for extraction (e.g., `/usr/local/bin/Expressif.LanguageServer`). - -```bash -unzip expressif.LanguageServer.zip -d /usr/local/bin/Expressif.LanguageServer -``` - -> **Tip**: Ensure the directory you extract to is accessible and easy to remember. - -## Step 3: Add the Executable to the System PATH - -To run the executable from any location in the terminal, you need to add its folder to your system's PATH. - -1. Open your `~/.bashrc` (or `~/.zshrc` depending on your shell) file with a text editor. - -```bash -nano ~/.bashrc -``` - -2. Add the following line at the end of the file to add the Expressif.LanguageServer directory to your PATH: - -```bash -export PATH="/usr/local/bin/Expressif.LanguageServer:$PATH" -``` - -3. Save the file and reload your shell configuration: - -```bash -source ~/.bashrc -``` - -## Step 4: Verify Installation - -1. Open a new terminal. -2. Type the name of the executable (e.g., `expressif.LanguageServer`) and hit Enter. -3. If everything is set up correctly, the program should run. diff --git a/docs/_docs/installation-net-global-tool.md b/docs/_docs/installation-net-global-tool.md deleted file mode 100644 index d0536e2..0000000 --- a/docs/_docs/installation-net-global-tool.md +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: Install as a .NET global tool -tags: [installation] ---- -A .NET global tool is a console application that you can install and run from any directory on your machine. Here's a guide on how to perform a global installation of a .NET tool: - -## Prerequisites - -Before installing a .NET global tool, you must have the .NET SDK installed on your machine. You can check if it's installed by running the following command in your terminal or Command Prompt: - -```bash -dotnet --version -``` - -If .NET is not installed, download it from [Microsoft's official website](https://dotnet.microsoft.com/download/dotnet). - -## Install a .NET Global Tool - -To install a .NET global tool, you use the dotnet tool install command. This command installs a tool for all users globally on your system. - -```bash -dotnet tool install -g Expressif.LanguageServer-cli -``` - -`-g`: This flag tells the dotnet command to install the tool globally. - -## Verify Installation - -After installing the tool, you can verify that it's available globally by running it from any directory. - -```bash -expressif.LanguageServer --version -``` - -This command will display the installed tool's version if the installation was successful. - -## Update a .NET Global Tool - -To update a globally installed .NET tool, use the dotnet tool update command: - -```bash -dotnet tool update -g Expressif.LanguageServer-cli -``` diff --git a/docs/_docs/installation-net-local-tool.md b/docs/_docs/installation-net-local-tool.md deleted file mode 100644 index 0f8e2e6..0000000 --- a/docs/_docs/installation-net-local-tool.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -title: Install as a .NET local tool -tags: [installation] ---- -More to come diff --git a/docs/_docs/installation-windows.md b/docs/_docs/installation-windows.md deleted file mode 100644 index 852c803..0000000 --- a/docs/_docs/installation-windows.md +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: Install from GitHub Releases on Windows -tags: [quick-start, installation] ---- -## Step 1: Download the ZIP from the GitHub Release - -1. Navigate to the **GitHub repository** of [the project](https://github.com/Seddryck/Expressif.LanguageServer). -2. Go to the **Releases** section, usually found under the "Code" tab. -3. Download the `.zip` file containing the executable from the desired release. - -Example: - - ```powershell - https://github.com/Seddryck/Expressif.LanguageServer/releases/download/v0.13.0/Expressif.LanguageServer-0.13.0-net7.0-win-x64.zip - ``` - -## Step 2: Extract the ZIP File - -1. Right-click the downloaded `.zip` file and choose **Extract All**. -2. Extract the contents to a directory of your choice, such as `C:\Program Files\Expressif.LanguageServer`. - -> **Tip**: Choose a path that is easy to remember and doesn't contain special characters. - -## Step 3: Add the Executable to the System PATH - -To run the executable from any location in the command line, you need to add its folder to your system's PATH. - -1. Open the **Start Menu** and search for **Environment Variables**. -2. Click **Edit the system environment variables**. -3. In the **System Properties** window, click **Environment Variables**. -4. In the **System Variables** section, scroll down, select **Path**, and click **Edit**. -5. In the **Edit Environment Variable** dialog, click **New** and enter the path to your extracted folder, e.g., `C:\Program Files\Expressif.LanguageServer`. -6. Click **OK** to close all windows. - -## Step 4: Verify Installation - -1. Open **Command Prompt** (CMD). -2. Type the name of the executable (e.g., `expressif.LanguageServer.exe`) and hit Enter. -3. If everything is set up correctly, the program should run. \ No newline at end of file diff --git a/docs/_docs/multiple-sources.md b/docs/_docs/multiple-sources.md deleted file mode 100644 index 42d304e..0000000 --- a/docs/_docs/multiple-sources.md +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: Using Multiple Sources in Expressif.LanguageServer -tags: [cli-usage] ---- -Expressif.LanguageServer supports multiple data sources directly from the console, allowing you to build complex models by defining each source as a distinct part. Each source is specified using a key:value format, where each key becomes a unique child within the model structure, allowing you to reference data in a hierarchical way (e.g., model.key). - -## Syntax - -```bash ---source=key:path/to/source1.yaml;key2:path/to/source2.json -``` - -Each key represents a child name under model, allowing you to organize and access data parts with descriptive keys. - -## Example usage - -Suppose you have two data files that represent different parts of a model: - -- `user.yaml`: Contains user information. -- `config.json`: Holds configuration settings. - -### Command Example - -```powershell -expressif.LanguageServer -t template.html -s user:user.yaml;settings:config.json -o output.html -``` - -In this case: - -- `user.yaml` is assigned to the `user` key. -- `config.json` is assigned to the `settings` key. - -### How Data Appears in the Model - -With the above command, the data model created would look like this: - -```yaml -model: - user: # Data from user.yaml - name: "John Doe" - email: "john@example.com" - settings: # Data from settings.json - theme: "dark" - notifications: true -``` - -This allows you to access user and settings data within your template, using paths like model.user.name and model.settings.theme. - -### Template usage - -The following template is written with **handlebars** template language: -{% raw %} - -```handlebars -

User Information

-

Name: {{model.user.name}}

-

Email: {{model.user.email}}

- -

Settings

-

Theme: {{model.settings.theme}}

-

Notifications Enabled: {{model.settings.notifications}}

-``` - -{% endraw %} - -## Key points - -- **Format**: Use key:path for each source and separate multiple sources with semicolons. -- **Hierarchy**: Each key becomes a child of model, allowing hierarchical access to each data part in your templates. -- **Flexible**: Data Integration: Combine multiple data sources seamlessly, enabling more complex and modular template generation. -With this approach, Expressif.LanguageServer provides flexibility in managing multi-source data, making it easy to build robust, organized models for dynamic template generation. \ No newline at end of file diff --git a/docs/_docs/specify-engine-parser.md b/docs/_docs/specify-engine-parser.md deleted file mode 100644 index 8caa02b..0000000 --- a/docs/_docs/specify-engine-parser.md +++ /dev/null @@ -1,83 +0,0 @@ ---- -title: Specify template engine or parser -tags: [cli-usage] ---- -## Specify the data parser - -### Direct specification of data parser - -- `-r, --parser`: Defines the parser to use when the source data is provided through the console. Accepted values are `yaml`, `json`, `xml`, `url`, `FrontMatter` or `FrontMatterMarkdown`. This option is required only when the `--source` argument is omitted or if the extension of the source file is not recognized to determine the parser. For [multiple sources](../multiple-sources), this option applies to all files, regardless of their extensions or any pre-assigned engine associations. - -```bash -expressif.LanguageServer -t template.hbs -s data.txt -r json -o output.txt -``` - -In this example: - -- `template.hbs` is the Handlebars template file. -- `data.txt` is the source file. -- `json` is the parser of input data from the source file. -- `output.txt` is the file where the output will be rendered. - -### Add or replace extension associations for data parsers - -- `-X, --parser-extension`: Defines the association of a file's extension with a parser. More than one association can be specified. - -```bash -expressif.LanguageServer -t template.txt -s data.json -X dat:Json;fm:FrontMatter -o output.txt -``` - -In this example: - -- `template.txt` is the template file. -- `data.json` is the data JSON file. -- `dat:Json;fm:FrontMatter` is associating JSON to the extension `.dat` and FrontMatter to the extension `.fm`. -- `output.txt` is the file where the output will be rendered. - -By default following file's extension association are registered: - -- `.json` to JSON -- `.yaml` to YAML -- `.yml` to YAML -- `.xml` to XML -- `.md` to FrontMatterMarkdown - -## Specify the template engine - -### Direct specification of template engine - -- `-e, --engine`: Defines the template engine to use independantly of the template file extension. Accepted values are `scriban`, `dotliquid`, `fluid`, `handlebars`, `stringtemplate`, `smartformat`. - -```powershell -expressif.LanguageServer -t template.txt -s data.json -e handlebars -o output.txt -``` - -In this example: - -- `template.txt` is the template file. -- `data.json` is the data JSON file. -- `handlebars` is the template engine to use. -- `output.txt` is the file where the output will be rendered. - -### Add or replace extension associations for template engines - -- `-x, --engine-extension`: Defines the association of a file's extension with a template engine. More than one can be specified. - -```powershell -expressif.LanguageServer -t template.txt -s data.json -x txt:handlebars;liquid:fluid -o output.txt -``` - -In this example: - -- `template.txt` is the template file. -- `data.json` is the data JSON file. -- `txt:handlebars;liquid:fluid` is associating Handlbars to the extension `.txt` and Fluid to the extension `.liquid`. -- `output.txt` is the file where the output will be rendered. - -By default following file's extension association are registered: - -- `.scriban` to Scriban -- `.liquid` to DotLiquid -- `.hbs` to Handlebars -- `.smart` to SmartFormat -- `.st` and `.stg` to StringTemplate diff --git a/docs/_docs/specify-parser-parameters.md b/docs/_docs/specify-parser-parameters.md deleted file mode 100644 index fe0c7b8..0000000 --- a/docs/_docs/specify-parser-parameters.md +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: Specify parser's parameters -tags: [cli-usage] ---- -## Direct specification of data parser's parameters - -- `-P, --parser-parameter`: Defines the parser's parameters (or configuraion) to use when using the parser. Accepted values have the form `file extension` followed by `@` followed by the `parameter name` and then `:` to end with the `parameter value`. This option is always optional and is only supported for a few specific parsers and with a predefined set of parameters for each of them. - -```bash -expressif.LanguageServer -t template.hbs -s data.tsv -X tsv:csv -P tsv@delimiter:Semicolumn;tsv@commentChar:# -``` - -In this example: - -- `template.hbs` is the Handlebars template file. -- `data.txt` is the source file. -- `tsv:csv` associates the extension `.tsv` to the CSV parser -- `tsv@delimiter:Semicolumn;tsv@commentChar:#` defines two parameters for the configuration of parser associated to `.tsv` file's extension. The first one defines the parameter `delimiter` to a semicolumn (`;`) and the second one set the parameter `commentChar` to a hash (`#`). - -## Parameters for CSV parsers - -The following parameters are accepted by Expressif.LanguageServer to define the behavior of a CSV parser: - -- `delimiter`: Specifies the delimiter between fields. -- `lineTerminator`: Specifies the delimiter between records. -- `quoteChar`: Character used to quote fields. -- `doubleQuote`: Whether double quotes are used to escape quotes within quoted fields. -- `escapeChar`: Character used for escaping. -- `header`: Indicates if the first row contains headers. -- `headerRows`: Indexes of rows to consider like headers. -- `headerJoin`: concatenor between two headers from different rows. -- `skipInitialSpace`: Whether spaces after delimiters are skipped. -- `commentChar`: Character used to denote comments. -- `commentRows`: Indexes of rows to consider like comments - -More information about these parameters can found in [the documentation of PocketCsvReader](https://seddryck.github.io/PocketCsvReader/docs/csv-dialect-descriptor/) - -### Synonyms for parameter values - -To avoid conflicts with other parts of the command line, Expressif.LanguageServer supports the following synonyms for parameter values: - -#### **delimiter** - -- `Comma` = `,` -- `Semicolon` = `;` -- `Tab` = `\t` -- `Pipe` = `|` - -#### **lineTerminator** - -- `CarriageReturnLineFeed` = `\r\n` -- `LineFeed` = `\n` -- `CarriageReturn` = `\r` - -#### **quoteChar** - -- `DoubleQuote` = `"` -- `SingleQuote` = `'` - -#### **escapeChar** - -- `BackSlash` = `\` -- `ForwardSlash` = `/` - -#### **commentChar** - -- `Hash` = `#` -- `Semicolon` = `;` -- `ForwardSlash` = `/` -- `Dash` = `-` diff --git a/docs/_docs/supported-format-engine.md b/docs/_docs/supported-format-engine.md deleted file mode 100644 index 155e952..0000000 --- a/docs/_docs/supported-format-engine.md +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: Supported data formats and template engines -tags: [quick-start, cli-usage] ---- -**Expressif.LanguageServer** is a command-line tool designed for generating files based on templating. It supports *YAML*, *JSON*, *FrontMatter/Markdown*, *CSV* and *XML* as source data formats and provides flexibility in templating through both *Scriban*, *Liquid*, *Handlebars*, *StringTemplate*, *SmartFormat* and *Morestachio* templates languages. With Expressif.LanguageServer, you can easily automate file generation by combining structured data from YAML, JSON, or XML files with customizable templates using Scriban or Liquid. - -### Supported Data Formats - -- **YAML**: Files with the `.yaml` or `.yml` extension are parsed using a YAML source parser. -- **JSON**: Files with the `.json` extension are parsed using a JSON source parser. -- **XML**: Files with the `.xml` extension are parsed using an XML source parser. -- **URL**: Files with the `.url` extension are parsed using an URL source parser. -- **FrontMatterMarkdown**: Files with the `.md` extension are parsed using YAML parser for the FrontMatter located between two lines of 3 dashes (`---`). The markdown part is added to the key *Content* (overidden any pre-existing value of *Content*). -- **FrontMatter**: Similar to *FrontMatterMarkdown* but doesn't parse the markdown content. - -### Supported Templating Engines - -Expressif.LanguageServer utilizes some templating engines, which allow for powerful and flexible templating. - -#### Scriban [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/scriban/scriban) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://github.com/scriban/scriban/tree/master/doc) - -Templates with the `.scriban` extension are parsed using a Scriban template engine. Scriban is a lightweight and fast template engine with rich support for multiple output formats. - -- Highly performant, designed to handle large-scale template processing. -- Supports customizable scripting with rich expressions and filters. -- Can work with JSON and YAML data sources. -- Typical Use Case: Config file generation, reports, email templates, or any templating scenario not tied to a specific web framework. - -#### DotLiquid [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/dotliquid/dotliquid) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://github.com/dotliquid/dotliquid/wiki) - -Templates with the `.liquid` extension are parsed using a dotLiquid template engine. DotLiquid is a .NET port of the Liquid templating engine used by platforms like Shopify. - -- Secure (no access to system objects), making it ideal for user-generated templates. -- Allows both dynamic and static templating. -- Supports filters, tags, and various control flow structures. -- Typical Use Case: SaaS applications, dynamic content rendering, email templates. - -#### Fluid [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/sebastienros/fluid) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://github.com/sebastienros/fluid?tab=readme-ov-file#features) - -Fully compatible with `.liquid` templates. The Fluid template engine is a fast and secure .NET-based port of the Liquid templating language. - -- Optimized for performance, with careful memory management and faster parsing. -- Highly secure (does not expose system objects) and well-suited for user-generated content and environments requiring strict control over input and output. -- Rich templating features, supporting filters, tags, loops, and conditionals. -- Flexible and customizable, making it easy to extend the engine with custom filters or tags. -- Typical Use Case: Applications with complex data bindings, dynamic content generation in websites, CMS platforms, and document templating systems. - -#### Handlebars [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/Handlebars-Net/Handlebars.Net) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://handlebarsjs.com/) - -Templates with the `.hbs` extension are parsed using a Handlebars template engine. Handlebars C# port of the popular JavaScript Handlebars templating engine. - -- Simple syntax for generating HTML or text files from templates. -- Support for helpers, partial templates, and block helpers. -- Good separation of logic from presentation. -- Typical Use Case: Email templates, reports, and content generation. - -#### SmartFormat [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/axuno/SmartFormat) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://github.com/axuno/SmartFormat/wiki) - -Templates with the `.smart` extension are parsed using a SmartFormat template engine. SmartFormat.Net is a A lightweight templating engine primarily used for string formatting. - -- Provides more advanced formatting capabilities than standard string formatting in C#. -- Supports nested templates, conditional formatting, and more. -- Typical Use Case: Log messages, report generation, and dynamic text formatting. - -#### StringTemplate [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/kaby76/Domemtech.StringTemplate4) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](http://www.stringtemplate.org/) - -Templates with the `.st` and `.stg` extension are parsed using the StringTemplate engine. StringTemplate is a powerful template engine specifically designed to enforce strict separation of logic from presentation. - -- Focused on generating structured text, such as code, XML, and reports. -- Strong emphasis on enforcing Model-View separation. -- Supports conditionals, loops, and automatic escaping to prevent security issues. -- Typical Use Case: Code generation, configuration files, and situations where strict separation between logic and template is required. - -#### Morestachio [![GitHub project](https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg){: width="16" }](https://github.com/JPVenson/morestachio) [![Documentation]({{ site.baseurl }}/uploads/document-round.png){: width="16" }](https://github.com/JPVenson/morestachio/wiki) - -Templates with the `.morestachio` extension are parsed using the Morestachio engine. Morestachio is a lightweight, powerful, flavorful, templating engine for C# and other .net-based languages. Its a fork of Mustachio. - -- Simple syntax for generating HTML or text files from templates. -- Mustache adheres to the philosophy of being "logic-less," meaning templates contain no conditionals, loops, or other logic constructs, focusing solely on rendering data passed to them. -- Typical Use Case: Email templates, reports, and content generation. - \ No newline at end of file diff --git a/docs/_docs/use-stdin-stdout.md b/docs/_docs/use-stdin-stdout.md deleted file mode 100644 index 34bae71..0000000 --- a/docs/_docs/use-stdin-stdout.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Usage of StdIn and StdOut -tags: [cli-usage] ---- -## With data from the console - -- `-i, --stdin`: Specifies that the input is coming from the console. This option is required only when the --Source argument is omitted. -- `-r, --parser`: Defines the parser to use when the source data is provided through the console. Accepted values are `yaml`, `json` or `xml`. This option is required only when the `--source` argument is omitted or if the extension of the source file is not recognized to determine the parser. - -CMD: -```bash -type "data.json" | expressif.LanguageServer --stdin -t template.hbs -r json -o output.txt -``` - -PowerShell: -```powershell -Get-Content data.json | expressif.LanguageServer --stdin -t template.hbs -r json -o output.txt -``` - -Bash: -```bash -cat data.json | expressif.LanguageServer --stdin -t template.hbs -r json -o output.txt -``` - -In this example: - -- `template.hbs` is the Handlebars template file. -- `json` is the parser of input data. -- the output is redirected to the console. - -## With content rendered on the console - -Simply omit the `-o` option and the output will be rendered on the console. - -PowerShell: -```powershell -expressif.LanguageServer --stdin -t template.hbs -r json -``` diff --git a/docs/_docs/why-didot.md b/docs/_docs/why-didot.md deleted file mode 100644 index 433f01c..0000000 --- a/docs/_docs/why-didot.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Why did we create Expressif.LanguageServer? -subtitle: Transform data. Transform possibilities. -tags: [quick-start] ---- -Introducing *Expressif.LanguageServer* - your ultimate command-line tool for seamless data-driven file generation! Imagine effortlessly transforming complex data into beautifully formatted outputs with just a single command. - -Why Expressif.LanguageServer? Because it's designed with the modern developer in mind, handling multiple formats like YAML, JSON, and XML with ease. Whether you're working on configuration files, reports, or documentation, Expressif.LanguageServer takes your data and applies the perfect template to generate exactly what you need. No more switching between tools-Expressif.LanguageServer supports both Scriban and DotLiquid engines, giving you the power of choice and flexibility to craft the output that suits your project. - -Need automation? Expressif.LanguageServer has you covered. With its versatile interface, you can plug it right into your CI/CD pipelines, or use it as a handy utility in your everyday workflow. And when input comes from dynamic sources, Expressif.LanguageServer adapts-allowing you to use standard input (StdIn) to keep things flowing. - -From large-scale projects to personal tasks, Expressif.LanguageServer empowers you to create faster, smarter, and more efficiently. It's not just a tool-it's the bridge between your data and the perfect output, every time. diff --git a/docs/_includes/alert.html b/docs/_includes/alert.html deleted file mode 100644 index 322318f..0000000 --- a/docs/_includes/alert.html +++ /dev/null @@ -1,3 +0,0 @@ - -

{{ include.text }}

- \ No newline at end of file diff --git a/docs/_includes/alpha-map.html b/docs/_includes/alpha-map.html deleted file mode 100644 index 33db26b..0000000 --- a/docs/_includes/alpha-map.html +++ /dev/null @@ -1,38 +0,0 @@ -
- - diff --git a/docs/_includes/alpha-team-slider.html b/docs/_includes/alpha-team-slider.html deleted file mode 100644 index 98e5937..0000000 --- a/docs/_includes/alpha-team-slider.html +++ /dev/null @@ -1,50 +0,0 @@ -
-
- - {% if include.title %} -

{{ include.title }}

- {% endif %} - - {% if include.subtitle %}

{{ include.subtitle | escape }}

{% endif %} - -
-
-
    - {% for item in site.authors %} - {% if include.authors %} - {% if include.authors contains item.username %} - {% else %} - {% continue %} - {% endif %} - {% endif %} - -
  • -
    -
    - {% if item.avatar %} - {% if item.avatar contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = site.uploads | absolute_url %} - {% endif %} - -
    - {{ item.name }} -
    - {% endif %} -
    -

    {{ item.name }}

    -

    {{ item.title }}

    -
    -
    -
    -
    • - {% endfor %} -
- - -
-
- -
-
\ No newline at end of file diff --git a/docs/_includes/boxes.html b/docs/_includes/boxes.html deleted file mode 100644 index 39b862e..0000000 --- a/docs/_includes/boxes.html +++ /dev/null @@ -1,46 +0,0 @@ -{% if include.columns %} - {% assign columns = include.columns %} - {% if columns == '1' %} - {% assign container = ' uk-container-xsmall' %} - {% elsif columns == '2' %} - {% assign container = ' uk-container-small' %} - {% else %} - {% assign container = '' %} - {% endif %} -{% else %} - {% assign columns = 3 %} - {% assign container = '' %} -{% endif %} - -
-
- - {% if include.title %} -

{{ include.title }}

- {% endif %} - - {% if include.subtitle %}

{{ include.subtitle | escape }}

{% endif %} - -
- {% for item in site.data.navigation_boxes %} - {% if item.title %} - {% assign doc_url = item.doc | prepend:"/docs/" | append:"/" %} - {% assign doc = site.docs | where:"url", doc_url | first %} -
-
- - {% if item.icon %} - - {% endif %} -

{{ item.title }}

- {% if item.desc %} -

{{ item.desc }}

- {% endif %} -
-
- {% endif %} - {% endfor %} -
- -
-
\ No newline at end of file diff --git a/docs/_includes/changelog.html b/docs/_includes/changelog.html deleted file mode 100644 index 161d160..0000000 --- a/docs/_includes/changelog.html +++ /dev/null @@ -1,17 +0,0 @@ -
- {% for version in site.data.changelog %} -
-
-
{{ version.date }}
-
-
-

{{ version.title }}{% if version.label %}{{ version.label }}{% endif %}

-
    - {% for item in version.list %} -
  • {{ item }}
    • - {% endfor %} -
-
-
- {% endfor %} -
diff --git a/docs/_includes/cta.html b/docs/_includes/cta.html deleted file mode 100644 index 52277b3..0000000 --- a/docs/_includes/cta.html +++ /dev/null @@ -1,17 +0,0 @@ -{% if include.button_url contains 'http' %} - {% assign domain = '' %} -{% else %} - {% assign domain = '' | relative_url %} -{% endif %} - -{% if include.button_url %} -
-
-
- {% if include.title %}

{{ include.title }}

{% endif %} - {% if include.subtitle %}

{{ include.subtitle | escape }}

{% endif %} - {{ include.button_text }} -
-
-
-{% endif %} diff --git a/docs/_includes/disqus_comments.html b/docs/_includes/disqus_comments.html deleted file mode 100644 index f6e9537..0000000 --- a/docs/_includes/disqus_comments.html +++ /dev/null @@ -1,20 +0,0 @@ -{% if page.comments != false and jekyll.environment == "production" %} - -
- - -{% endif %} diff --git a/docs/_includes/faqs.html b/docs/_includes/faqs.html deleted file mode 100644 index a6acf95..0000000 --- a/docs/_includes/faqs.html +++ /dev/null @@ -1,28 +0,0 @@ -
-
- - {% if include.title %} -

{{ include.title }}

- {% endif %} - - {% if include.subtitle %} -

{{ include.subtitle | escape }}

- {% endif %} - - {% if include.category %} - {% assign faqs = site.faqs | where: "categories", include.category %} - {% else %} - {% assign faqs = site.faqs %} - {% endif %} - -
    - {% for faq in faqs %} -
  • - {{ faq.title }} -
    {{ faq.content }}
    -
    • - {% endfor %} -
- -
-
\ No newline at end of file diff --git a/docs/_includes/featured.html b/docs/_includes/featured.html deleted file mode 100644 index 30347b9..0000000 --- a/docs/_includes/featured.html +++ /dev/null @@ -1,24 +0,0 @@ -{% if include.tag %} -
-
- - {% if include.title %} -

{{ include.title }}

- {% endif %} - - {% if include.subtitle %} -

{{ include.subtitle | escape }}

- {% endif %} - -
    - {% for doc in site.docs %} - {% if doc.tags contains include.tag %} -
  • {{doc.title}}
    • - {% endif %} - {% endfor %} -
- -
-
-{% endif %} - diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html deleted file mode 100644 index 638c10f..0000000 --- a/docs/_includes/footer.html +++ /dev/null @@ -1,31 +0,0 @@ -
-
- -
-
    - {% for link in site.data.navigation_footer %} - {% if link.url contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = '' | relative_url %} - {% endif %} - {% if link.url == page.url %} - {% assign current = ' class="uk-active"' %} - {% else %} - {% assign current = null %} - {% endif %} - {% if link.title %} - {{ link.title }} - {% endif %} - {% endfor %} -
-
-
-
- {% include social-networks.html %} -
-
-
{{ site.footer.copyright }}
- -
-
diff --git a/docs/_includes/formspree.html b/docs/_includes/formspree.html deleted file mode 100644 index 1668989..0000000 --- a/docs/_includes/formspree.html +++ /dev/null @@ -1,39 +0,0 @@ -{% if include.email %} -
- {% if include.name == 'true' %} -
- -
- -
-
- {% endif %} -
- -
- -
-
- {% if include.subject == 'true' %} -
- -
- -
-
- {% endif %} -
- -
- -
-
-
- {% if include.redirect %} - - {% endif %} - - -
-
-{% endif %} diff --git a/docs/_includes/google-analytics.html b/docs/_includes/google-analytics.html deleted file mode 100644 index eb2a692..0000000 --- a/docs/_includes/google-analytics.html +++ /dev/null @@ -1,11 +0,0 @@ - - diff --git a/docs/_includes/head.html b/docs/_includes/head.html deleted file mode 100644 index 6e25861..0000000 --- a/docs/_includes/head.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - {% seo %} - - - - - - {% if page.hero.search or site.navbar.search %} - {% include search-js.html %} - {% endif %} - {% include hook-head.html %} - {% if jekyll.environment == 'production' and site.google_analytics %} - {% include google-analytics.html %} - {% endif %} - \ No newline at end of file diff --git a/docs/_includes/hero.html b/docs/_includes/hero.html deleted file mode 100644 index 379193a..0000000 --- a/docs/_includes/hero.html +++ /dev/null @@ -1,56 +0,0 @@ -{% if page.header.image %} - {% assign image = page.header.image %} -{% endif %} - -{% if page.header.align %} - {% assign align = page.header.align %} -{% else %} - {% assign align = "center" %} -{% endif %} - -
-
- - {% include navbar.html %} - -
-
- {% if page.hero.image %} -

Hero

- {% endif %} -

{{ page.hero.title }}

- {% if page.hero.subtitle %}

{{ page.hero.subtitle }}

{% endif %} - - {% if page.hero.search %} -
- - -
-
- - -
-
    -
    - - - -
    - {% endif %} - -
    -
    - -
    -
    \ No newline at end of file diff --git a/docs/_includes/hook-head.html b/docs/_includes/hook-head.html deleted file mode 100644 index e69de29..0000000 diff --git a/docs/_includes/hook-post-content-doc.html b/docs/_includes/hook-post-content-doc.html deleted file mode 100644 index e69de29..0000000 diff --git a/docs/_includes/hook-pre-closing-body-doc.html b/docs/_includes/hook-pre-closing-body-doc.html deleted file mode 100644 index e69de29..0000000 diff --git a/docs/_includes/hook-pre-closing-body.html b/docs/_includes/hook-pre-closing-body.html deleted file mode 100644 index e69de29..0000000 diff --git a/docs/_includes/image.html b/docs/_includes/image.html deleted file mode 100644 index 48dff49..0000000 --- a/docs/_includes/image.html +++ /dev/null @@ -1,16 +0,0 @@ -{% if include.lightbox == 'true' %} -
    - - {{ include.alt }} -
    - -
    -     - {% if include.caption %}
    {{ include.caption }}
    {% endif %} -
    -{% else %} -
    - {{ include.alt }} - {% if include.caption %}
    {{ include.caption }}
    {% endif %} -
    -{% endif %} diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html deleted file mode 100644 index 0033dbb..0000000 --- a/docs/_includes/navbar.html +++ /dev/null @@ -1,151 +0,0 @@ - - - \ No newline at end of file diff --git a/docs/_includes/offcanvas-docs.html b/docs/_includes/offcanvas-docs.html deleted file mode 100644 index 5116dcd..0000000 --- a/docs/_includes/offcanvas-docs.html +++ /dev/null @@ -1,18 +0,0 @@ -
    -
    - - - - {% for section in site.data.navigation_docs %} -
    {{ section.title }}
    -
      - {% for doc in section.docs %} - {% assign doc_url = doc | prepend:"/docs/" | append:"/" %} - {% assign p = site.docs | where:"url", doc_url | first %} -
    • {{ p.title }}
      • - {% endfor %} -
    - {% endfor %} - -
    -
    diff --git a/docs/_includes/offcanvas.html b/docs/_includes/offcanvas.html deleted file mode 100644 index 71128cb..0000000 --- a/docs/_includes/offcanvas.html +++ /dev/null @@ -1,37 +0,0 @@ -
    -
    - - - - - -
      - {% for link in site.data.navigation_mobile %} - {% if link.url contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = '' | relative_url %} - {% endif %} - - {% if link.url == page.url %} - {% assign current = ' class="uk-active"' %} - {% else %} - {% assign current = null %} - {% endif %} - - {% if link.button %} -
    • {{ link.title }}
      • - {% else %} - {{ link.title }} - {% endif %} - {% endfor %} -
    - -
    -
    - {% include social-networks.html %} -
    -
    - -
    -
    diff --git a/docs/_includes/paginate-blog.html b/docs/_includes/paginate-blog.html deleted file mode 100644 index a1b3815..0000000 --- a/docs/_includes/paginate-blog.html +++ /dev/null @@ -1,8 +0,0 @@ - - diff --git a/docs/_includes/paginate-doc.html b/docs/_includes/paginate-doc.html deleted file mode 100644 index 821192e..0000000 --- a/docs/_includes/paginate-doc.html +++ /dev/null @@ -1,32 +0,0 @@ -{% assign docs = site.data.navigation_docs | map: 'docs' | join: ',' | split: ',' %} - -{% for document in docs %} - {% assign document_url = document | prepend:"/docs/" | append:"/" %} - {% if document_url == page.url %} -
    -
    -
    - {% if forloop.first %} - {% else %} - {% assign previous = forloop.index0 | minus: 1 %} - {% assign previous_page = docs[previous] | prepend:"/docs/" | append:"/" %} - {% assign previous_doc = site.docs | where:"url", previous_page | first %} -
    {{previous_doc.title}}
    - - {% endif %} -
    -
    - {% if forloop.last %} - {% else %} - {% assign next = forloop.index0 | plus: 1 %} - {% assign next_page = docs[next] | prepend:"/docs/" | append:"/" %} - {% assign next_doc = site.docs | where:"url", next_page | first %} -
    {{next_doc.title}}
    -
    {{ site.data.translation[site.lang].next | default: "Next" }} →
    - {% endif %} -
    -
    -
    - {% break %} - {% endif %} -{% endfor %} diff --git a/docs/_includes/paginate-post.html b/docs/_includes/paginate-post.html deleted file mode 100644 index a53b2f1..0000000 --- a/docs/_includes/paginate-post.html +++ /dev/null @@ -1,18 +0,0 @@ -
    -
    -
    - {% if page.previous.url %} -

    {{page.previous.title}}

    -
    {{ page.previous.excerpt | truncate: 90 }}
    - - {% endif %} -
    -
    - {% if page.next.url %} -

    {{page.next.title}}

    -
    {{ page.next.excerpt | truncate: 90 }}
    -
    {{ site.data.translation[site.lang].next | default: "Next" }} →
    - {% endif %} -
    -
    -
    diff --git a/docs/_includes/post-meta.html b/docs/_includes/post-meta.html deleted file mode 100644 index db3f79f..0000000 --- a/docs/_includes/post-meta.html +++ /dev/null @@ -1,24 +0,0 @@ -{% if page.author %} - {% assign author = site.authors[page.author] %} -{% else %} - {% assign author = site.author %} -{% endif %} - -{% if author.avatar %} - {% if author.avatar contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = site.uploads | absolute_url %} - {% endif %} - {{ author.name }} -{% endif %} - -
    - {% if author.name %} - {{ site.data.translation[site.lang].written_by | default: "Written by" }}
    - {% endif %} - -
    \ No newline at end of file diff --git a/docs/_includes/related-docs.html b/docs/_includes/related-docs.html deleted file mode 100644 index 73f2a27..0000000 --- a/docs/_includes/related-docs.html +++ /dev/null @@ -1,32 +0,0 @@ -
    -

    {{ site.data.translation[site.lang].related_docs | default: "Related Docs" }}

    - - {% assign maxRelated = 4 %} - {% assign minCommonTags = 1 %} - {% assign maxRelatedCounter = 0 %} - -
      - {% for doc in site.docs %} - - {% assign sameTagCount = 0 %} - {% assign commonTags = '' %} - - {% for tag in doc.tags %} - {% if doc.url != page.url %} - {% if page.tags contains tag %} - {% assign sameTagCount = sameTagCount | plus: 1 %} - {% endif %} - {% endif %} - {% endfor %} - - {% if sameTagCount >= minCommonTags %} -
    • {{ doc.title }}
      • - {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} - {% if maxRelatedCounter >= maxRelated %} - {% break %} - {% endif %} - {% endif %} - - {% endfor %} -
    -
    diff --git a/docs/_includes/related-posts.html b/docs/_includes/related-posts.html deleted file mode 100644 index fc43627..0000000 --- a/docs/_includes/related-posts.html +++ /dev/null @@ -1,32 +0,0 @@ -
    -

    {{ site.data.translation[site.lang].related_posts | default: "Related Posts" }}

    - - {% assign maxRelated = 4 %} - {% assign minCommonTags = 1 %} - {% assign maxRelatedCounter = 0 %} - -
      - {% for post in site.posts %} - - {% assign sameTagCount = 0 %} - {% assign commonTags = '' %} - - {% for category in post.categories %} - {% if post.url != page.url %} - {% if page.categories contains category %} - {% assign sameTagCount = sameTagCount | plus: 1 %} - {% endif %} - {% endif %} - {% endfor %} - - {% if sameTagCount >= minCommonTags %} -
    • {{ post.title }}
      • - {% assign maxRelatedCounter = maxRelatedCounter | plus: 1 %} - {% if maxRelatedCounter >= maxRelated %} - {% break %} - {% endif %} - {% endif %} - - {% endfor %} -
    -
    diff --git a/docs/_includes/search-js.html b/docs/_includes/search-js.html deleted file mode 100644 index f15422c..0000000 --- a/docs/_includes/search-js.html +++ /dev/null @@ -1,97 +0,0 @@ - \ No newline at end of file diff --git a/docs/_includes/share.html b/docs/_includes/share.html deleted file mode 100644 index c5f8e44..0000000 --- a/docs/_includes/share.html +++ /dev/null @@ -1,8 +0,0 @@ - \ No newline at end of file diff --git a/docs/_includes/slideshow.html b/docs/_includes/slideshow.html deleted file mode 100644 index 32b48b5..0000000 --- a/docs/_includes/slideshow.html +++ /dev/null @@ -1,14 +0,0 @@ -
    - -
      - {% for image in site.static_files %} - {% if image.path contains include.folder %} -
      • - {% endif %} - {% endfor %} -
    - - - - -
    diff --git a/docs/_includes/social-networks.html b/docs/_includes/social-networks.html deleted file mode 100644 index 5427246..0000000 --- a/docs/_includes/social-networks.html +++ /dev/null @@ -1,65 +0,0 @@ -{% if site.social.twitter %} -
    - -
    -{% endif %} -{% if site.social.facebook %} -
    - -
    -{% endif %} -{% if site.social.flickr %} -
    - -
    -{% endif %} -{% if site.social.dribbble %} -
    - -
    -{% endif %} -{% if site.social.instagram %} -
    - -
    -{% endif %} -{% if site.social.googleplus %} -
    - -
    -{% endif %} -{% if site.social.linkedin %} -
    - -
    -{% endif %} -{% if site.social.pinterest %} -
    - -
    -{% endif %} -{% if site.social.vimeo %} -
    - -
    -{% endif %} -{% if site.social.youtube %} -
    - -
    -{% endif %} -{% if site.social.github %} -
    - -
    -{% endif %} -{% if site.social.email %} -
    - -
    -{% endif %} -{% if site.social.website %} -
    - -
    -{% endif %} diff --git a/docs/_includes/tag.html b/docs/_includes/tag.html deleted file mode 100644 index 011b0bf..0000000 --- a/docs/_includes/tag.html +++ /dev/null @@ -1,2 +0,0 @@ - -{{ site.data.tags[include.tag].text }} \ No newline at end of file diff --git a/docs/_includes/team.html b/docs/_includes/team.html deleted file mode 100644 index c2205e9..0000000 --- a/docs/_includes/team.html +++ /dev/null @@ -1,45 +0,0 @@ -
    -
    - - {% if include.title %} -

    {{ include.title }}

    - {% endif %} - - {% if include.subtitle %}

    {{ include.subtitle | escape }}

    {% endif %} - -
    - - {% if include.authors %} - {% assign authors = include.authors | split: ", " %} - {% else %} - {% assign authors = site.authors %} - {% endif %} - - {% for author in authors %} - - {% if include.authors %} - {% assign item = site.authors[author] %} - {% else %} - {% assign item = author[1] %} - {% endif %} - -
    -
    - {% if item.avatar %} - {% if item.avatar contains 'http' %} - {% assign domain = '' %} - {% else %} - {% assign domain = site.uploads | absolute_url %} - {% endif %} - - {{ item.name }} - {% endif %} -
    {{ item.name }}
    -

    {{ item.title }}

    -
    -
    - {% endfor %} -
    - -
    -
    \ No newline at end of file diff --git a/docs/_includes/videos.html b/docs/_includes/videos.html deleted file mode 100644 index 404a845..0000000 --- a/docs/_includes/videos.html +++ /dev/null @@ -1,40 +0,0 @@ -{% if include.columns %} - {% assign columns = include.columns %} - {% if columns == '1' %} - {% assign container = ' uk-container-xsmall' %} - {% elsif columns == '2' %} - {% assign container = ' uk-container-small' %} - {% else %} - {% assign container = '' %} - {% endif %} -{% else %} - {% assign columns = 3 %} - {% assign container = '' %} -{% endif %} - -
    -
    - - {% if include.title %} -

    {{ include.title }}

    - {% endif %} - - {% if include.subtitle %}

    {{ include.subtitle | escape }}

    {% endif %} - -
    - {% for item in site.data.videos %} -
    -
    - - -

    {{ item.title }}

    - {% if item.desc %} -

    {{ item.desc }}

    - {% endif %} -
    -
    - {% endfor %} -
    - -
    -
    \ No newline at end of file diff --git a/docs/_layouts/changelog.html b/docs/_layouts/changelog.html deleted file mode 100644 index a3a9fca..0000000 --- a/docs/_layouts/changelog.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -layout: default ---- - -
    -
    - -

    {{ page.title | escape }}

    - -
    - {{ content }} -
    - - {% assign changelogs = site.changelogs | sort: 'date' | reverse %} - {% for changelog in changelogs %} -
    -
    -
    -

    {{ changelog.title }}

    -
    - {% if changelog.date %} - - {% endif %} -
    -
    - {% if changelog.date %} - - {% endif %} -
    -
    -
    {{ changelog.content }}
    -
    - {% endfor %} - -
    -
    diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html deleted file mode 100644 index 75c895e..0000000 --- a/docs/_layouts/default.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - {% include head.html %} - - - - {% if page.hero %} - {% include hero.html %} - {% else %} - {% include navbar.html %} - {% endif %} - - {{ content }} - - {% include offcanvas-docs.html %} - - {% include offcanvas.html %} - - {% if page.layout != 'doc' %} - {% include footer.html %} - {% endif %} - - {% if page.layout == 'doc' %} - {% include hook-pre-closing-body-doc.html %} - {% endif %} - - {% include hook-pre-closing-body.html %} - - - - diff --git a/docs/_layouts/doc.html b/docs/_layouts/doc.html deleted file mode 100644 index a73de11..0000000 --- a/docs/_layouts/doc.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -layout: default ---- - -
    -
    -
    - -
    -
    - {% for section in site.data.navigation_docs %} -
    {{ section.title }}
    -
      - {% for doc in section.docs %} - {% assign doc_url = doc | prepend:"/docs/" | append:"/" %} - {% assign p = site.docs | where:"url", doc_url | first %} -
    • {{ p.title }}
      • - {% endfor %} -
    - {% endfor %} -
    -
    - -
    - -
    - -

    {{ page.title | escape }}

    - - {% if page.subtitle %}

    {{ page.subtitle }}

    {% endif %} - -
    - {% include post-meta.html %} -
    - -
    - {{ content }} - {% if site.share.doc %} - {% include share.html %} - {% endif %} -
    - - {% include hook-post-content-doc.html %} - -
    - - {% include paginate-doc.html %} - - {% include related-docs.html %} - - {% if site.disqus.shortname %} - {% include disqus_comments.html %} - {% endif %} -
    - - - -
    - -
    -
    diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html deleted file mode 100644 index 0531ffe..0000000 --- a/docs/_layouts/page.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -layout: default ---- - -{% if page.width == 'expand' %} - {{ content }} -{% else %} -
    -
    - -
    - -

    {{ page.title | escape }}

    - -
    - {{ content }} -
    - -
    - -
    -
    -{% endif %} \ No newline at end of file diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html deleted file mode 100644 index d4bced4..0000000 --- a/docs/_layouts/post.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -layout: default ---- - -
    -
    -
    - -

    {{ page.title | escape }}

    - -
    - {% include post-meta.html %} -
    - -
    - {{ content }} - {% if site.share.post %} - {% include share.html %} - {% endif %} -
    - -
    - - {% include paginate-post.html %} - - {% include related-posts.html %} - - {% if site.disqus.shortname %} - {% include disqus_comments.html %} - {% endif %} -
    - - - -
    -
    diff --git a/docs/_sass/syntax-highlighting/bw.scss b/docs/_sass/syntax-highlighting/bw.scss deleted file mode 100644 index 22de2b9..0000000 --- a/docs/_sass/syntax-highlighting/bw.scss +++ /dev/null @@ -1,48 +0,0 @@ - -pre.highlight { - background-color: #393939; - border: solid 1px $border-xlight; - box-shadow: $global-medium-box-shadow; - padding: $padding-padding; - border-radius: $border-radius-small; -} - -.highlight .hll { background-color: #ffffcc } -.highlight .c { font-style: italic } /* Comment */ -.highlight .err { } /* Error */ -.highlight .k { font-weight: bold;color: #9999ff } /* Keyword */ -.highlight .cm { font-style: italic } /* Comment.Multiline */ -.highlight .c1 { font-style: italic; color: #11ce11; } /* Comment.Single */ -.highlight .cs { font-style: italic } /* Comment.Special */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gh { font-weight: bold } /* Generic.Heading */ -.highlight .gp { font-weight: bold } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { font-weight: bold } /* Generic.Subheading */ -.highlight .kc { font-weight: bold } /* Keyword.Constant */ -.highlight .kd { font-weight: bold } /* Keyword.Declaration */ -.highlight .kn { font-weight: bold } /* Keyword.Namespace */ -.highlight .kr { font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { font-weight: bold; color: #9999ff} /* Keyword. */ -.highlight .s { font-style: italic; color: #df994a } /* Literal.String */ -.highlight .n { font-weight: bold; color: #99e2ff } /* Name. */ -.highlight .nc { font-weight: bold } /* Name.Class */ -.highlight .ni { font-weight: bold } /* Name.Entity */ -.highlight .ne { font-weight: bold } /* Name.Exception */ -.highlight .nl { color: #df994a } /* Name.Label */ -.highlight .nn { font-weight: bold } /* Name.Namespace */ -.highlight .nt { font-weight: bold; color: #9999ff} /* Name.Tag */ -.highlight .nf { font-weight: bold; color: #6cbea6 } /* Name. */ -.highlight .nx { font-weight: bold; color: #6cbea6 } /* Name. */ -.highlight .ow { font-weight: bold } /* Operator.Word */ -.highlight .sb { font-style: italic } /* Literal.String.Backtick */ -.highlight .sc { font-style: italic } /* Literal.String.Char */ -.highlight .sd { font-style: italic } /* Literal.String.Doc */ -.highlight .s2 { font-style: italic } /* Literal.String.Double */ -.highlight .se { font-weight: bold; font-style: italic } /* Literal.String.Escape */ -.highlight .sh { font-style: italic } /* Literal.String.Heredoc */ -.highlight .si { font-weight: bold; font-style: italic } /* Literal.String.Interpol */ -.highlight .sx { font-style: italic } /* Literal.String.Other */ -.highlight .sr { font-style: italic } /* Literal.String.Regex */ -.highlight .s1 { font-style: italic } /* Literal.String.Single */ -.highlight .ss { font-style: italic } /* Literal.String.Symbol */ \ No newline at end of file diff --git a/docs/_sass/syntax-highlighting/cld.scss b/docs/_sass/syntax-highlighting/cld.scss deleted file mode 100644 index 3627daa..0000000 --- a/docs/_sass/syntax-highlighting/cld.scss +++ /dev/null @@ -1,289 +0,0 @@ -/** - * Syntax highlighting styles - */ - -pre.highlight { - background-color: #f3f3f3; - border: solid 1px $border-xlight; - box-shadow: $global-medium-box-shadow; - padding: $padding-padding; - border-radius: $border-radius-small; -} - -.highlight .lineno { - color: #B1B8C4 -} - -.highlight .c { - color: #B1B8C4 -} - -.highlight .err { - color: #5A6575 -} - -.highlight .g { - color: #5A6575 -} - -.highlight .k { - color: #25BEA1 -} - -.highlight .l { - color: #5A6575 -} - -.highlight .n { - color: #5A6575 -} - -.highlight .o { - color: #25BEA1 -} - -.highlight .x { - color: #FBBC09 -} - -.highlight .p { - color: #25BEA1 -} - -.highlight .cm { - color: #B1B8C4 -} - -.highlight .cp { - color: #25BEA1 -} - -.highlight .c1 { - color: #B1B8C4 -} - -.highlight .cs { - color: #25BEA1 -} - -.highlight .gd { - color: #E56134 -} - -.highlight .ge { - color: #5A6575; - font-style: italic -} - -.highlight .gr { - color: #9961C9 -} - -.highlight .gh { - color: #FBBC09 -} - -.highlight .gi { - color: #25BEA1 -} - -.highlight .go { - color: #5A6575 -} - -.highlight .gp { - color: #FBBC09 -} - -.highlight .gs { - color: #5A6575; - font-weight: bold -} - -.highlight .gu { - color: #FBBC09 -} - -.highlight .gt { - color: #5A6575 -} - -.highlight .kc { - color: #FBBC09 -} - -.highlight .kd { - color: #11A0F3 -} - -.highlight .kn { - color: #25BEA1 -} - -.highlight .kp { - color: #25BEA1 -} - -.highlight .kr { - color: #11A0F3 -} - -.highlight .kt { - color: #9961C9 -} - -.highlight .ld { - color: #5A6575 -} - -.highlight .m { - color: #E56134 -} - -.highlight .s { - color: #E56134 -} - -.highlight .na { - color: #5A6575 -} - -.highlight .nb { - color: #5A6575 -} - -.highlight .nc { - color: #11A0F3 -} - -.highlight .no { - color: #5A6575 -} - -.highlight .nd { - color: #11A0F3 -} - -.highlight .ni { - color: #FBBC09 -} - -.highlight .ne { - color: #FBBC09 -} - -.highlight .nf { - color: #11A0F3 -} - -.highlight .nl { - color: #5A6575 -} - -.highlight .nn { - color: #5A6575 -} - -.highlight .nx { - color: #5A6575 -} - -.highlight .py { - color: #5A6575 -} - -.highlight .nt { - color: #11A0F3 -} - -.highlight .nv { - color: #5A6575 -} - -.highlight .ow { - color: #25BEA1 -} - -.highlight .w { - color: #5A6575 -} - -.highlight .mf { - color: #E56134 -} - -.highlight .mh { - color: #E56134 -} - -.highlight .mi { - color: #E56134 -} - -.highlight .mo { - color: #E56134 -} - -.highlight .sb { - color: #B1B8C4 -} - -.highlight .sc { - color: #E56134 -} - -.highlight .sd { - color: #5A6575 -} - -.highlight .s2 { - color: #E56134 -} - -.highlight .se { - color: #FBBC09 -} - -.highlight .sh { - color: #5A6575 -} - -.highlight .si { - color: #E56134 -} - -.highlight .sx { - color: #E56134 -} - -.highlight .sr { - color: #9961C9 -} - -.highlight .s1 { - color: #E56134 -} - -.highlight .ss { - color: #E56134 -} - -.highlight .bp { - color: #11A0F3 -} - -.highlight .vc { - color: #11A0F3 -} - -.highlight .vg { - color: #11A0F3 -} - -.highlight .vi { - color: #11A0F3 -} - -.highlight .il { - color: #E56134 -} diff --git a/docs/_sass/system-font-css/CHANGELOG.md b/docs/_sass/system-font-css/CHANGELOG.md deleted file mode 100644 index 7a4eee3..0000000 --- a/docs/_sass/system-font-css/CHANGELOG.md +++ /dev/null @@ -1,13 +0,0 @@ -## 2.0.0 (2017-06-28) - -- Changed from `system` to `system-ui` to match the CSS specification. - -## 1.1.0 (2015-08-02) - -- Added: Android fonts Roboto and Droid Sans after Ubuntu. -- Removed: Windows 3.1-ME font Microsoft Sans Serif. -- Updated: documentation. - -## 1.0.0 (2015-07-30) - -- Added: Initial version diff --git a/docs/_sass/system-font-css/LICENSE.md b/docs/_sass/system-font-css/LICENSE.md deleted file mode 100644 index 565f84e..0000000 --- a/docs/_sass/system-font-css/LICENSE.md +++ /dev/null @@ -1,15 +0,0 @@ -# CC0 1.0 Universal License - -Public Domain Dedication - -The person(s) who associated a work with this deed has dedicated the work to the public domain by waiving all of his or her rights to the work worldwide under copyright law, including all related and neighboring rights, to the extent allowed by law. - -You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission. - -In no way are the patent or trademark rights of any person affected by CC0, nor are the rights that other persons may have in the work or in how the work is used, such as publicity or privacy rights. - -Unless expressly stated otherwise, the person(s) who associated a work with this deed makes no warranties about the work, and disclaims liability for all uses of the work, to the fullest extent permitted by applicable law. - -When using or citing the work, you should not imply endorsement by the author or the affirmer. - -This is a [human-readable summary of the Legal Code](https://creativecommons.org/publicdomain/zero/1.0/) ([read the full text](https://creativecommons.org/publicdomain/zero/1.0/legalcode)). diff --git a/docs/_sass/system-font-css/README.md b/docs/_sass/system-font-css/README.md deleted file mode 100644 index 08268fb..0000000 --- a/docs/_sass/system-font-css/README.md +++ /dev/null @@ -1,68 +0,0 @@ -# System Font CSS - -System Font CSS is set of `@font-face` rules that let you use the native system font of the OS running the browser. - -```css -body { - font-family: system-ui; -} -``` - -[system-font.css](system-font.css) offers eight variations of the `system-ui` font family; **light** (300) **light italic**, **normal** (400), **normal italic**, **medium** (500), **medium italic**, **bold** (700), and **bold italic**. - -```css -blockquote { - font: italic 300 system-ui; -} - -p { - font: 400 system-ui; -} -``` - -## Quick Start - -### Install - -This package can be installed with: - -* [npm](https://www.npmjs.com/package/system-font-css): `npm install --save system-font-css` - -### Load - -When installed with npm, system-font.css will create both a SCSS and LESS partial for easy importing: - -```scss -@import 'system-font'; -``` - -## OSX - -**OSX** has used three system typefaces. Since **El Capitan** it has used **San Fransisco**. In **Yosemite** it used **Helvetica Neue**. From **Mavericks** back to **Kodiak** it used **Lucida Grande**. - -## Windows - -**Windows** has used four system typefaces. Since **Vista** it has used **Segoe UI**. In XP, it used **Tahoma**, which oddly enough does not have an italic variation. From **Windows ME** back to **Windows 3.1** it used **Microsoft Sans Serif**. Finally, from **Windows 2.0** back to **Windows 1.0** it used **Fixedsys**. Neither **Microsoft Sans Serif** or **Fixedsys** are included in this set, with apologies. - -Also, for those of opposed to joy, remember that **Internet Explorer 8** does not support local `@font-face` rules. Therefore, should you need to reference system fonts in that browser then you will need to do so from the `font` declaration. - -```css -body { - font-family: system-ui, "Segoe UI", Tahoma; -} -``` - -## Android - -**Android** has used two system typefaces. Since **Ice Cream Sandwich** it has used **Roboto**. From **Jelly Bean** back to **Cupcake** it used **Droid Sans**, which also lacks an italic variation. Do you suppose OS developers dislike *emphasis*? - -## Ubuntu - -Ubuntu has always used one system typeface, aptly named **Ubuntu**. That part was easy. - -## Native `system-ui` resources - -* [CSS Fonts Module Level 4 Editor’s Draft Specification](https://drafts.csswg.org/css-fonts-4/#system-ui-def) -* [Chrome Platform Status](https://www.chromestatus.com/feature/5640395337760768) -* Proposed for inclusion on [Can I Use](https://github.com/Fyrd/caniuse/issues/2918) -* Previous [discussions in the W3C](https://lists.w3.org/Archives/Public/www-style/2015Jul/0169.html) to standardize a generic `system` family. diff --git a/docs/_sass/system-font-css/_system-font.scss b/docs/_sass/system-font-css/_system-font.scss deleted file mode 100644 index fd07821..0000000 --- a/docs/_sass/system-font-css/_system-font.scss +++ /dev/null @@ -1,57 +0,0 @@ -/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */ - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 300; - src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 300; - src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 400; - src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 400; - src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 500; - src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 500; - src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 700; - src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 700; - src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} diff --git a/docs/_sass/system-font-css/index.html b/docs/_sass/system-font-css/index.html deleted file mode 100644 index ec5ea86..0000000 --- a/docs/_sass/system-font-css/index.html +++ /dev/null @@ -1,189 +0,0 @@ - -System Font CSS - - - - - - -

    - System Font CSS -

    - -

    - System Font CSS is set of @font-face rules that let you use the native system font of the OS running the browser. -

    - -
    -body {
-    font-family: system;
-}
-
    - -

    - system-font.css offers eight variations of the system font family; light (300) light italic, normal (400), normal italic, medium (500), medium italic, bold (700), and bold italic. -

    - -
    -blockquote {
-    font: italic 300 system;
-}
-
-p {
-    font: 400 system;
-}
-
    - -

    - OSX -

    - -

    - OSX has used three system typefaces. Since El Capitan it has used San Fransisco. In Yosemite it used Helvetica Neue. From Mavericks back to Kodiak it used Lucida Grande. -

    - -

    - Windows -

    - -

    - Windows has used four system typefaces. Since Vista it has used Segoe UI. In XP, it used Tahoma, which oddly enough lacks an italic variation. From Windows ME back to Windows 3.1 it used Microsoft Sans Serif. Finally, from Windows 2.0 back to Windows 1.0 it used Fixedsys. Neither Microsoft Sans Serif or Fixedsys are included in this set, with apologies. -

    - -

    - Also, for those of opposed to joy, remember that Internet Explorer 8 does not support local @font-face rules. Therefore, should you need to reference system fonts in that browser then you will need to do so from the font declaration. -

    - -
    -body {
-	font-family: system, "Segoe UI", Tahoma;
-}
-
    - -

    - Android -

    - -

    - Android has used two system typefaces. Since Ice Cream Sandwich it has used Roboto. From Jelly Bean back to Cupcake it used Droid Sans, which also lacks an italic variation. Do you suppose OS developers dislike emphasis? -

    - -

    - Ubuntu -

    - -

    - Ubuntu has always used one system typeface, apty named Ubuntu. That part was easy. -

    - -

    - Is system going to be a thing? -

    - -

    - Maybe. There are discussions in the W3C to standardize a generic system family. -

    diff --git a/docs/_sass/system-font-css/package.json b/docs/_sass/system-font-css/package.json deleted file mode 100644 index 91916c2..0000000 --- a/docs/_sass/system-font-css/package.json +++ /dev/null @@ -1,83 +0,0 @@ -{ - "_from": "system-font-css@^2.0.1", - "_id": "system-font-css@2.0.2", - "_inBundle": false, - "_integrity": "sha512-zK36lpja4NIi4Po99bXReeqeDcM1sW4hTKJt5Mby/IXX6kLSwjkQ4pZThFdgb/jDwfRsBvxxVG+VekP1sTdF0w==", - "_location": "/system-font-css", - "_phantomChildren": {}, - "_requested": { - "type": "range", - "registry": true, - "raw": "system-font-css@^2.0.1", - "name": "system-font-css", - "escapedName": "system-font-css", - "rawSpec": "^2.0.1", - "saveSpec": null, - "fetchSpec": "^2.0.1" - }, - "_requiredBy": [ - "/" - ], - "_resolved": "https://registry.npmjs.org/system-font-css/-/system-font-css-2.0.2.tgz", - "_shasum": "88c4ae30eda94bc60705cba7d66c8c822f3c47db", - "_spec": "system-font-css@^2.0.1", - "_where": "/Users/ivan/Dev/jekyll/jekyll-theme-docs", - "author": { - "name": "Jonathan Neal", - "email": "jonathantneal@hotmail.com", - "url": "http://jonathantneal.com" - }, - "bugs": { - "url": "https://github.com/jonathantneal/system-font-css/issues" - }, - "bundleDependencies": false, - "contributors": [ - { - "name": "Zach Leatherman", - "email": "zachleatherman@gmail.com", - "url": "https://zachleat.com/" - } - ], - "dependencies": { - "cpr": "^2.2.0" - }, - "deprecated": false, - "description": "Use the native system font of the OS running the browser", - "devDependencies": {}, - "engines": { - "node": ">=0.8.0" - }, - "homepage": "https://github.com/jonathantneal/system-font-css", - "keywords": [ - "system", - "fonts", - "faces", - "rules", - "css", - "mac", - "windows", - "ubuntu", - "san", - "fransisco", - "helvetica", - "neue", - "lucida", - "grande", - "segoe", - "ui", - "microsoft", - "sans", - "serif" - ], - "license": "CC0-1.0", - "main": "system-font.css", - "name": "system-font-css", - "repository": { - "type": "git", - "url": "git+ssh://git@github.com/jonathantneal/system-font-css.git" - }, - "scripts": { - "install": "cpr system-font.css _system-font.scss -o && cpr system-font.css system-font.less -o" - }, - "version": "2.0.2" -} diff --git a/docs/_sass/system-font-css/system-font.css b/docs/_sass/system-font-css/system-font.css deleted file mode 100644 index fd07821..0000000 --- a/docs/_sass/system-font-css/system-font.css +++ /dev/null @@ -1,57 +0,0 @@ -/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */ - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 300; - src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 300; - src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 400; - src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 400; - src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 500; - src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 500; - src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 700; - src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 700; - src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} diff --git a/docs/_sass/system-font-css/system-font.less b/docs/_sass/system-font-css/system-font.less deleted file mode 100644 index fd07821..0000000 --- a/docs/_sass/system-font-css/system-font.less +++ /dev/null @@ -1,57 +0,0 @@ -/*! system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */ - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 300; - src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 300; - src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 400; - src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 400; - src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 500; - src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 500; - src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: normal; - font-weight: 700; - src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); -} - -@font-face { - font-family: system-ui; - font-style: italic; - font-weight: 700; - src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); -} diff --git a/docs/_sass/theme/mixins.scss b/docs/_sass/theme/mixins.scss deleted file mode 100644 index 01bdcd9..0000000 --- a/docs/_sass/theme/mixins.scss +++ /dev/null @@ -1,830 +0,0 @@ -// Docs Theme Mixins -// ======================================================================== - -@mixin hook-base-body(){ - //filter: blur(7px); - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; -} - -@mixin hook-base-misc(){ - input[type="submit" i]{ - -webkit-appearance:none; - } - .link-primary a:not(.lightbox):not(.uk-inline):not(.uk-link-muted):not(.uk-slidenav) { - transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1); - border-bottom: 1px solid $global-secondary-background; - color: $global-secondary-background; - } - - .link-primary a:not(.lightbox):not(.uk-inline):not(.uk-link-muted):not(.uk-slidenav):hover { - border-bottom-color: lighten($global-primary-background, 25%); - text-decoration: none; - } - - .link-secondary a:not(.lightbox):not(.uk-inline):not(.uk-link-muted):not(.uk-slidenav):hover { - border-bottom: 1px solid $global-color; - text-decoration: none; - } -} - -@mixin hook-navbar(){ - font-weight: 500; - .uk-drop { - width: 360px; - } - .uk-search-navbar .uk-search-input { - height: 50px; - font-size: 1.0625rem; - padding-left: 1.1875rem; - background: #fff; - } -} - -@mixin hook-navbar-misc(){ - .uk-navbar-item .uk-button { - padding: 0 22px; - line-height: 34px; - } - // Fix for UIkit left and right first & last items - .uk-navbar-container > .uk-container { - .uk-navbar-left { - margin-left: -$navbar-nav-item-padding-horizontal; - } - .uk-navbar-right { - margin-right: -$navbar-nav-item-padding-horizontal; - } - } -} - -@mixin hook-logo(){ - font-weight: 700; -} - -@mixin hook-button(){ - border-radius: 30px; -} - -@mixin hook-button-misc(){ - // Warning - .uk-button-warning { - background-color: $button-warning-background; - color: $button-primary-color; - border: 1px solid transparent; - } - - .uk-button-warning:hover, - .uk-button-warning:focus { - background-color: $button-warning-hover-background; - color: $button-primary-color; - } - - .uk-button-warning:active, - .uk-button-warning.uk-active { - background-color: $button-warning-hover-background; - color: $button-primary-color; - } - - // Success - .uk-button-success { - background-color: $button-success-background; - color: $button-primary-color; - border: 1px solid transparent; - } - - .uk-button-success:hover, - .uk-button-success:focus { - background-color: $button-success-hover-background; - color: $button-primary-hover-color; - } - - .uk-button-success:active, - .uk-button-success.uk-active { - background-color: $button-success-hover-background; - color: $button-primary-active-color; - } - - // Primary outline - .uk-button-primary-outline { - background-color: $global-primary-background; - color: $global-color; - border: $button-border-width solid $button-primary-background; - } - - .uk-button-primary-outline:hover, - .uk-button-primary-outline:focus { - background-color: $global-primary-background; - color: $global-secondary-background; - border: $button-border-width solid $button-primary-background; - } - - .uk-button-primary-outline:active, - .uk-button-primary-outline.uk-active { - background-color: $button-primary-background; - color: $button-primary-active-color; - border: $button-border-width solid $button-primary-background; - } - - // Danger outline - .uk-button-danger-outline { - background-color: $button-default-background; - color: $button-danger-background; - border: $button-border-width solid $button-danger-background; - } - - .uk-button-danger-outline:hover, - .uk-button-danger-outline:focus { - background-color: $button-danger-background; - color: $button-danger-hover-color; - border: $button-border-width solid $button-danger-background; - } - - .uk-button-danger-outline:active, - .uk-button-danger-outline.uk-active { - background-color: $button-danger-background; - color: $button-danger-active-color; - border: $button-border-width solid $button-danger-background; - } - - // Success outline - .uk-button-success-outline { - background-color: $button-default-background; - color: $button-success-background; - border: $button-border-width solid $button-success-background; - } - - .uk-button-success-outline:hover, - .uk-button-success-outline:focus { - background-color: $button-success-background; - color: $button-primary-hover-color; - border: $button-border-width solid $button-success-background; - } - - .uk-button-success-outline:active, - .uk-button-success-outline.uk-active { - background-color: $button-success-background; - color: $button-primary-hover-color; - border: $button-border-width solid $button-success-background; - } - - // Warning outline - .uk-button-warning-outline { - background-color: $button-default-background; - color: $button-warning-background; - border: $button-border-width solid $button-warning-background; - } - - .uk-button-warning-outline:hover, - .uk-button-warning-outline:focus { - background-color: $button-warning-background; - color: $button-primary-hover-color; - border: $button-border-width solid $button-warning-background; - } - - .uk-button-warning-outline:active, - .uk-button-warning-outline.uk-active { - background-color: $button-warning-background; - color: $button-primary-active-color; - border: $button-border-width solid $button-warning-background; - } - -} - -@mixin hook-alert(){ - border-radius: $border-rounded-border-radius; -} - -@mixin hook-alert-misc(){ - - .uk-alert h1, - .uk-alert h2, - .uk-alert h3, - .uk-alert h4, - .uk-alert h5, - .uk-alert h6 { color: inherit; } - - .uk-alert a:not([class]) { - color: inherit !important; - border-bottom-color: inherit !important; - } - - .uk-alert a:not([class]):hover { - color: inherit !important; - border-bottom-color: inherit !important; - } -} - -@mixin hook-card-body(){ - > p { - font-size: $global-small-font-size; - } - > span { - color: $global-primary-background; - } -} - -@mixin hook-card-misc(){ - .uk-position-cover { - z-index: 1; - } - .card-category { - h3:nth-child(2n) { - margin-top: 0 !important; - } - } - .card-post { - .uk-card-header{ - padding-top: $global-medium-margin; - padding-bottom: 0; - border-bottom: none; - .avatar { - width: 40px; - } - } - .uk-card-body{ - padding-top: $global-medium-margin / 2; - padding-bottom: $global-medium-margin / 2; - } - .uk-card-footer{ - padding-bottom: $global-medium-margin * 0.9; - padding-top: 0; - border-top: none; - } - } -} - -@mixin hook-form(){ - border: solid 1px $global-border; -} - -@mixin hook-offcanvas-bar(){ - font-weight: 500; -} - -@mixin hook-list-misc(){ - .uk-list { - margin: 0; - } -} - -@mixin hook-article-title(){ - margin-bottom: $global-margin; -} - -@mixin hook-article-meta(){ - a { - color: $article-meta-color; - &:hover { - color: $global-primary-background; - } - } - .avatar { - margin-right: 15px; - max-width: 36px; - } -} - -@mixin hook-article-misc(){ - .article-content { - line-height: 1.8; - - figure img, .uk-slideshow-items { - border: solid 1px $border-xlight; - box-shadow: $global-medium-box-shadow; - border-radius: $border-radius-small; - } - figure { - img + div .uk-overlay-icon { - color: rgba(255, 255, 255, 0); - } - img:hover + div .uk-overlay-icon { - color: rgba(255, 255, 255, 1); - } - figcaption { - margin-left: 0; - span { - padding-right: 20px; - margin-bottom: -43px; - margin-top: 20px; - border-right: solid 2px $global-muted-color; - font-style: italic; - font-size: 0.8rem; - line-height: 1.8; - } - } - } - blockquote { - border-left: solid 2px $global-muted-color; - padding-left: $base-margin-vertical; - line-height: 1.7; - } - - figure, .uk-slideshow { - margin-top: $global-medium-margin; - margin-bottom: $global-medium-margin; - } - - figure figcaption { - margin-bottom: $global-medium-margin * 1.8; - } - - ul:not(#markdown-toc):not(#markdown-toc ul):not(.uk-slideshow-items), - .uk-alert { - margin-bottom: $global-medium-margin; - } - - table { - margin-top: $global-medium-margin * .7; - margin-bottom: $global-medium-margin; - } - - pre, - blockquote { - margin-top: $global-medium-margin * .1; - margin-bottom: $global-medium-margin * .2; - } - - } - .avatar { - border-radius: 50%; - } - .paginate-post .uk-text-small { - line-height: 1.75; - } -} - -@mixin hook-table-misc() { - table { - font-size: $global-small-font-size; - border-collapse: collapse; - border-spacing: 0; - width: 100%; - margin-bottom: $global-medium-margin; - >tr:not(:first-child), >:not(:first-child)>tr, >:first-child>tr:not(:first-child) { - border-top: 1px solid $table-divider-border; - } - tbody tr { - transition: background-color .1s linear; - } - th, td { - padding: 10px 12px; - } - td { - vertical-align: top; - } - th { - text-align: left; - vertical-align: bottom; - } - th:first-child, td:first-child { - padding-left: 0; - } - th:last-child, td:last-child { - padding-right: 0; - } - } -} - -@mixin hook-label(){ - font-weight: 500; - border-radius: $label-border-radius; -} - -@mixin hook-navbar-sticky(){ - border-bottom: solid 1px $border-xlight; -} -@mixin hook-accordion-title(){ - - overflow: hidden; - border: solid 1px $border-light; - border-radius: $border-radius-small; - padding: 20px; - font-weight: 500; - - &::after { - content: ""; - width: ($accordion-title-line-height * 1em); - height: ($accordion-title-line-height * 1em); - float: right; - @include svg-fill($internal-accordion-close-image, "#000", $accordion-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - background-color: $accordion-icon-background-color; - border-radius: 20px; - } - - .uk-open > &::after { @include svg-fill($internal-accordion-open-image, "#000", $accordion-icon-color); } - -} - -@mixin hook-accordion-content(){ - padding: 20px; -} - -@mixin hook-utility-misc(){ - .border-xlight { - border: solid 1px $border-xlight; - } - .border-light { - border: solid 1px $border-light; - } - .border { - border: solid 1px $global-border; - } - .border-radius-medium { - border-radius: $border-radius-medium; - } - .border-radius-large { - border-radius: $border-radius-large; - } - .remove-underline, .remove-underline:hover{ - text-decoration: none; - } - .uk-container.uk-container-xsmall { - max-width: 700px; - } - .hvr-forward { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - } - .hvr-forward:active, - .hvr-forward:focus, - .hvr-forward:hover { - -webkit-transform: translateX(6px); - transform: translateX(6px); - } - - .hvr-back { - display: inline-block; - vertical-align: middle; - -webkit-transform: perspective(1px) translateZ(0); - transform: perspective(1px) translateZ(0); - box-shadow: 0 0 1px transparent; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: transform; - transition-property: transform; - } - - .hvr-back:hover, - .hvr-back:focus, - .hvr-back:active { - -webkit-transform: translateX(-6px); - transform: translateX(-6px); - } - - .social-networks { - margin-top: $global-large-margin; - } - - .container-xxsmall { - max-width: $container-xxsmall; - } - - .sidebar-fixed-width { - width: $docs-sidebar-width; - } - .sidebar-docs { - width: $docs-sidebar-width - $global-medium-gutter; - padding-right: $global-medium-gutter; - top: 112px; - bottom: 70px; - overflow-y: scroll; - overflow-x: hidden; - > h5 { - margin: 15px 0 0; - &:first-child { - margin-top: 17px - } - } - } - - @media (min-width: $breakpoint-large) { - .sidebar-fixed-width { - width: $docs-sidebar-width-l; - } - .sidebar-docs { - width: $docs-sidebar-width-l - $global-large-gutter; - padding-right: $global-large-gutter; - } - } - - ul.doc-nav { - padding-left: 14px; - margin-top: 5px; - } - - .doc-nav > li.uk-active > a { - position: relative; - &:before { - content: ""; - position: absolute; - top: 15px; - left: -14px; - width: 7px; - border-top: 1px solid $global-primary-background; - } - } - - .hero-image { - margin-top: -28px; - margin-bottom: 30px; - img { - max-height: 220px; - } - } - - .uk-section { - .uk-h1 { - margin-bottom: 12px; - } - .uk-text-lead { - margin: 0; - } - } - - .section-hero { - z-index: 10; - .hero-search { - margin: 60px auto 0 auto; - .uk-search-input { - height: 80px; - border-radius: 50px; - font-size: 1.25rem; - font-style: normal; - padding-left: 36px; - &:focus { - background: #ffffff; - } - } - .uk-search-icon { - width: 70px; - svg { - width: 31px; - height: auto; - } - } - - } - .uk-text-lead { - font-size: 1.25rem; - color: $global-secondary-background; - } - } - - @media (min-width: $breakpoint-small) { - .section-videos { - div[class^="uk-child-width-1-1"] { - .uk-card { - padding-top: 70px; - padding-bottom: 70px; - } - } - } - } - - @media (min-width: $breakpoint-medium) { - .section-videos { - div[class^="uk-child-width-1-1"] { - .uk-card { - padding-top: 110px; - padding-bottom: 110px; - } - } - } - } - - .section-featured { - .uk-accordion>:nth-child(n+2) { - margin-top: 16px; - } - - a { - display: block; - font-size: $text-lead-font-size; - overflow: hidden; - border: solid 1px $border-light; - border-radius: $border-radius-small; - padding: 20px; - font-weight: 500; - color: $global-primary-background; - - &::after { - content: ""; - width: ($accordion-title-line-height * 1em); - height: ($accordion-title-line-height * 1em); - float: right; - @include svg-fill($featured-right-image, "#000", $accordion-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - background-color: $accordion-icon-background-color; - border-radius: 20px; - } - - &:hover { - text-decoration: none; - color: $global-primary-background; - } - - } - } - - .section-team { - .uk-slider-items { - li { - opacity: .7; - &.uk-active { - opacity: 1; - }; - } - } - .uk-grid > div { - width: 128px; - } - .uk-card { - img { - max-width: 86px; - } - } - } - - #markdown-toc { - padding: 0 0 0 $global-margin; - border-left: solid 2px #d9dde0; - list-style: none; - margin-bottom: $global-medium-margin; - > li > :last-child { - margin-bottom: 0; - } - ul { - margin: 0; - padding-left: $global-margin; - list-style: none; - } - >li:nth-child(n+2), >li>ul { - margin-top: 5px; - } - - } - .article-content .no_toc { - margin-top: 0; - margin-bottom: $global-margin; - } - - #search-hero-results, #search-navbar-results { - margin: 10px 0 0 0; - box-shadow: $global-medium-box-shadow; - border-radius: $border-radius-medium; - background: #fff; - li { - margin: 0; - line-height: 1.4; - border-left: solid 1px $border-xlight; - border-right: solid 1px $border-xlight; - &:first-child { - border-top-left-radius: $border-radius-medium; - border-top-right-radius: $border-radius-medium; - border-top: solid 1px $border-xlight; - } - &:last-child { - border-bottom-left-radius: $border-radius-medium; - border-bottom-right-radius: $border-radius-medium; - border-bottom: solid 1px $border-xlight; - } - a { - display: block; - &:hover { - text-decoration: none; - } - - } - } - } - - #search-hero-results { - li { - &:first-child { - padding-top: 5px; - } - &:last-child { - padding-bottom: 5px; - } - - a { - padding: 18px 36px; - } - &.no-results { - padding: 18px 36px; - } - } - } - - #search-navbar-results { - li { - &:first-child { - padding-top: 2px; - } - &:last-child { - padding-bottom: 2px; - } - a { - padding: 14px 17px; - } - &.no-results { - padding: 14px 17px; - } - } - - } - - @media (min-width: $breakpoint-small) { - - .tm-timeline { - box-sizing: border-box; - * { - box-sizing: border-box; - } - position: relative; - - &:before { - content: ''; - position: absolute; - top: 0; - left: calc(30% - 2px); - bottom: 0; - width: $timeline-border-width; - background: $global-secondary-background; - } - - &:after { - content: ""; - display: table; - clear: both; - } - } - - .tm-timeline-entry { - + .tm-timeline-entry{ - margin-top: $global-large-margin; - } - clear: both; - text-align: left; - position: relative; - - &:after { - display: block; - content: ""; - clear: both; - } - - .tm-timeline-time { - float: left; - width: 30%; - padding-right: $global-large-margin; - text-align: right; - position: relative; - - &:before { - content: ''; - position: absolute; - width: $timeline-dot-diameter; - height: $timeline-dot-diameter; - border: $timeline-border-width solid $global-primary-background; - background-color: $global-secondary-background; - border-radius: 100%; - top: 0; - right: - 14px; - z-index: 99; - } - - h5 { - margin: 3px 0 0; - } - } - - .tm-timeline-body { - float: right; - width: 70%; - padding-left: $global-large-margin; - margin-top: -2px; - h3 { - margin: 0 0 15px; - span { - padding: 1px 7px; - } - } - - } - } - } - -} - - diff --git a/docs/_sass/theme/uikit.scss b/docs/_sass/theme/uikit.scss deleted file mode 100644 index 09e4949..0000000 --- a/docs/_sass/theme/uikit.scss +++ /dev/null @@ -1,93 +0,0 @@ -// Import UIkit components - -// Base -@import "../uikit/components/variables.scss"; -@import "../uikit/components/mixin.scss"; -@import "../uikit/components/base.scss"; - -// Elements -@import "../uikit/components/link.scss"; -@import "../uikit/components/heading.scss"; -@import "../uikit/components/divider.scss"; -@import "../uikit/components/list.scss"; -// @import "../uikit/components/description-list.scss"; -@import "../uikit/components/table.scss"; -@import "../uikit/components/icon.scss"; -// @import "../uikit/components/form-range.scss"; -@import "../uikit/components/form.scss"; // After: Icon, Form Range -@import "../uikit/components/button.scss"; - -// Layout -@import "../uikit/components/section.scss"; -@import "../uikit/components/container.scss"; -@import "../uikit/components/grid.scss"; -@import "../uikit/components/tile.scss"; -@import "../uikit/components/card.scss"; - -// Common -@import "../uikit/components/close.scss"; // After: Icon -// @import "../uikit/components/spinner.scss"; // After: Icon -@import "../uikit/components/totop.scss"; // After: Icon -// @import "../uikit/components/marker.scss"; // After: Icon -@import "../uikit/components/alert.scss"; // After: Close -// @import "../uikit/components/badge.scss"; -@import "../uikit/components/label.scss"; -@import "../uikit/components/overlay.scss"; // After: Icon -@import "../uikit/components/article.scss"; // After: Subnav -// @import "../uikit/components/comment.scss"; // After: Subnav -@import "../uikit/components/search.scss"; // After: Icon - -// Navs -@import "../uikit/components/nav.scss"; -@import "../uikit/components/navbar.scss"; // After: Card, Grid, Nav, Icon, Search -@import "../uikit/components/subnav.scss"; -// @import "../uikit/components/breadcrumb.scss"; -@import "../uikit/components/pagination.scss"; -// @import "../uikit/components/tab.scss"; -@import "../uikit/components/slidenav.scss"; // After: Icon -// @import "../uikit/components/dotnav.scss"; -// @import "../uikit/components/thumbnav.scss"; - -// JavaScript -@import "../uikit/components/accordion.scss"; -@import "../uikit/components/drop.scss"; // After: Card -@import "../uikit/components/dropdown.scss"; // After: Card -// @import "../uikit/components/modal.scss"; // After: Close -@import "../uikit/components/lightbox.scss"; // After: Close -@import "../uikit/components/slideshow.scss"; -@import "../uikit/components/slider.scss"; -@import "../uikit/components/sticky.scss"; -@import "../uikit/components/offcanvas.scss"; -// @import "../uikit/components/switcher.scss"; -// Scrollspy -// Toggle -// Scroll - -// Additional -// @import "../uikit/components/iconnav.scss"; -// @import "../uikit/components/notification.scss"; -// @import "../uikit/components/tooltip.scss"; -// @import "../uikit/components/placeholder.scss"; -// @import "../uikit/components/progress.scss"; -// @import "../uikit/components/sortable.scss"; -// @import "../uikit/components/countdown.scss"; - -// Utilities -@import "../uikit/components/animation.scss"; -@import "../uikit/components/width.scss"; -@import "../uikit/components/text.scss"; -@import "../uikit/components/column.scss"; -@import "../uikit/components/cover.scss"; -@import "../uikit/components/background.scss"; -@import "../uikit/components/align.scss"; -@import "../uikit/components/utility.scss"; -@import "../uikit/components/flex.scss"; // After: Utility -@import "../uikit/components/margin.scss"; -@import "../uikit/components/padding.scss"; -@import "../uikit/components/position.scss"; -@import "../uikit/components/transition.scss"; -@import "../uikit/components/visibility.scss"; -@import "../uikit/components/inverse.scss"; - -// Need to be loaded last -@import "../uikit/components/print.scss"; diff --git a/docs/_sass/theme/variables.scss b/docs/_sass/theme/variables.scss deleted file mode 100644 index 6039926..0000000 --- a/docs/_sass/theme/variables.scss +++ /dev/null @@ -1,162 +0,0 @@ -// Docs Theme Variables -// ======================================================================== - -// Color -$global-background: #EDE0D0; -$global-color: #1F1E23; -$global-muted-color: #8c0d1c; -$global-primary-background: #EDE0D0; -$global-secondary-background: #8c0d1c; -$global-warning-background: #DF6446; -$global-success-background: #92ca9a; -$global-danger-background: #da9da8; -$base-link-color: $global-color; -$base-link-hover-color: $global-color; -$link-muted-hover-color: $global-color; - -// Font -$global-font-family: Montserrat,Neue Helvetica,Merriweather; -$global-xxlarge-font-size: 2.25rem; // H1 -$global-xlarge-font-size: 1.6875rem; // H2 -$global-large-font-size: 1.375rem; // H3 -$global-medium-font-size: 1.125rem; // H4 -$global-small-font-size: 0.875rem; -$xsmall-font-size: 0.8125rem; -$heading-primary-font-size: 2.875rem; -$heading-primary-font-size-m: 3.75rem; -$base-heading-font-weight: bold; -$base-heading-margin-top: 50px; -$base-h2-line-height: 1.4; -$text-lead-font-size: 1.125rem; -$text-lead-color: $global-muted-color; - -// Borders -$global-border: #8c0d1c; -$border-light: #8c0d1c; -$border-xlight: #8c0d1c; - -// Border radius -$border-rounded-border-radius: 5px; -$border-radius-small: 8px; -$border-radius-medium: 12px; -$border-radius-large: 16px; - -// Pre & Code -$base-code-font-family: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; -$base-code-color: darken($global-secondary-background, 3%); -$base-pre-font-size: $global-small-font-size; -$base-pre-line-height: 1.65; -$base-pre-font-family: $base-code-font-family; -$base-pre-color: #f7f7f7; - -// Container -$container-xxsmall: 560px; - -// Box shadow -$global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08); -$global-large-box-shadow: 0 10px 35px rgba(0,0,0,0.12); -$global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16); - -// Logo -$logo-font-size: 1.5rem; -$logo-color: $global-color; -$logo-hover-color: $global-color; - -// Table -$table-divider-border: $border-light; - -// Buttons -$button-default-color: $global-secondary-background; -$button-default-hover-background: $global-secondary-background; -$button-default-hover-color: #fff; -$button-default-active-background: $global-secondary-background; -$button-default-active-color: #fff; -$button-default-border: $global-secondary-background; -$button-default-hover-border: $global-secondary-background; -$button-default-active-border: $global-secondary-background; -$button-warning-background: $global-warning-background; -$button-warning-hover-background: darken($button-warning-background, 7%); -$button-success-background: $global-success-background; -$button-success-hover-background: darken($button-success-background, 5%); - -// Label -$label-font-size: $xsmall-font-size; -$label-border-radius: 20px; -$label-text-transform: unset; -$label-padding-vertical: 2px; - -// Navbar -$navbar-background: $global-muted-color; -$navbar-nav-item-color: #f3f3f3; -$navbar-nav-item-hover-color: $global-primary-background; -$navbar-nav-item-active-color: $global-primary-background; -$navbar-nav-item-font-size: 0.9375rem; -$navbar-nav-item-text-transform: none; -$navbar-toggle-color: $global-color; -$navbar-toggle-hover-color: $global-primary-background; - -// Navbar dropdown -$navbar-dropdown-margin: 1px; -$navbar-dropdown-nav-item-color: $global-color; -$navbar-dropdown-nav-item-hover-color: $global-primary-background; -$navbar-dropdown-nav-item-active-color: $global-primary-background; - -// Subnav -$subnav-item-color: $global-muted-color; -$subnav-item-hover-color: $global-color; -$subnav-item-active-color: $global-color; -$subnav-item-text-transform: none; - -// Pagination links -$pagination-item-color: $global-color; -$pagination-item-hover-color: $global-color; - -// Article -$article-meta-font-size: $xsmall-font-size; -$article-meta-line-height: 1.4; -$article-title-line-height: 1.4; -$article-title-font-size: 2.125rem; - -// Section -$section-padding-vertical-m: 60px; - -// Card -$card-small-body-padding-horizontal: 25px; -$card-small-body-padding-vertical: 25px; -$card-body-padding-vertical-l: 50px; -$card-default-color: $global-muted-color; -$card-default-title-color: $global-color; - -// Offcanvas -$offcanvas-bar-color-mode: dark; -$offcanvas-bar-background: #fff; -$offcanvas-bar-width: 320px; - -// Search -$search-color: $global-color; -$search-placeholder-color: #6e747c; //$global-muted-color; -$search-icon-color: #6e747c; //$global-muted-color; -$search-default-border: $border-xlight; -$search-default-background: #fff; - -// Accordion -$accordion-item-margin-top: 16px; -$accordion-title-font-size: $global-medium-font-size; -$accordion-title-color: $global-primary-background; -$accordion-title-hover-color: $global-primary-background; -$accordion-content-margin-top: 16px; -$accordion-icon-color: $global-primary-background; -$accordion-icon-background-color: lighten( $global-primary-background, 57% ); -$internal-accordion-open-image: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='#000' stroke-width='1.03' points='4 13 10 7 16 13' /%3E%3C/svg%3E"; -$internal-accordion-close-image: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='#000' stroke-width='1.03' points='16 7 10 13 4 7' /%3E%3C/svg%3E"; - -// Featured -$featured-right-image: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='#000' stroke-width='1.03' points='7 4 13 10 7 16' /%3E%3C/svg%3E%0A"; - -// Doc navigation -$docs-sidebar-width: 260px; -$docs-sidebar-width-l: 360px; - -// Changelog -$timeline-border-width: 4px; -$timeline-dot-diameter: 20px; diff --git a/docs/_sass/uikit/components/_import.components.scss b/docs/_sass/uikit/components/_import.components.scss deleted file mode 100644 index 445384f..0000000 --- a/docs/_sass/uikit/components/_import.components.scss +++ /dev/null @@ -1,56 +0,0 @@ -// Base -@import "variables.scss"; -@import "mixin.scss"; -@import "base.scss"; - -// Elements -@import "link.scss"; -@import "heading.scss"; -@import "divider.scss"; -@import "list.scss"; -@import "description-list.scss"; -@import "table.scss"; -@import "icon.scss"; -@import "form.scss"; // After: Icon -@import "button.scss"; - -// Layout -@import "section.scss"; -@import "container.scss"; -@import "grid.scss"; -@import "tile.scss"; -@import "card.scss"; - -// Common -@import "close.scss"; // After: Icon -@import "spinner.scss"; // After: Icon -@import "totop.scss"; // After: Icon -@import "alert.scss"; // After: Close -@import "badge.scss"; -@import "label.scss"; -@import "overlay.scss"; // After: Icon -@import "article.scss"; // After: Subnav -@import "comment.scss"; // After: Subnav -@import "search.scss"; // After: Icon - -// Navs -@import "nav.scss"; -@import "navbar.scss"; // After: Card, Grid, Nav, Icon, Search -@import "subnav.scss"; -@import "breadcrumb.scss"; -@import "pagination.scss"; -@import "tab.scss"; -@import "slidenav.scss"; // After: Icon -@import "dotnav.scss"; - -// JavaScript -@import "accordion.scss"; -@import "drop.scss"; // After: Card -@import "dropdown.scss"; // After: Card -@import "modal.scss"; // After: Close -@import "sticky.scss"; -@import "offcanvas.scss"; -@import "switcher.scss"; -// Scrollspy -// Toggle -// Scroll diff --git a/docs/_sass/uikit/components/_import.scss b/docs/_sass/uikit/components/_import.scss deleted file mode 100644 index b3749a2..0000000 --- a/docs/_sass/uikit/components/_import.scss +++ /dev/null @@ -1,91 +0,0 @@ -// Base -@import "variables.scss"; -@import "mixin.scss"; -@import "base.scss"; - -// Elements -@import "link.scss"; -@import "heading.scss"; -@import "divider.scss"; -@import "list.scss"; -@import "description-list.scss"; -@import "table.scss"; -@import "icon.scss"; -@import "form-range.scss"; -@import "form.scss"; // After: Icon, Form Range -@import "button.scss"; - -// Layout -@import "section.scss"; -@import "container.scss"; -@import "grid.scss"; -@import "tile.scss"; -@import "card.scss"; - -// Common -@import "close.scss"; // After: Icon -@import "spinner.scss"; // After: Icon -@import "totop.scss"; // After: Icon -@import "marker.scss"; // After: Icon -@import "alert.scss"; // After: Close -@import "badge.scss"; -@import "label.scss"; -@import "overlay.scss"; // After: Icon -@import "article.scss"; // After: Subnav -@import "comment.scss"; // After: Subnav -@import "search.scss"; // After: Icon - -// Navs -@import "nav.scss"; -@import "navbar.scss"; // After: Card, Grid, Nav, Icon, Search -@import "subnav.scss"; -@import "breadcrumb.scss"; -@import "pagination.scss"; -@import "tab.scss"; -@import "slidenav.scss"; // After: Icon -@import "dotnav.scss"; -@import "thumbnav.scss"; - -// JavaScript -@import "accordion.scss"; -@import "drop.scss"; // After: Card -@import "dropdown.scss"; // After: Card -@import "modal.scss"; // After: Close -@import "lightbox.scss"; // After: Close -@import "slideshow.scss"; -@import "slider.scss"; -@import "sticky.scss"; -@import "offcanvas.scss"; -@import "switcher.scss"; -// Scrollspy -// Toggle -// Scroll - -// Additional -@import "iconnav.scss"; -@import "notification.scss"; -@import "tooltip.scss"; -@import "placeholder.scss"; -@import "progress.scss"; -@import "sortable.scss"; -@import "countdown.scss"; - -// Utilities -@import "animation.scss"; -@import "width.scss"; -@import "text.scss"; -@import "column.scss"; -@import "cover.scss"; -@import "background.scss"; -@import "align.scss"; -@import "utility.scss"; -@import "flex.scss"; // After: Utility -@import "margin.scss"; -@import "padding.scss"; -@import "position.scss"; -@import "transition.scss"; -@import "visibility.scss"; -@import "inverse.scss"; - -// Need to be loaded last -@import "print.scss"; diff --git a/docs/_sass/uikit/components/_import.utilities.scss b/docs/_sass/uikit/components/_import.utilities.scss deleted file mode 100644 index bea39e5..0000000 --- a/docs/_sass/uikit/components/_import.utilities.scss +++ /dev/null @@ -1,19 +0,0 @@ -// Utilities -@import "animation.scss"; -@import "width.scss"; -@import "text.scss"; -@import "column.scss"; -@import "cover.scss"; -@import "background.scss"; -@import "align.scss"; -@import "utility.scss"; -@import "flex.scss"; // After: Utility -@import "margin.scss"; -@import "padding.scss"; -@import "position.scss"; -@import "transition.scss"; -@import "visibility.scss"; -@import "inverse.scss"; - -// Need to be loaded last -@import "print.scss"; diff --git a/docs/_sass/uikit/components/accordion.scss b/docs/_sass/uikit/components/accordion.scss deleted file mode 100644 index bfb0e81..0000000 --- a/docs/_sass/uikit/components/accordion.scss +++ /dev/null @@ -1,118 +0,0 @@ -// Name: Accordion -// Description: Component to create accordions -// -// Component: `uk-accordion` -// -// Sub-objects: `uk-accordion-title` -// `uk-accordion-content` -// -// States: `uk-open` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$accordion-item-margin-top: $global-margin !default; - -$accordion-title-font-size: $global-medium-font-size !default; -$accordion-title-line-height: 1.4 !default; -$accordion-title-color: $global-emphasis-color !default; -$accordion-title-hover-color: $global-color !default; - -$accordion-content-margin-top: $global-margin !default; - - -/* ======================================================================== - Component: Accordion - ========================================================================== */ - -.uk-accordion { - padding: 0; - list-style: none; - @if(mixin-exists(hook-accordion)) {@include hook-accordion();} -} - - -/* Item - ========================================================================== */ - -.uk-accordion > :nth-child(n+2) { - margin-top: $accordion-item-margin-top; - @if(mixin-exists(hook-accordion-item)) {@include hook-accordion-item();} -} - - -/* Title - ========================================================================== */ - -.uk-accordion-title { - display: block; - font-size: $accordion-title-font-size; - line-height: $accordion-title-line-height; - color: $accordion-title-color; - @if(mixin-exists(hook-accordion-title)) {@include hook-accordion-title();} -} - -/* Hover + Focus */ -.uk-accordion-title:hover, -.uk-accordion-title:focus { - color: $accordion-title-hover-color; - text-decoration: none; - outline: none; - @if(mixin-exists(hook-accordion-title-hover)) {@include hook-accordion-title-hover();} -} - - -/* Content - ========================================================================== */ - -.uk-accordion-content { - margin-top: $accordion-content-margin-top; - @if(mixin-exists(hook-accordion-content)) {@include hook-accordion-content();} -} - -/* - * Micro clearfix - */ - -.uk-accordion-content::before, -.uk-accordion-content::after { - content: ""; - display: table; -} - -.uk-accordion-content::after { clear: both; } - -/* - * Remove margin from the last-child - */ - - .uk-accordion-content > :last-child { margin-bottom: 0; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-accordion-misc)) {@include hook-accordion-misc();} - -// @mixin hook-accordion(){} -// @mixin hook-accordion-item(){} -// @mixin hook-accordion-title(){} -// @mixin hook-accordion-title-hover(){} -// @mixin hook-accordion-content(){} -// @mixin hook-accordion-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-accordion-title-color: $inverse-global-emphasis-color !default; -$inverse-accordion-title-hover-color: $inverse-global-inverse-color !default; - - - -// @mixin hook-inverse-accordion-item(){} -// @mixin hook-inverse-accordion-title(){} -// @mixin hook-inverse-accordion-title-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/alert.scss b/docs/_sass/uikit/components/alert.scss deleted file mode 100644 index 8922cc8..0000000 --- a/docs/_sass/uikit/components/alert.scss +++ /dev/null @@ -1,147 +0,0 @@ -// Name: Alert -// Description: Component to create alert messages -// -// Component: `uk-alert` -// -// Adopted: `uk-alert-close` -// -// Modifiers: `uk-alert-primary` -// `uk-alert-success` -// `uk-alert-warning` -// `uk-alert-danger` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$alert-margin-vertical: $global-margin !default; -$alert-padding: $global-small-gutter !default; -$alert-padding-right: $alert-padding + 14px !default; -$alert-background: $global-muted-background !default; -$alert-color: $global-color !default; - -$alert-close-top: $alert-padding + 5px !default; -$alert-close-right: $alert-padding !default; - -$alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default; -$alert-primary-color: $global-primary-background !default; - -$alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default; -$alert-success-color: $global-success-background !default; - -$alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default; -$alert-warning-color: $global-warning-background !default; - -$alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default; -$alert-danger-color: $global-danger-background !default; - - -/* ======================================================================== - Component: Alert - ========================================================================== */ - -.uk-alert { - position: relative; - margin-bottom: $alert-margin-vertical; - padding: $alert-padding $alert-padding-right $alert-padding $alert-padding; - background: $alert-background; - color: $alert-color; - @if(mixin-exists(hook-alert)) {@include hook-alert();} -} - -/* Add margin if adjacent element */ -* + .uk-alert { margin-top: $alert-margin-vertical; } - -/* - * Remove margin from the last-child - */ - -.uk-alert > :last-child { margin-bottom: 0; } - - -/* Close - * Adopts `uk-close` - ========================================================================== */ - -.uk-alert-close { - position: absolute; - top: $alert-close-top; - right: $alert-close-right; - @if(mixin-exists(hook-alert-close)) {@include hook-alert-close();} -} - -/* - * Remove margin from adjacent element - */ - -.uk-alert-close:first-child + * { margin-top: 0; } - -/* - * Hover + Focus - */ - -.uk-alert-close:hover, -.uk-alert-close:focus { - @if(mixin-exists(hook-alert-close-hover)) {@include hook-alert-close-hover();} -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Primary - */ - -.uk-alert-primary { - background: $alert-primary-background; - color: $alert-primary-color; - @if(mixin-exists(hook-alert-primary)) {@include hook-alert-primary();} -} - -/* - * Success - */ - -.uk-alert-success { - background: $alert-success-background; - color: $alert-success-color; - @if(mixin-exists(hook-alert-success)) {@include hook-alert-success();} -} - -/* - * Warning - */ - -.uk-alert-warning { - background: $alert-warning-background; - color: $alert-warning-color; - @if(mixin-exists(hook-alert-warning)) {@include hook-alert-warning();} -} - -/* - * Danger - */ - -.uk-alert-danger { - background: $alert-danger-background; - color: $alert-danger-color; - @if(mixin-exists(hook-alert-danger)) {@include hook-alert-danger();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-alert-misc)) {@include hook-alert-misc();} - -// @mixin hook-alert(){} -// @mixin hook-alert-close(){} -// @mixin hook-alert-close-hover(){} -// @mixin hook-alert-primary(){} -// @mixin hook-alert-success(){} -// @mixin hook-alert-warning(){} -// @mixin hook-alert-danger(){} -// @mixin hook-alert-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/align.scss b/docs/_sass/uikit/components/align.scss deleted file mode 100644 index bee6702..0000000 --- a/docs/_sass/uikit/components/align.scss +++ /dev/null @@ -1,142 +0,0 @@ -// Name: Align -// Description: Utilities to align embedded content -// -// Component: `uk-align-left-*` -// `uk-align-right-*` -// `uk-align-center` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$align-margin-horizontal: $global-gutter !default; -$align-margin-vertical: $global-gutter !default; - -$align-margin-horizontal-l: $global-medium-gutter !default; - - -/* ======================================================================== - Component: Align - ========================================================================== */ - -/* - * Default - */ - -[class*='uk-align'] { - display: block; - margin-bottom: $align-margin-vertical; -} - -* + [class*='uk-align'] { margin-top: $align-margin-vertical; } - -/* - * Center - */ - -.uk-align-center { - margin-left: auto; - margin-right: auto; -} - -/* - * Left/Right - */ - -.uk-align-left { - margin-top: 0; - margin-right: $align-margin-horizontal; - float: left; -} - -.uk-align-right { - margin-top: 0; - margin-left: $align-margin-horizontal; - float: right; -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-align-left\@s { - margin-top: 0; - margin-right: $align-margin-horizontal; - float: left; - } - - .uk-align-right\@s { - margin-top: 0; - margin-left: $align-margin-horizontal; - float: right; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-align-left\@m { - margin-top: 0; - margin-right: $align-margin-horizontal; - float: left; - } - - .uk-align-right\@m { - margin-top: 0; - margin-left: $align-margin-horizontal; - float: right; - } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-align-left\@l { - margin-top: 0; - float: left; - } - - .uk-align-right\@l { - margin-top: 0; - float: right; - } - - .uk-align-left, - .uk-align-left\@s, - .uk-align-left\@m, - .uk-align-left\@l { margin-right: $align-margin-horizontal-l; } - - .uk-align-right, - .uk-align-right\@s, - .uk-align-right\@m, - .uk-align-right\@l { margin-left: $align-margin-horizontal-l; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-align-left\@xl { - margin-top: 0; - margin-right: $align-margin-horizontal-l; - float: left; - } - - .uk-align-right\@xl { - margin-top: 0; - margin-left: $align-margin-horizontal-l; - float: right; - } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-align-misc)) {@include hook-align-misc();} - -// @mixin hook-align-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/animation.scss b/docs/_sass/uikit/components/animation.scss deleted file mode 100644 index c1d9192..0000000 --- a/docs/_sass/uikit/components/animation.scss +++ /dev/null @@ -1,390 +0,0 @@ -// Name: Animation -// Description: Utilities for keyframe animations -// -// Component: `uk-animation-*` -// -// Modifiers: `uk-animation-reverse` -// `uk-animation-fast` -// `uk-animation-fade` -// `uk-animation-scale-up` -// `uk-animation-scale-down` -// `uk-animation-slide-top-*` -// `uk-animation-slide-bottom-*` -// `uk-animation-slide-left-*` -// `uk-animation-slide-right-*` -// `uk-animation-kenburns` -// `uk-animation-shake` -// -// Sub-objects: `uk-animation-toggle` -// -// States: `uk-hover` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$animation-duration: 0.5s !default; -$animation-fade-duration: 0.8s !default; -$animation-kenburns-duration: 15s !default; -$animation-fast-duration: 0.1s !default; - -$animation-slide-small-translate: 10px !default; -$animation-slide-medium-translate: 50px !default; - - -/* ======================================================================== - Component: Animation - ========================================================================== */ - -[class*='uk-animation-'] { - animation-duration: $animation-duration; - animation-timing-function: ease-out; - animation-fill-mode: both; -} - - -/* Direction modifier - ========================================================================== */ - -.uk-animation-reverse { - animation-direction: reverse; - animation-timing-function: ease-in; -} - - -/* Animations for scrollspy - ========================================================================== */ - -/* - * Fade - */ - -.uk-animation-fade { - animation-name: uk-fade; - animation-duration: $animation-fade-duration; - animation-timing-function: linear; -} - -/* - * Scale - */ - -.uk-animation-scale-up { animation-name: uk-fade-scale-02; } -.uk-animation-scale-down { animation-name: uk-fade-scale-18; } - -/* - * Slide - */ - -.uk-animation-slide-top { animation-name: uk-fade-top; } -.uk-animation-slide-bottom { animation-name: uk-fade-bottom; } -.uk-animation-slide-left { animation-name: uk-fade-left; } -.uk-animation-slide-right { animation-name: uk-fade-right; } - -/* - * Slide Small - */ - -.uk-animation-slide-top-small { animation-name: uk-fade-top-small; } -.uk-animation-slide-bottom-small { animation-name: uk-fade-bottom-small; } -.uk-animation-slide-left-small { animation-name: uk-fade-left-small; } -.uk-animation-slide-right-small { animation-name: uk-fade-right-small; } - -/* - * Slide Medium - */ - -.uk-animation-slide-top-medium { animation-name: uk-fade-top-medium; } -.uk-animation-slide-bottom-medium { animation-name: uk-fade-bottom-medium; } -.uk-animation-slide-left-medium { animation-name: uk-fade-left-medium; } -.uk-animation-slide-right-medium { animation-name: uk-fade-right-medium; } - -/* - * Kenburns - */ - -.uk-animation-kenburns { - animation-name: uk-scale-kenburns; - animation-duration: $animation-kenburns-duration; -} - -/* - * Shake - */ - -.uk-animation-shake { animation-name: uk-shake; } - - -/* Duration modifier - ========================================================================== */ - -.uk-animation-fast { animation-duration: $animation-fast-duration; } - - -/* Enable animation only on hover -========================================================================== */ - -/* - * Note: Firefox and IE needs this because animations are not triggered when switching between display `none` and `block` - */ - -.uk-animation-toggle:not(:hover):not(.uk-hover) [class*='uk-animation-'] { animation-name: none; } - - -/* Keyframes used by animation classes - ========================================================================== */ - -/* - * Fade - */ - -@keyframes uk-fade { - 0% { opacity: 0; } - 100% { opacity: 1; } -} - -/* - * Slide Top - */ - -@keyframes uk-fade-top { - 0% { - opacity: 0; - transform: translateY(-100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Bottom - */ - -@keyframes uk-fade-bottom { - 0% { - opacity: 0; - transform: translateY(100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Left - */ - -@keyframes uk-fade-left { - 0% { - opacity: 0; - transform: translateX(-100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Slide Right - */ - -@keyframes uk-fade-right { - 0% { - opacity: 0; - transform: translateX(100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Slide Top Small - */ - -@keyframes uk-fade-top-small { - 0% { - opacity: 0; - transform: translateY(-$animation-slide-small-translate); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Bottom Small - */ - -@keyframes uk-fade-bottom-small { - 0% { - opacity: 0; - transform: translateY($animation-slide-small-translate); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Left Small - */ - -@keyframes uk-fade-left-small { - 0% { - opacity: 0; - transform: translateX(-$animation-slide-small-translate); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Slide Right Small - */ - -@keyframes uk-fade-right-small { - 0% { - opacity: 0; - transform: translateX($animation-slide-small-translate); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Slide Top Medium - */ - -@keyframes uk-fade-top-medium { - 0% { - opacity: 0; - transform: translateY(-$animation-slide-medium-translate); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Bottom Medium - */ - -@keyframes uk-fade-bottom-medium { - 0% { - opacity: 0; - transform: translateY($animation-slide-medium-translate); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} - -/* - * Slide Left Medium - */ - -@keyframes uk-fade-left-medium { - 0% { - opacity: 0; - transform: translateX(-$animation-slide-medium-translate); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Slide Right Medium - */ - -@keyframes uk-fade-right-medium { - 0% { - opacity: 0; - transform: translateX($animation-slide-medium-translate); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} - -/* - * Scale Up - */ - -@keyframes uk-fade-scale-02 { - 0% { - opacity: 0; - transform: scale(0.2); - } - 100% { - opacity: 1; - transform: scale(1); - } -} - -/* - * Scale Down - */ - -@keyframes uk-fade-scale-18 { - 0% { - opacity: 0; - transform: scale(1.8); - } - 100% { - opacity: 1; - transform: scale(1); - } -} - -/* - * Kenburns - */ - -@keyframes uk-scale-kenburns { - 0% { transform: scale(1); } - 100% { transform: scale(1.2); } -} - -/* - * Shake - */ - -@keyframes uk-shake { - 0%, 100% { transform: translateX(0); } - 10% { transform: translateX(-9px); } - 20% { transform: translateX(8px); } - 30% { transform: translateX(-7px); } - 40% { transform: translateX(6px); } - 50% { transform: translateX(-5px); } - 60% { transform: translateX(4px); } - 70% { transform: translateX(-3px); } - 80% { transform: translateX(2px); } - 90% { transform: translateX(-1px); } -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-animation-misc)) {@include hook-animation-misc();} - -// @mixin hook-animation-misc(){} diff --git a/docs/_sass/uikit/components/article.scss b/docs/_sass/uikit/components/article.scss deleted file mode 100644 index 9cc470f..0000000 --- a/docs/_sass/uikit/components/article.scss +++ /dev/null @@ -1,102 +0,0 @@ -// Name: Article -// Description: Component to create articles -// -// Component: `uk-article` -// -// Sub-objects: `uk-article-title` -// `uk-article-meta` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$article-margin-top: $global-large-margin !default; - -$article-title-font-size: $global-xxlarge-font-size !default; -$article-title-line-height: 1.2 !default; - -$article-meta-font-size: $global-small-font-size !default; -$article-meta-line-height: 1.4 !default; -$article-meta-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Article - ========================================================================== */ - -.uk-article { - @if(mixin-exists(hook-article)) {@include hook-article();} -} - -/* - * Micro clearfix - */ - -.uk-article::before, -.uk-article::after { - content: ""; - display: table; -} - -.uk-article::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-article > :last-child { margin-bottom: 0; } - - -/* Adjacent sibling - ========================================================================== */ - -.uk-article + .uk-article { - margin-top: $article-margin-top; - @if(mixin-exists(hook-article-adjacent)) {@include hook-article-adjacent();} -} - - -/* Title - ========================================================================== */ - -.uk-article-title { - font-size: $article-title-font-size; - line-height: $article-title-line-height; - @if(mixin-exists(hook-article-title)) {@include hook-article-title();} -} - - -/* Meta - ========================================================================== */ - -.uk-article-meta { - font-size: $article-meta-font-size; - line-height: $article-meta-line-height; - color: $article-meta-color; - @if(mixin-exists(hook-article-meta)) {@include hook-article-meta();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-article-misc)) {@include hook-article-misc();} - -// @mixin hook-article(){} -// @mixin hook-article-adjacent(){} -// @mixin hook-article-title(){} -// @mixin hook-article-meta(){} -// @mixin hook-article-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-article-meta-color: $inverse-global-muted-color !default; - - - -// @mixin hook-inverse-article-title(){} -// @mixin hook-inverse-article-meta(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/background.scss b/docs/_sass/uikit/components/background.scss deleted file mode 100644 index ca7a344..0000000 --- a/docs/_sass/uikit/components/background.scss +++ /dev/null @@ -1,136 +0,0 @@ -// Name: Background -// Description: Utilities for backgrounds -// -// Component: `uk-background-*` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$background-default-background: $global-background !default; -$background-muted-background: $global-muted-background !default; -$background-primary-background: $global-primary-background !default; -$background-secondary-background: $global-secondary-background !default; - - -/* ======================================================================== - Component: Background - ========================================================================== */ - - -/* Color - ========================================================================== */ - -.uk-background-default { background-color: $background-default-background; } -.uk-background-muted { background-color: $background-muted-background; } -.uk-background-primary { background-color: $background-primary-background; } -.uk-background-secondary { background-color: $background-secondary-background; } - - -/* Size - ========================================================================== */ - -.uk-background-cover, -.uk-background-contain { - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.uk-background-cover { background-size: cover; } -.uk-background-contain { background-size: contain; } - - -/* Position - ========================================================================== */ - -.uk-background-top-left { background-position: 0 0; } -.uk-background-top-center { background-position: 50% 0; } -.uk-background-top-right { background-position: 100% 0; } -.uk-background-center-left { background-position: 0 50%; } -.uk-background-center-center { background-position: 50% 50%; } -.uk-background-center-right { background-position: 100% 50%; } -.uk-background-bottom-left { background-position: 0 100%; } -.uk-background-bottom-center { background-position: 50% 100%; } -.uk-background-bottom-right { background-position: 100% 100%; } - - -/* Repeat - ========================================================================== */ - -.uk-background-norepeat { background-repeat: no-repeat; } - - -/* Attachment - ========================================================================== */ - -.uk-background-fixed { background-attachment: fixed; } - -/* - * Exclude touch devices because `fixed` doesn't work on iOS and Android - */ - -@media (pointer: coarse) { - .uk-background-fixed { background-attachment: scroll; } -} - - -/* Image - ========================================================================== */ - -/* Phone portrait and smaller */ -@media (max-width: $breakpoint-xsmall-max) { - - .uk-background-image\@s { background-image: none !important; } - -} - -/* Phone landscape and smaller */ -@media (max-width: $breakpoint-small-max) { - - .uk-background-image\@m { background-image: none !important; } - -} - -/* Tablet landscape and smaller */ -@media (max-width: $breakpoint-medium-max) { - - .uk-background-image\@l { background-image: none !important; } - -} - -/* Desktop and smaller */ -@media (max-width: $breakpoint-large-max) { - - .uk-background-image\@xl {background-image: none !important; } - -} - - -/* Blend modes - ========================================================================== */ - -.uk-background-blend-multiply { background-blend-mode: multiply; } -.uk-background-blend-screen { background-blend-mode: screen; } -.uk-background-blend-overlay { background-blend-mode: overlay; } -.uk-background-blend-darken { background-blend-mode: darken; } -.uk-background-blend-lighten { background-blend-mode: lighten; } -.uk-background-blend-color-dodge { background-blend-mode: color-dodge; } -.uk-background-blend-color-burn { background-blend-mode: color-burn; } -.uk-background-blend-hard-light { background-blend-mode: hard-light; } -.uk-background-blend-soft-light { background-blend-mode: soft-light; } -.uk-background-blend-difference { background-blend-mode: difference; } -.uk-background-blend-exclusion { background-blend-mode: exclusion; } -.uk-background-blend-hue { background-blend-mode: hue; } -.uk-background-blend-saturation { background-blend-mode: saturation; } -.uk-background-blend-color { background-blend-mode: color; } -.uk-background-blend-luminosity { background-blend-mode: luminosity; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-background-misc)) {@include hook-background-misc();} - -// @mixin hook-background-misc(){} diff --git a/docs/_sass/uikit/components/badge.scss b/docs/_sass/uikit/components/badge.scss deleted file mode 100644 index d076c5d..0000000 --- a/docs/_sass/uikit/components/badge.scss +++ /dev/null @@ -1,83 +0,0 @@ -// Name: Badge -// Description: Component to create notification badges - -// Component: `uk-badge` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$badge-size: 22px !default; -$badge-padding-vertical: 0 !default; -$badge-padding-horizontal: 5px !default; -$badge-border-radius: 500px !default; -$badge-background: $global-primary-background !default; -$badge-color: $global-inverse-color !default; -$badge-font-size: $global-small-font-size !default; - -$badge-hover-color: $global-inverse-color !default; - - -/* ======================================================================== - Component: Badge - ========================================================================== */ - -/* - * 1. Style - * 2. Center child vertically and horizontally - */ - -.uk-badge { - box-sizing: border-box; - min-width: $badge-size; - height: $badge-size; - padding: $badge-padding-vertical $badge-padding-horizontal; - border-radius: $badge-border-radius; - vertical-align: middle; - /* 1 */ - background: $badge-background; - color: $badge-color; - font-size: $badge-font-size; - /* 2 */ - display: inline-flex; - justify-content: center; - align-items: center; - @if(mixin-exists(hook-badge)) {@include hook-badge();} -} - -/* - * Required for `a` - */ - -.uk-badge:hover, -.uk-badge:focus { - color: $badge-hover-color; - text-decoration: none; - outline: none; - @if(mixin-exists(hook-badge-hover)) {@include hook-badge-hover();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-badge-misc)) {@include hook-badge-misc();} - -// @mixin hook-badge(){} -// @mixin hook-badge-hover(){} -// @mixin hook-badge-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-badge-background: $inverse-global-primary-background !default; -$inverse-badge-color: $inverse-global-inverse-color !default; -$inverse-badge-hover-color: $inverse-global-inverse-color !default; - - - -// @mixin hook-inverse-badge(){} -// @mixin hook-inverse-badge-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/base.scss b/docs/_sass/uikit/components/base.scss deleted file mode 100644 index 67f926a..0000000 --- a/docs/_sass/uikit/components/base.scss +++ /dev/null @@ -1,614 +0,0 @@ -// Name: Base -// Description: Default values for HTML elements -// -// Component: `uk-link` -// `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6` -// `uk-hr` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$base-body-background: $global-background !default; -$base-body-font-family: $global-font-family !default; -$base-body-font-weight: normal !default; -$base-body-font-size: $global-font-size !default; -$base-body-line-height: $global-line-height !default; -$base-body-color: #EDE0D0 !default; - -$base-link-color: $global-link-color !default; -$base-link-text-decoration: none !default; -$base-link-hover-color: $global-link-hover-color !default; -$base-link-hover-text-decoration: underline !default; - -$base-strong-font-weight: bolder !default; -$base-code-font-size: $global-small-font-size !default; -$base-code-font-family: Consolas, monaco, monospace !default; -$base-code-color: $global-danger-background !default; -$base-em-color: $global-danger-background !default; -$base-ins-background: #ffd !default; -$base-ins-color: $global-color !default; -$base-mark-background: #ffd !default; -$base-mark-color: $global-color !default; -$base-quote-font-style: italic !default; -$base-small-font-size: 80% !default; - -$base-margin-vertical: 5px; - -$base-heading-font-family: $global-font-family !default; -$base-heading-font-weight: normal !default; -$base-heading-color: $global-emphasis-color !default; -$base-heading-text-transform: none !default; -$base-heading-margin-top: $global-medium-margin !default; -$base-h1-font-size: $global-xxlarge-font-size !default; -$base-h1-line-height: 1.2 !default; -$base-h2-font-size: $global-xlarge-font-size !default; -$base-h2-line-height: 1.3 !default; -$base-h3-font-size: $global-large-font-size !default; -$base-h3-line-height: 1.4 !default; -$base-h4-font-size: $global-medium-font-size !default; -$base-h4-line-height: 1.4 !default; -$base-h4-margin-top: 30px !default; -$base-h5-font-size: $global-font-size !default; -$base-h5-line-height: 1.4 !default; -$base-h6-font-size: $global-small-font-size !default; -$base-h6-line-height: 1.4 !default; - -$base-list-padding-left: 30px !default; - -$base-hr-margin-vertical: $global-margin !default; -$base-hr-border-width: $global-border-width !default; -$base-hr-border: $global-border !default; - -$base-blockquote-font-size: $global-medium-font-size !default; -$base-blockquote-line-height: 1.5 !default; -$base-blockquote-font-style: italic !default; -$base-blockquote-margin-vertical: $global-margin !default; -$base-blockquote-footer-margin-top: $global-small-margin !default; -$base-blockquote-footer-font-size: $global-small-font-size !default; -$base-blockquote-footer-line-height: 1.5 !default; - -$base-pre-font-size: $global-small-font-size !default; -$base-pre-line-height: 1.5 !default; -$base-pre-font-family: $base-code-font-family !default; -$base-pre-color: $global-color !default; - -$base-selection-background: #39f !default; -$base-selection-color: $global-inverse-color !default; - - -/* ======================================================================== - Component: Base - ========================================================================== */ - -/* - * 1. Set `font-size` to support `rem` units - * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge - * 2. Prevent adjustments of font size after orientation changes in iOS. - * 3. Style - */ - -html { - /* 1 */ - font-family: $base-body-font-family; - font-size: $base-body-font-size; - font-weight: $base-body-font-weight; - line-height: $base-body-line-height; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 3 */ - background: #EDE0D0; - color: $base-body-color; - @if(mixin-exists(hook-base-body)) {@include hook-base-body();} -} - -/* - * Remove the margin in all browsers. - */ - -body { margin: 0; } - - -/* Links - ========================================================================== */ - -/* - * Remove gaps in links underline in iOS 8+ and Safari 8+. - */ - -a { -webkit-text-decoration-skip: objects; } - -/* - * Remove the outline on focused links when they are also active or hovered - */ - -a:active, -a:hover { outline: none; } - -/* - * Style - */ - -a, -.uk-link { - color: $base-link-color; - text-decoration: $base-link-text-decoration; - cursor: pointer; - @if(mixin-exists(hook-base-link)) {@include hook-base-link();} -} - -a:hover, -.uk-link:hover { - color: $base-link-hover-color; - text-decoration: $base-link-hover-text-decoration; - @if(mixin-exists(hook-base-link-hover)) {@include hook-base-link-hover();} -} - - -/* Text-level semantics - ========================================================================== */ - -/* - * 1. Remove the bottom border in Chrome 57-. - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - /* 1 */ - border-bottom: none; - /* 2 */ - text-decoration: underline; - text-decoration: underline dotted; -} - - -/* - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { font-weight: $base-strong-font-weight; } - -/* - * 1. Consolas has a better baseline in running text compared to `Courier` - * 2. Correct the odd `em` font sizing in all browsers. - * 3. Style - */ - -:not(pre) > code, -:not(pre) > kbd, -:not(pre) > samp { - /* 1 */ - font-family: $base-code-font-family; - /* 2 */ - font-size: $base-code-font-size; - /* 3 */ - color: $base-code-color; - white-space: nowrap; - @if(mixin-exists(hook-base-code)) {@include hook-base-code();} -} - -/* - * Emphasize - */ - -em { color: $base-em-color; } - -/* - * Insert - */ - -ins { - background: $base-ins-background; - color: $base-ins-color; - text-decoration: none; -} - -/* - * Mark - */ - -mark { - background: $base-mark-background; - color: $base-mark-color; -} - -/* - * Quote - */ - -q { font-style: $base-quote-font-style; } - -/* - * Add the correct font size in all browsers. - */ - -small { font-size: $base-small-font-size; } - -/* - * Prevents `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { top: -0.5em; } -sub { bottom: -0.25em; } - - -/* Embedded content - ========================================================================== */ - -/* - * Remove the gap between embedded content and the bottom of their containers. - */ - -audio, -canvas, -iframe, -img, -svg, -video { vertical-align: middle; } - -/* - * Responsiveness - * 1. Set a maximum width - * 2. Auto scale the height. Only needed if `height` attribute is present - * 2. Corrects `max-width` behavior if padding and border are used - */ - -audio, -canvas, -img, -video { - /* 1 */ - max-width: 100%; - /* 2 */ - height: auto; - /* 3 */ - box-sizing: border-box; -} - -/* - * Hide the overflow in IE. - */ - -svg:not(:root) { overflow: hidden; } - - -/* Block elements - ========================================================================== */ - -/* - * Margins - */ - -p, -ul, -ol, -dl, -pre, -address, -fieldset, -figure { margin: 0 0 $base-margin-vertical 0; } - -/* Add margin if adjacent element */ -* + p, -* + ul, -* + ol, -* + dl, -* + pre, -* + address, -* + fieldset, -* + figure { margin-top: $base-margin-vertical; } - - -/* Headings - ========================================================================== */ - -h1, .uk-h1, -h2, .uk-h2, -h3, .uk-h3, -h4, .uk-h4, -h5, .uk-h5, -h6, .uk-h6 { - margin: 0 0 $base-margin-vertical 0; - font-family: $base-heading-font-family; - font-weight: $base-heading-font-weight; - color: $base-heading-color; - text-transform: $base-heading-text-transform; - @if(mixin-exists(hook-base-heading)) {@include hook-base-heading();} -} - -/* Add margin if adjacent element */ -* + h1, * + .uk-h1, -* + h2, * + .uk-h2, -* + h3, * + .uk-h3, -* + h4, * + .uk-h4, -* + h5, * + .uk-h5, -* + h6, * + .uk-h6 { margin-top: $base-heading-margin-top; } - -/* - * Sizes - */ - -h1, .uk-h1 { - font-size: $base-h1-font-size; - line-height: $base-h1-line-height; - @if(mixin-exists(hook-base-h1)) {@include hook-base-h1();} -} - -h2, .uk-h2 { - font-size: $base-h2-font-size; - line-height: $base-h2-line-height; - @if(mixin-exists(hook-base-h2)) {@include hook-base-h2();} -} - -h3, .uk-h3 { - font-size: $base-h3-font-size; - line-height: $base-h3-line-height; - @if(mixin-exists(hook-base-h3)) {@include hook-base-h3();} -} - -h4, .uk-h4 { - font-size: $base-h4-font-size; - line-height: $base-h4-line-height; - margin-top: $base-h4-margin-top; - @if(mixin-exists(hook-base-h4)) {@include hook-base-h4();} -} - -h5, .uk-h5 { - font-size: $base-h5-font-size; - line-height: $base-h5-line-height; - @if(mixin-exists(hook-base-h5)) {@include hook-base-h5();} -} - -h6, .uk-h6 { - font-size: $base-h6-font-size; - line-height: $base-h6-line-height; - @if(mixin-exists(hook-base-h6)) {@include hook-base-h6();} -} - - -/* Lists - ========================================================================== */ - -ul, -ol { padding-left: $base-list-padding-left; } - -/* - * Reset margin for nested lists - */ - -ul > li > ul, -ul > li > ol, -ol > li > ol, -ol > li > ul { margin: 0; } - - -/* Description lists - ========================================================================== */ - -dt { font-weight: bold; } -dd { margin-left: 0; } - - -/* Horizontal rules - ========================================================================== */ - -/* - * 1. Add the correct box sizing and height in Firefox. - * 2. Show the overflow in Edge and IE. - * 3. Add the correct text-align in Edge and IE. - * 4. Style - */ - -hr, .uk-hr { - /* 1 */ - box-sizing: content-box; - height: 0; - /* 2 */ - overflow: visible; - /* 3 */ - text-align: inherit; - /* 4 */ - margin: 0 0 $base-hr-margin-vertical 0; - border: 0; - border-top: $base-hr-border-width solid $base-hr-border; - @if(mixin-exists(hook-base-hr)) {@include hook-base-hr();} -} - -/* Add margin if adjacent element */ -* + hr, -* + .uk-hr { margin-top: $base-hr-margin-vertical } - - -/* Address - ========================================================================== */ - -address { font-style: normal; } - - -/* Blockquotes - ========================================================================== */ - -blockquote { - margin: 0 0 $base-blockquote-margin-vertical 0; - font-size: $base-blockquote-font-size; - line-height: $base-blockquote-line-height; - font-style: $base-blockquote-font-style; - @if(mixin-exists(hook-base-blockquote)) {@include hook-base-blockquote();} -} - -/* Add margin if adjacent element */ -* + blockquote { margin-top: $base-blockquote-margin-vertical; } - -/* - * Content - */ - -blockquote p:last-of-type { margin-bottom: 0; } - -blockquote footer { - margin-top: $base-blockquote-footer-margin-top; - font-size: $base-blockquote-footer-font-size; - line-height: $base-blockquote-footer-line-height; - @if(mixin-exists(hook-base-blockquote-footer)) {@include hook-base-blockquote-footer();} -} - - -/* Preformatted text - ========================================================================== */ - -/* - * 1. Contain overflow in all browsers. - */ - -pre { - font: $base-pre-font-size unquote("/") $base-pre-line-height $base-pre-font-family; - color: $base-pre-color; - -moz-tab-size: 4; - tab-size: 4; - /* 1 */ - overflow: auto; - @if(mixin-exists(hook-base-pre)) {@include hook-base-pre();} -} - -pre code { font-family: $base-pre-font-family; } - - -/* Selection pseudo-element - ========================================================================== */ - -::-moz-selection { - background: $base-selection-background; - color: $base-selection-color; - text-shadow: none; -} - -::selection { - background: $base-selection-background; - color: $base-selection-color; - text-shadow: none; -} - - -/* HTML5 elements - ========================================================================== */ - -/* - * 1. Add the correct display in Edge, IE 10+, and Firefox. - * 2. Add the correct display in IE. - */ - -details, /* 1 */ -main { /* 2 */ - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { display: list-item; } - -/* - * Add the correct display in IE. - */ - -template { display: none; } - - -/* Iframe - ========================================================================== */ - -iframe { border: 0; } - - -/* Prevent the 300ms delay for touchscreen interactions - ========================================================================== */ - -/* - * Most browsers prevent the 300ms delay automatically for sites that use the `width=device-width` property. - * For Safari on iOS 9.3+, IE 11 and Edge on desktops and IE 11 on Windows Phone 8.1 it must be applied manually. - */ - -a, -area, -button, -input, -label, -select, -summary, -textarea { touch-action: manipulation; } - - -/* Pass media breakpoints to JS - ========================================================================== */ - -/* - * Breakpoints - */ - -.var-media-s::before { content: '#{$breakpoint-small}'; } -.var-media-m::before { content: '#{$breakpoint-medium}'; } -.var-media-l::before { content: '#{$breakpoint-large}'; } -.var-media-xl::before { content: '#{$breakpoint-xlarge}'; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-base-misc)) {@include hook-base-misc();} - -// @mixin hook-base-body(){} -// @mixin hook-base-link(){} -// @mixin hook-base-link-hover(){} -// @mixin hook-base-code(){} -// @mixin hook-base-heading(){} -// @mixin hook-base-h1(){} -// @mixin hook-base-h2(){} -// @mixin hook-base-h3(){} -// @mixin hook-base-h4(){} -// @mixin hook-base-h5(){} -// @mixin hook-base-h6(){} -// @mixin hook-base-hr(){} -// @mixin hook-base-blockquote(){} -// @mixin hook-base-blockquote-footer(){} -// @mixin hook-base-pre(){} -// @mixin hook-base-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-base-color: $inverse-global-color !default; -$inverse-base-link-color: $inverse-global-emphasis-color !default; -$inverse-base-link-hover-color: $inverse-global-emphasis-color !default; -$inverse-base-code-color: $inverse-global-color !default; -$inverse-base-em-color: $inverse-global-emphasis-color !default; -$inverse-base-heading-color: $inverse-global-emphasis-color !default; -$inverse-base-hr-border: $inverse-global-border !default; - - - -// @mixin hook-inverse-base-link(){} -// @mixin hook-inverse-base-link-hover(){} -// @mixin hook-inverse-base-code(){} -// @mixin hook-inverse-base-heading(){} -// @mixin hook-inverse-base-h1(){} -// @mixin hook-inverse-base-h2(){} -// @mixin hook-inverse-base-h3(){} -// @mixin hook-inverse-base-h4(){} -// @mixin hook-inverse-base-h5(){} -// @mixin hook-inverse-base-h6(){} -// @mixin hook-inverse-base-blockquote(){} -// @mixin hook-inverse-base-blockquote-footer(){} -// @mixin hook-inverse-base-hr(){} diff --git a/docs/_sass/uikit/components/breadcrumb.scss b/docs/_sass/uikit/components/breadcrumb.scss deleted file mode 100644 index 1f4ca50..0000000 --- a/docs/_sass/uikit/components/breadcrumb.scss +++ /dev/null @@ -1,122 +0,0 @@ -// Name: Breadcrumb -// Description: Component to create a breadcrumb navigation -// -// Component: `uk-breadcrumb` -// -// States: `uk-disabled` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$breadcrumb-item-font-size: $global-small-font-size !default; -$breadcrumb-item-color: $global-muted-color !default; -$breadcrumb-item-hover-color: $global-color !default; -$breadcrumb-item-hover-text-decoration: none !default; -$breadcrumb-item-active-color: $global-color !default; - -$breadcrumb-divider: "/" !default; -$breadcrumb-divider-margin-horizontal: 20px !default; -$breadcrumb-divider-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Breadcrumb - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - */ - -.uk-breadcrumb { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - padding: 0; - list-style: none; - @if(mixin-exists(hook-breadcrumb)) {@include hook-breadcrumb();} -} - -/* - * Space is allocated solely based on content dimensions: 0 0 auto - */ - -.uk-breadcrumb > * { flex: none; } - - -/* Items - ========================================================================== */ - -.uk-breadcrumb > * > * { - display: inline-block; - font-size: $breadcrumb-item-font-size; - color: $breadcrumb-item-color; - @if(mixin-exists(hook-breadcrumb-item)) {@include hook-breadcrumb-item();} -} - -/* Hover + Focus */ -.uk-breadcrumb > * > :hover, -.uk-breadcrumb > * > :focus { - color: $breadcrumb-item-hover-color; - text-decoration: $breadcrumb-item-hover-text-decoration; - @if(mixin-exists(hook-breadcrumb-item-hover)) {@include hook-breadcrumb-item-hover();} -} - -/* Disabled */ -.uk-breadcrumb > .uk-disabled > * { - @if(mixin-exists(hook-breadcrumb-item-disabled)) {@include hook-breadcrumb-item-disabled();} -} - -/* Active */ -.uk-breadcrumb > :last-child > * { - color: $breadcrumb-item-active-color; - @if(mixin-exists(hook-breadcrumb-item-active)) {@include hook-breadcrumb-item-active();} -} - -/* - * Divider - * `nth-child` makes it also work without JS if it's only one row - */ - -.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - content: $breadcrumb-divider; - display: inline-block; - margin: 0 $breadcrumb-divider-margin-horizontal; - color: $breadcrumb-divider-color; - @if(mixin-exists(hook-breadcrumb-divider)) {@include hook-breadcrumb-divider();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-breadcrumb-misc)) {@include hook-breadcrumb-misc();} - -// @mixin hook-breadcrumb(){} -// @mixin hook-breadcrumb-item(){} -// @mixin hook-breadcrumb-item-hover(){} -// @mixin hook-breadcrumb-item-disabled(){} -// @mixin hook-breadcrumb-item-active(){} -// @mixin hook-breadcrumb-divider(){} -// @mixin hook-breadcrumb-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-breadcrumb-item-color: $inverse-global-muted-color !default; -$inverse-breadcrumb-item-hover-color: $inverse-global-color !default; -$inverse-breadcrumb-item-active-color: $inverse-global-color !default; -$inverse-breadcrumb-divider-color: $inverse-global-muted-color !default; - - - -// @mixin hook-inverse-breadcrumb-item(){} -// @mixin hook-inverse-breadcrumb-item-hover(){} -// @mixin hook-inverse-breadcrumb-item-disabled(){} -// @mixin hook-inverse-breadcrumb-item-active(){} -// @mixin hook-inverse-breadcrumb-divider(){} diff --git a/docs/_sass/uikit/components/button.scss b/docs/_sass/uikit/components/button.scss deleted file mode 100644 index 53833af..0000000 --- a/docs/_sass/uikit/components/button.scss +++ /dev/null @@ -1,451 +0,0 @@ -// Name: Button -// Description: Styles for buttons -// -// Component: `uk-button` -// -// Sub-objects: `uk-button-group` -// -// Modifiers: `uk-button-default` -// `uk-button-primary` -// `uk-button-secondary` -// `uk-button-danger` -// `uk-button-text` -// `uk-button-link` -// `uk-button-small` -// `uk-button-large` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$button-line-height: $global-control-height !default; -$button-small-line-height: $global-control-small-height !default; -$button-large-line-height: $global-control-large-height !default; - -$button-font-size: $global-font-size !default; -$button-small-font-size: $global-small-font-size !default; -$button-large-font-size: $global-medium-font-size !default; - -$button-padding-horizontal: $global-gutter !default; -$button-small-padding-horizontal: $global-small-gutter !default; -$button-large-padding-horizontal: $global-medium-gutter !default; - -$button-default-background: $global-muted-background !default; -$button-default-color: $global-emphasis-color !default; -$button-default-hover-background: darken($button-default-background, 5%) !default; -$button-default-hover-color: $global-emphasis-color !default; -$button-default-active-background: darken($button-default-background, 10%) !default; -$button-default-active-color: $global-emphasis-color !default; - -$button-primary-background: $global-muted-color; -$button-primary-color: $global-inverse-color !default; -$button-primary-hover-background: darken($button-primary-background, 5%); -$button-primary-hover-color: #89C1C3; -$button-primary-active-background: darken($button-primary-background, 10%); -$button-primary-active-color: #89C1C3; - -$button-secondary-background: $global-secondary-background !default; -$button-secondary-color: $global-inverse-color !default; -$button-secondary-hover-background: darken($button-secondary-background, 5%) !default; -$button-secondary-hover-color: $global-inverse-color !default; -$button-secondary-active-background: darken($button-secondary-background, 10%) !default; -$button-secondary-active-color: $global-inverse-color !default; - -$button-danger-background: $global-danger-background !default; -$button-danger-color: $global-inverse-color !default; -$button-danger-hover-background: darken($button-danger-background, 5%) !default; -$button-danger-hover-color: $global-inverse-color !default; -$button-danger-active-background: darken($button-danger-background, 10%) !default; -$button-danger-active-color: $global-inverse-color !default; - -$button-disabled-background: $global-muted-background !default; -$button-disabled-color: $global-muted-color !default; - -$button-text-line-height: $global-line-height !default; -$button-text-color: $global-muted-color !default; -$button-text-hover-color: $global-color !default; -$button-text-disabled-color: $global-muted-color !default; - -$button-link-line-height: $global-line-height !default; -$button-link-color: $global-link-color !default; -$button-link-hover-color: $global-link-hover-color !default; -$button-link-hover-text-decoration: underline !default; -$button-link-disabled-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Button - ========================================================================== */ - -/* - * 1. Remove margins in Chrome, Safari and Opera. - * 2. Remove borders for `button`. - * 3. Remove border-radius in Chrome. - * 4. Address `overflow` set to `hidden` in IE. - * 5. Correct `font` properties and `color` not being inherited for `button`. - * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. - * 7. Style - * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. - * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. - * 9. Align text if button has a width - * 10. Required for `a`. - */ - -.uk-button { - /* 1 */ - margin: 0; - /* 2 */ - border: none; - /* 3 */ - border-radius: 0; - /* 4 */ - overflow: visible; - /* 5 */ - font: inherit; - color: inherit; - /* 6 */ - text-transform: none; - /* 7 */ - display: inline-block; - box-sizing: border-box; - padding: 0 $button-padding-horizontal; - vertical-align: middle; - font-size: $button-font-size; - /* 8 */ - line-height: $button-line-height; - /* 9 */ - text-align: center; - /* 10 */ - text-decoration: none; - @if(mixin-exists(hook-button)) {@include hook-button();} -} - -.uk-button:not(:disabled) { cursor: pointer; } - -/* - * Remove the inner border and padding in Firefox. - */ - -.uk-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* Hover */ -.uk-button:hover { - /* 8 */ - text-decoration: none; - @if(mixin-exists(hook-button-hover)) {@include hook-button-hover();} -} - -/* Focus */ -.uk-button:focus { - outline: none; - @if(mixin-exists(hook-button-focus)) {@include hook-button-focus();} -} - -/* OnClick + Active */ -.uk-button:active, -.uk-button.uk-active { - @if(mixin-exists(hook-button-active)) {@include hook-button-active();} -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Default - */ - -.uk-button-default { - background-color: $button-default-background; - color: $button-default-color; - @if(mixin-exists(hook-button-default)) {@include hook-button-default();} -} - -/* Hover + Focus */ -.uk-button-default:hover, -.uk-button-default:focus { - background-color: $button-default-hover-background; - color: $button-default-hover-color; - @if(mixin-exists(hook-button-default-hover)) {@include hook-button-default-hover();} -} - -/* OnClick + Active */ -.uk-button-default:active, -.uk-button-default.uk-active { - background-color: $button-default-active-background; - color: $button-default-active-color; - @if(mixin-exists(hook-button-default-active)) {@include hook-button-default-active();} -} - -/* - * Primary - */ - -.uk-button-primary { - background-color: $button-primary-background; - color: $button-primary-color; - @if(mixin-exists(hook-button-primary)) {@include hook-button-primary();} -} - -/* Hover + Focus */ -.uk-button-primary:hover, -.uk-button-primary:focus { - background-color: $button-primary-hover-background; - color: $button-primary-hover-color; - @if(mixin-exists(hook-button-primary-hover)) {@include hook-button-primary-hover();} -} - -/* OnClick + Active */ -.uk-button-primary:active, -.uk-button-primary.uk-active { - background-color: $button-primary-active-background; - color: $button-primary-active-color; - @if(mixin-exists(hook-button-primary-active)) {@include hook-button-primary-active();} -} - -/* - * Secondary - */ - -.uk-button-secondary { - background-color: $button-secondary-background; - color: $button-secondary-color; - @if(mixin-exists(hook-button-secondary)) {@include hook-button-secondary();} -} - -/* Hover + Focus */ -.uk-button-secondary:hover, -.uk-button-secondary:focus { - background-color: $button-secondary-hover-background; - color: $button-secondary-hover-color; - @if(mixin-exists(hook-button-secondary-hover)) {@include hook-button-secondary-hover();} -} - -/* OnClick + Active */ -.uk-button-secondary:active, -.uk-button-secondary.uk-active { - background-color: $button-secondary-active-background; - color: $button-secondary-active-color; - @if(mixin-exists(hook-button-secondary-active)) {@include hook-button-secondary-active();} -} - -/* - * Danger - */ - -.uk-button-danger { - background-color: $button-danger-background; - color: $button-danger-color; - @if(mixin-exists(hook-button-danger)) {@include hook-button-danger();} -} - -/* Hover + Focus */ -.uk-button-danger:hover, -.uk-button-danger:focus { - background-color: $button-danger-hover-background; - color: $button-danger-hover-color; - @if(mixin-exists(hook-button-danger-hover)) {@include hook-button-danger-hover();} -} - -/* OnClick + Active */ -.uk-button-danger:active, -.uk-button-danger.uk-active { - background-color: $button-danger-active-background; - color: $button-danger-active-color; - @if(mixin-exists(hook-button-danger-active)) {@include hook-button-danger-active();} -} - -/* - * Disabled - * The same for all style modifiers - */ - -.uk-button-default:disabled, -.uk-button-primary:disabled, -.uk-button-secondary:disabled, -.uk-button-danger:disabled { - background-color: $button-disabled-background; - color: $button-disabled-color; - @if(mixin-exists(hook-button-disabled)) {@include hook-button-disabled();} -} - - -/* Size modifiers - ========================================================================== */ - -.uk-button-small { - padding: 0 $button-small-padding-horizontal; - line-height: $button-small-line-height; - font-size: $button-small-font-size; - @if(mixin-exists(hook-button-small)) {@include hook-button-small();} -} - -.uk-button-large { - padding: 0 $button-large-padding-horizontal; - line-height: $button-large-line-height; - font-size: $button-large-font-size; - @if(mixin-exists(hook-button-large)) {@include hook-button-large();} -} - - -/* Text modifiers - ========================================================================== */ - -/* - * Text - * 1. Reset - * 2. Style - */ - -.uk-button-text { - /* 1 */ - padding: 0; - line-height: $button-text-line-height; - background: none; - /* 2 */ - color: $button-text-color; - @if(mixin-exists(hook-button-text)) {@include hook-button-text();} -} - -/* Hover + Focus */ -.uk-button-text:hover, -.uk-button-text:focus { - color: $button-text-hover-color; - @if(mixin-exists(hook-button-text-hover)) {@include hook-button-text-hover();} -} - -/* Disabled */ -.uk-button-text:disabled { - color: $button-text-disabled-color; - @if(mixin-exists(hook-button-text-disabled)) {@include hook-button-text-disabled();} -} - -/* - * Link - * 1. Reset - * 2. Style - */ - -.uk-button-link { - /* 1 */ - padding: 0; - line-height: $button-link-line-height; - background: none; - /* 2 */ - color: $button-link-color; - @if(mixin-exists(hook-button-link)) {@include hook-button-link();} -} - -/* Hover + Focus */ -.uk-button-link:hover, -.uk-button-link:focus { - color: $button-link-hover-color; - text-decoration: $button-link-hover-text-decoration; -} - -/* Disabled */ -.uk-button-link:disabled { - color: $button-link-disabled-color; - text-decoration: none; -} - - -/* Group - ========================================================================== */ - -/* - * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements - * 2. Behave like button - * 3. Create position context - */ - -.uk-button-group { - /* 1 */ - display: inline-flex; - /* 2 */ - vertical-align: middle; - /* 3 */ - position: relative; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-button-misc)) {@include hook-button-misc();} - -// @mixin hook-button(){} -// @mixin hook-button-hover(){} -// @mixin hook-button-focus(){} -// @mixin hook-button-active(){} -// @mixin hook-button-default(){} -// @mixin hook-button-default-hover(){} -// @mixin hook-button-default-active(){} -// @mixin hook-button-primary(){} -// @mixin hook-button-primary-hover(){} -// @mixin hook-button-primary-active(){} -// @mixin hook-button-secondary(){} -// @mixin hook-button-secondary-hover(){} -// @mixin hook-button-secondary-active(){} -// @mixin hook-button-danger(){} -// @mixin hook-button-danger-hover(){} -// @mixin hook-button-danger-active(){} -// @mixin hook-button-disabled(){} -// @mixin hook-button-small(){} -// @mixin hook-button-large(){} -// @mixin hook-button-text(){} -// @mixin hook-button-text-hover(){} -// @mixin hook-button-text-disabled(){} -// @mixin hook-button-link(){} -// @mixin hook-button-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-button-default-background: $inverse-global-primary-background !default; -$inverse-button-default-color: $inverse-global-inverse-color !default; -$inverse-button-default-hover-background: darken($inverse-button-default-background, 5%) !default; -$inverse-button-default-hover-color: $inverse-global-inverse-color !default; -$inverse-button-default-active-background: darken($inverse-button-default-background, 10%) !default; -$inverse-button-default-active-color: $inverse-global-inverse-color !default; -$inverse-button-primary-background: $inverse-global-primary-background !default; -$inverse-button-primary-color: $inverse-global-inverse-color !default; -$inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default; -$inverse-button-primary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default; -$inverse-button-primary-active-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-background: $inverse-global-primary-background !default; -$inverse-button-secondary-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default; -$inverse-button-secondary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default; -$inverse-button-secondary-active-color: $inverse-global-inverse-color !default; -$inverse-button-text-color: $inverse-global-muted-color !default; -$inverse-button-text-hover-color: $inverse-global-color !default; -$inverse-button-text-disabled-color: $inverse-global-muted-color !default; -$inverse-button-link-color: $inverse-global-muted-color !default; -$inverse-button-link-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-button-default(){} -// @mixin hook-inverse-button-default-hover(){} -// @mixin hook-inverse-button-default-active(){} -// @mixin hook-inverse-button-primary(){} -// @mixin hook-inverse-button-primary-hover(){} -// @mixin hook-inverse-button-primary-active(){} -// @mixin hook-inverse-button-secondary(){} -// @mixin hook-inverse-button-secondary-hover(){} -// @mixin hook-inverse-button-secondary-active(){} -// @mixin hook-inverse-button-text(){} -// @mixin hook-inverse-button-text-hover(){} -// @mixin hook-inverse-button-text-disabled(){} -// @mixin hook-inverse-button-link(){} diff --git a/docs/_sass/uikit/components/card.scss b/docs/_sass/uikit/components/card.scss deleted file mode 100644 index 6d46523..0000000 --- a/docs/_sass/uikit/components/card.scss +++ /dev/null @@ -1,363 +0,0 @@ -// Name: Card -// Description: Component to create boxed content containers -// -// Component: `uk-card` -// -// Sub-objects: `uk-card-body` -// `uk-card-header` -// `uk-card-footer` -// `uk-card-media-*` -// `uk-card-title` -// `uk-card-badge` -// -// Modifiers: `uk-card-hover` -// `uk-card-default` -// `uk-card-primary` -// `uk-card-secondary` -// `uk-card-small` -// `uk-card-large` -// -// Uses: `uk-grid-stack` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$card-body-padding-horizontal: $global-gutter !default; -$card-body-padding-vertical: $global-gutter !default; - -$card-body-padding-horizontal-l: $global-medium-gutter !default; -$card-body-padding-vertical-l: $global-medium-gutter !default; - -$card-header-padding-horizontal: $global-gutter !default; -$card-header-padding-vertical: round($global-gutter / 2) !default; - -$card-header-padding-horizontal-l: $global-medium-gutter !default; -$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default; - -$card-footer-padding-horizontal: $global-gutter !default; -$card-footer-padding-vertical: ($global-gutter / 2) !default; - -$card-footer-padding-horizontal-l: $global-medium-gutter !default; -$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default; - -$card-title-font-size: $global-large-font-size !default; -$card-title-line-height: 1.4 !default; - -$card-badge-top: $global-gutter !default; -$card-badge-right: $card-badge-top !default; - -$card-hover-background: $global-secondary-background !default; - -$card-default-background: $global-secondary-background; -$card-default-color: #89C1C3; -$card-default-title-color: $global-primary-background; -$card-default-hover-background: darken($card-default-background, 5%); - -$card-primary-background: $global-primary-background !default; -$card-primary-color: $global-inverse-color !default; -$card-primary-title-color: $card-primary-color !default; -$card-primary-hover-background: darken($card-primary-background, 5%) !default; -$card-primary-color-mode: light !default; - -$card-secondary-background: $global-secondary-background !default; -$card-secondary-color: $global-inverse-color !default; -$card-secondary-title-color: $card-secondary-color !default; -$card-secondary-hover-background: darken($card-secondary-background, 5%) !default; -$card-secondary-color-mode: light !default; - -$card-small-body-padding-horizontal: $global-margin !default; -$card-small-body-padding-vertical: $global-margin !default; -$card-small-header-padding-horizontal: $global-margin !default; -$card-small-header-padding-vertical: round($global-margin / 1.5) !default; -$card-small-footer-padding-horizontal: $global-margin !default; -$card-small-footer-padding-vertical: round($global-margin / 1.5) !default; - -$card-large-body-padding-horizontal-l: $global-large-gutter !default; -$card-large-body-padding-vertical-l: $global-large-gutter !default; -$card-large-header-padding-horizontal-l: $global-large-gutter !default; -$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default; -$card-large-footer-padding-horizontal-l: $global-large-gutter !default; -$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default; - - -/* ======================================================================== - Component: Card - ========================================================================== */ - -.uk-card { - position: relative; - box-sizing: border-box; - @if(mixin-exists(hook-card)) {@include hook-card();} -} - - -/* Sections - ========================================================================== */ - -.uk-card-body { - padding: $card-body-padding-vertical $card-body-padding-horizontal; - @if(mixin-exists(hook-card-body)) {@include hook-card-body();} -} - -.uk-card-header { - padding: $card-header-padding-vertical $card-header-padding-horizontal; - @if(mixin-exists(hook-card-header)) {@include hook-card-header();} -} - -.uk-card-footer { - padding: $card-footer-padding-vertical $card-footer-padding-horizontal; - @if(mixin-exists(hook-card-footer)) {@include hook-card-footer();} -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-card-body { padding: $card-body-padding-vertical-l $card-body-padding-horizontal-l; } - - .uk-card-header { padding: $card-header-padding-vertical-l $card-header-padding-horizontal-l; } - - .uk-card-footer { padding: $card-footer-padding-vertical-l $card-footer-padding-horizontal-l; } - -} - -/* - * Micro clearfix - */ - -.uk-card-body::before, -.uk-card-body::after, -.uk-card-header::before, -.uk-card-header::after, -.uk-card-footer::before, -.uk-card-footer::after { - content: ""; - display: table; -} - -.uk-card-body::after, -.uk-card-header::after, -.uk-card-footer::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-card-body > :last-child, -.uk-card-header > :last-child, -.uk-card-footer > :last-child { margin-bottom: 0; } - - -/* Media - ========================================================================== */ - -/* - * Reserved alignment modifier to style the media element, e.g. with `border-radius` - * Implemented by the theme - */ - -[class*='uk-card-media'] { - @if(mixin-exists(hook-card-media)) {@include hook-card-media();} -} - -.uk-card-media-top, -.uk-grid-stack > .uk-card-media-left, -.uk-grid-stack > .uk-card-media-right { - @if(mixin-exists(hook-card-media-top)) {@include hook-card-media-top();} -} - -.uk-card-media-bottom { - @if(mixin-exists(hook-card-media-bottom)) {@include hook-card-media-bottom();} -} - -:not(.uk-grid-stack) > .uk-card-media-left { - @if(mixin-exists(hook-card-media-left)) {@include hook-card-media-left();} -} - -:not(.uk-grid-stack) > .uk-card-media-right { - @if(mixin-exists(hook-card-media-right)) {@include hook-card-media-right();} -} - - -/* Title - ========================================================================== */ - -.uk-card-title { - font-size: $card-title-font-size; - line-height: $card-title-line-height; - @if(mixin-exists(hook-card-title)) {@include hook-card-title();} -} - - -/* Badge - ========================================================================== */ - -.uk-card-badge { - position: absolute; - top: $card-badge-top; - right: $card-badge-right; - z-index: 1; - @if(mixin-exists(hook-card-badge)) {@include hook-card-badge();} -} - -/* - * Remove margin from adjacent element - */ - -.uk-card-badge:first-child + * { margin-top: 0; } - - -/* Hover modifier - ========================================================================== */ - -.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { - background: $card-hover-background; - @if(mixin-exists(hook-card-hover)) {@include hook-card-hover();} -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Default - * Note: Header and Footer are only implemented for the default style - */ - -.uk-card-default { - background: $card-default-background; - color: $card-default-color; - @if(mixin-exists(hook-card-default)) {@include hook-card-default();} -} - -.uk-card-default .uk-card-title { - color: $card-default-title-color; - @if(mixin-exists(hook-card-default-title)) {@include hook-card-default-title();} -} - -.uk-card-default.uk-card-hover:hover { - background-color: $card-default-hover-background; - @if(mixin-exists(hook-card-default-hover)) {@include hook-card-default-hover();} -} - -.uk-card-default .uk-card-header { - @if(mixin-exists(hook-card-default-header)) {@include hook-card-default-header();} -} - -.uk-card-default .uk-card-footer { - @if(mixin-exists(hook-card-default-footer)) {@include hook-card-default-footer();} -} - -/* - * Primary - */ - -.uk-card-primary { - background: $card-primary-background; - color: $card-primary-color; - @if(mixin-exists(hook-card-primary)) {@include hook-card-primary();} -} - -.uk-card-primary .uk-card-title { - color: $card-primary-title-color; - @if(mixin-exists(hook-card-primary-title)) {@include hook-card-primary-title();} -} - -.uk-card-primary.uk-card-hover:hover { - background-color: $card-primary-hover-background; - @if(mixin-exists(hook-card-primary-hover)) {@include hook-card-primary-hover();} -} - -// Color Mode -@if ( $card-primary-color-mode == light ) { .uk-card-primary.uk-card-body { @extend .uk-light !optional;} } -@if ( $card-primary-color-mode == light ) { .uk-card-primary > :not([class*='uk-card-media']) { @extend .uk-light !optional;} } -@if ( $card-primary-color-mode == dark ) { .uk-card-primary.uk-card-body { @extend .uk-dark !optional;} } -@if ( $card-primary-color-mode == dark ) { .uk-card-primary > :not([class*='uk-card-media']) { @extend .uk-dark !optional;} } - -/* - * Secondary - */ - -.uk-card-secondary { - background: $card-secondary-background; - color: $card-secondary-color; - @if(mixin-exists(hook-card-secondary)) {@include hook-card-secondary();} -} - -.uk-card-secondary .uk-card-title { - color: $card-secondary-title-color; - @if(mixin-exists(hook-card-secondary-title)) {@include hook-card-secondary-title();} -} - -.uk-card-secondary.uk-card-hover:hover { - background-color: $card-secondary-hover-background; - @if(mixin-exists(hook-card-secondary-hover)) {@include hook-card-secondary-hover();} -} - -// Color Mode -@if ( $card-secondary-color-mode == light ) { .uk-card-secondary.uk-card-body { @extend .uk-light !optional;} } -@if ( $card-secondary-color-mode == light ) { .uk-card-secondary > :not([class*='uk-card-media']) { @extend .uk-light !optional;} } -@if ( $card-secondary-color-mode == dark ) { .uk-card-secondary.uk-card-body { @extend .uk-dark !optional;} } -@if ( $card-secondary-color-mode == dark ) { .uk-card-secondary > :not([class*='uk-card-media']) { @extend .uk-dark !optional;} } - - -/* Size modifier - ========================================================================== */ - -/* - * Small - */ - -.uk-card-small.uk-card-body, -.uk-card-small .uk-card-body { padding: $card-small-body-padding-vertical $card-small-body-padding-horizontal; } - -.uk-card-small .uk-card-header { padding: $card-small-header-padding-vertical $card-small-header-padding-horizontal; } -.uk-card-small .uk-card-footer { padding: $card-small-footer-padding-vertical $card-small-footer-padding-horizontal; } - -/* - * Large - */ - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-card-large.uk-card-body, - .uk-card-large .uk-card-body { padding: $card-large-body-padding-vertical-l $card-large-body-padding-horizontal-l; } - - .uk-card-large .uk-card-header { padding: $card-large-header-padding-vertical-l $card-large-header-padding-horizontal-l; } - .uk-card-large .uk-card-footer { padding: $card-large-footer-padding-vertical-l $card-large-footer-padding-horizontal-l; } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-card-misc)) {@include hook-card-misc();} - -// @mixin hook-card(){} -// @mixin hook-card-body(){} -// @mixin hook-card-header(){} -// @mixin hook-card-footer(){} -// @mixin hook-card-media(){} -// @mixin hook-card-media-top(){} -// @mixin hook-card-media-bottom(){} -// @mixin hook-card-media-left(){} -// @mixin hook-card-media-right(){} -// @mixin hook-card-title(){} -// @mixin hook-card-badge(){} -// @mixin hook-card-hover(){} -// @mixin hook-card-default(){} -// @mixin hook-card-default-title(){} -// @mixin hook-card-default-hover(){} -// @mixin hook-card-default-header(){} -// @mixin hook-card-default-footer(){} -// @mixin hook-card-primary(){} -// @mixin hook-card-primary-title(){} -// @mixin hook-card-primary-hover(){} -// @mixin hook-card-secondary(){} -// @mixin hook-card-secondary-title(){} -// @mixin hook-card-secondary-hover(){} -// @mixin hook-card-misc(){} diff --git a/docs/_sass/uikit/components/close.scss b/docs/_sass/uikit/components/close.scss deleted file mode 100644 index 32e2775..0000000 --- a/docs/_sass/uikit/components/close.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Name: Close -// Description: Component to create a close button -// -// Component: `uk-close` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$close-color: $global-muted-color !default; -$close-hover-color: $global-color !default; - - -/* ======================================================================== - Component: Close - ========================================================================== */ - -/* - * Adopts `uk-icon` - */ - -.uk-close { - color: $close-color; - @if(mixin-exists(hook-close)) {@include hook-close();} -} - -/* Hover + Focus */ -.uk-close:hover, -.uk-close:focus { - color: $close-hover-color; - outline: none; - @if(mixin-exists(hook-close-hover)) {@include hook-close-hover();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-close-misc)) {@include hook-close-misc();} - -// @mixin hook-close(){} -// @mixin hook-close-hover(){} -// @mixin hook-close-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-close-color: $inverse-global-muted-color !default; -$inverse-close-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-close(){} -// @mixin hook-inverse-close-hover(){} diff --git a/docs/_sass/uikit/components/column.scss b/docs/_sass/uikit/components/column.scss deleted file mode 100644 index 54bae26..0000000 --- a/docs/_sass/uikit/components/column.scss +++ /dev/null @@ -1,138 +0,0 @@ -// Name: Column -// Description: Utilities for text columns -// -// Component: `uk-column-*` -// -// Sub-objects: `uk-column-span` -// -// Modifiers: `uk-column-divider` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$column-gutter: $global-gutter !default; -$column-gutter-l: $global-medium-gutter !default; - -$column-divider-rule-color: $global-border !default; -$column-divider-rule-width: 1px !default; - - -/* ======================================================================== - Component: Column - ========================================================================== */ - -[class*='uk-column-'] { column-gap: $column-gutter; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - [class*='uk-column-'] { column-gap: $column-gutter-l; } - -} - -/* - * Fix image 1px line wrapping into the next column in Chrome - */ - -[class*='uk-column-'] img { transform: translate3d(0,0,0); } - - -/* Divider - ========================================================================== */ - -/* - * 1. Double the column gap - */ - -.uk-column-divider { - column-rule: $column-divider-rule-width solid $column-divider-rule-color; - /* 1 */ - column-gap: ($column-gutter * 2); -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-column-divider { - column-gap: ($column-gutter-l * 2); - } - -} - - -/* Width modifiers - ========================================================================== */ - -.uk-column-1-2 { column-count: 2;} -.uk-column-1-3 { column-count: 3; } -.uk-column-1-4 { column-count: 4; } -.uk-column-1-5 { column-count: 5; } -.uk-column-1-6 { column-count: 6; } - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-column-1-2\@s { column-count: 2; } - .uk-column-1-3\@s { column-count: 3; } - .uk-column-1-4\@s { column-count: 4; } - .uk-column-1-5\@s { column-count: 5; } - .uk-column-1-6\@s { column-count: 6; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-column-1-2\@m { column-count: 2; } - .uk-column-1-3\@m { column-count: 3; } - .uk-column-1-4\@m { column-count: 4; } - .uk-column-1-5\@m { column-count: 5; } - .uk-column-1-6\@m { column-count: 6; } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-column-1-2\@l { column-count: 2; } - .uk-column-1-3\@l { column-count: 3; } - .uk-column-1-4\@l { column-count: 4; } - .uk-column-1-5\@l { column-count: 5; } - .uk-column-1-6\@l { column-count: 6; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-column-1-2\@xl { column-count: 2; } - .uk-column-1-3\@xl { column-count: 3; } - .uk-column-1-4\@xl { column-count: 4; } - .uk-column-1-5\@xl { column-count: 5; } - .uk-column-1-6\@xl { column-count: 6; } - -} - -/* Make element span across all columns - * Does not work in Firefox yet - ========================================================================== */ - -.uk-column-span { column-span: all; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-column-misc)) {@include hook-column-misc();} - -// @mixin hook-column-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-column-divider-rule-color: $inverse-global-border !default; - diff --git a/docs/_sass/uikit/components/comment.scss b/docs/_sass/uikit/components/comment.scss deleted file mode 100644 index 8583dd8..0000000 --- a/docs/_sass/uikit/components/comment.scss +++ /dev/null @@ -1,171 +0,0 @@ -// Name: Comment -// Description: Component to create nested comments -// -// Component: `uk-comment` -// -// Sub-objects: `uk-comment-body` -// `uk-comment-header` -// `uk-comment-title` -// `uk-comment-meta` -// `uk-comment-avatar` -// `uk-comment-list` -// -// Modifier: `uk-comment-primary` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$comment-header-margin-bottom: $global-margin !default; - -$comment-title-font-size: $global-medium-font-size !default; -$comment-title-line-height: 1.4 !default; - -$comment-meta-font-size: $global-small-font-size !default; -$comment-meta-line-height: 1.4 !default; -$comment-meta-color: $global-muted-color !default; - -$comment-list-margin-top: $global-large-margin !default; -$comment-list-padding-left: 30px !default; -$comment-list-padding-left-m: 100px !default; - - -/* ======================================================================== - Component: Comment - ========================================================================== */ - -.uk-comment { - @if(mixin-exists(hook-comment)) {@include hook-comment();} -} - - -/* Sections - ========================================================================== */ - -.uk-comment-body { - @if(mixin-exists(hook-comment-body)) {@include hook-comment-body();} -} - -.uk-comment-header { - margin-bottom: $comment-header-margin-bottom; - @if(mixin-exists(hook-comment-header)) {@include hook-comment-header();} -} - -/* - * Micro clearfix - */ - -.uk-comment-body::before, -.uk-comment-body::after, -.uk-comment-header::before, -.uk-comment-header::after { - content: ""; - display: table; -} - -.uk-comment-body::after, -.uk-comment-header::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-comment-body > :last-child, -.uk-comment-header > :last-child { margin-bottom: 0; } - - -/* Title - ========================================================================== */ - -.uk-comment-title { - font-size: $comment-title-font-size; - line-height: $comment-title-line-height; - @if(mixin-exists(hook-comment-title)) {@include hook-comment-title();} -} - - -/* Meta - ========================================================================== */ - -.uk-comment-meta { - font-size: $comment-meta-font-size; - line-height: $comment-meta-line-height; - color: $comment-meta-color; - @if(mixin-exists(hook-comment-meta)) {@include hook-comment-meta();} -} - - -/* Avatar - ========================================================================== */ - -.uk-comment-avatar { - @if(mixin-exists(hook-comment-avatar)) {@include hook-comment-avatar();} -} - - -/* List - ========================================================================== */ - -.uk-comment-list { - padding: 0; - list-style: none; -} - -/* Adjacent siblings */ -.uk-comment-list > :nth-child(n+2) { - margin-top: $comment-list-margin-top; - @if(mixin-exists(hook-comment-list-adjacent)) {@include hook-comment-list-adjacent();} -} - -/* - * Sublists - * Note: General sibling selector allows reply block between comment and sublist - */ - -.uk-comment-list .uk-comment ~ ul { - margin: $comment-list-margin-top 0 0 0; - padding-left: $comment-list-padding-left; - list-style: none; - @if(mixin-exists(hook-comment-list-sub)) {@include hook-comment-list-sub();} -} - -/* Tablet and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-comment-list .uk-comment ~ ul { padding-left: $comment-list-padding-left-m; } - -} - -/* Adjacent siblings */ -.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { - margin-top: $comment-list-margin-top; - @if(mixin-exists(hook-comment-list-sub-adjacent)) {@include hook-comment-list-sub-adjacent();} -} - - -/* Style modifier - ========================================================================== */ - -.uk-comment-primary { - @if(mixin-exists(hook-comment-primary)) {@include hook-comment-primary();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-comment-misc)) {@include hook-comment-misc();} - -// @mixin hook-comment(){} -// @mixin hook-comment-body(){} -// @mixin hook-comment-header(){} -// @mixin hook-comment-title(){} -// @mixin hook-comment-meta(){} -// @mixin hook-comment-avatar(){} -// @mixin hook-comment-list-adjacent(){} -// @mixin hook-comment-list-sub(){} -// @mixin hook-comment-list-sub-adjacent(){} -// @mixin hook-comment-primary(){} -// @mixin hook-comment-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/container.scss b/docs/_sass/uikit/components/container.scss deleted file mode 100644 index c518d6d..0000000 --- a/docs/_sass/uikit/components/container.scss +++ /dev/null @@ -1,106 +0,0 @@ -// Name: Container -// Description: Component to align and center your site and grid content -// -// Component: `uk-container` -// -// Modifier: `uk-container-small` -// `uk-container-large` -// `uk-container-expand` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$container-max-width: 1200px !default; -$container-small-max-width: 900px !default; -$container-large-max-width: 1600px !default; - -$container-padding-horizontal: 15px !default; -$container-padding-horizontal-s: $global-gutter !default; -$container-padding-horizontal-m: $global-medium-gutter !default; - - -/* ======================================================================== - Component: Container - ========================================================================== */ - -/* - * 1. Box sizing has to be `content-box` so the max-width is always the same and - * unaffected by the padding on different breakpoints. It's important for the size modifiers. - */ - -.uk-container { - box-sizing: content-box; /* 1 */ - max-width: $container-max-width; - margin-left: auto; - margin-right: auto; - padding-left: $container-padding-horizontal; - padding-right: $container-padding-horizontal; -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-container { - padding-left: $container-padding-horizontal-s; - padding-right: $container-padding-horizontal-s; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-container { - padding-left: $container-padding-horizontal-m; - padding-right: $container-padding-horizontal-m; - } - -} - -/* - * Micro clearfix - */ - -.uk-container::before, -.uk-container::after { - content: ""; - display: table; -} - -.uk-container::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-container > :last-child { margin-bottom: 0; } - -/* - * Remove padding from nested containers - */ - -.uk-container .uk-container { - padding-left: 0; - padding-right: 0; -} - - -/* Size modifier - ========================================================================== */ - -.uk-container-small { max-width: $container-small-max-width; } - -.uk-container-large { max-width: $container-large-max-width; } - -.uk-container-expand { max-width: none; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-container-misc)) {@include hook-container-misc();} - -// @mixin hook-container-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/countdown.scss b/docs/_sass/uikit/components/countdown.scss deleted file mode 100644 index 3f53e70..0000000 --- a/docs/_sass/uikit/components/countdown.scss +++ /dev/null @@ -1,126 +0,0 @@ -// Name: Countdown -// Description: Component to create countdown timers -// -// Component: `uk-countdown` -// -// Sub-objects: `uk-countdown-number` -// `uk-countdown-separator` -// `uk-countdown-label` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$countdown-item-line-height: 70px !default; - -$countdown-number-font-size: 2rem !default; // 32px -$countdown-number-font-size-s: 4rem !default; // 64px -$countdown-number-font-size-m: 6rem !default; // 96px - -$countdown-separator-font-size: 1rem !default; // 16px -$countdown-separator-font-size-s: 2rem !default; // 32px -$countdown-separator-font-size-m: 3rem !default; // 48px - - -/* ======================================================================== - Component: Countdown - ========================================================================== */ - -.uk-countdown { - @if(mixin-exists(hook-countdown)) {@include hook-countdown();} -} - - -/* Item - ========================================================================== */ - -/* - * 1. Center numbers and separators vertically - */ - -.uk-countdown-number, -.uk-countdown-separator { - /* 1 */ - line-height: $countdown-item-line-height; - @if(mixin-exists(hook-countdown-item)) {@include hook-countdown-item();} -} - - -/* Number - ========================================================================== */ - -.uk-countdown-number { - font-size: $countdown-number-font-size; - @if(mixin-exists(hook-countdown-number)) {@include hook-countdown-number();} -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-countdown-number { font-size: $countdown-number-font-size-s; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-countdown-number { font-size: $countdown-number-font-size-m; } - -} - - -/* Separator - ========================================================================== */ - -.uk-countdown-separator { - font-size: $countdown-separator-font-size; - @if(mixin-exists(hook-countdown-separator)) {@include hook-countdown-separator();} -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-countdown-separator { font-size: $countdown-separator-font-size-s; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-countdown-separator { font-size: $countdown-separator-font-size-m; } - -} - - -/* Label - ========================================================================== */ - -.uk-countdown-label { - @if(mixin-exists(hook-countdown-label)) {@include hook-countdown-label();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-countdown-misc)) {@include hook-countdown-misc();} - -// @mixin hook-countdown(){} -// @mixin hook-countdown-item(){} -// @mixin hook-countdown-number(){} -// @mixin hook-countdown-separator(){} -// @mixin hook-countdown-label(){} -// @mixin hook-countdown-misc(){} - - -// Inverse -// ======================================================================== - - - -// @mixin hook-inverse-countdown-item(){} -// @mixin hook-inverse-countdown-number(){} -// @mixin hook-inverse-countdown-separator(){} -// @mixin hook-inverse-countdown-label(){} diff --git a/docs/_sass/uikit/components/cover.scss b/docs/_sass/uikit/components/cover.scss deleted file mode 100644 index b44a684..0000000 --- a/docs/_sass/uikit/components/cover.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Name: Cover -// Description: Utilities to let embedded content cover their container in a centered position -// -// Component: `uk-cover` -// -// Sub-object: `uk-cover-container` -// -// ======================================================================== - - -/* ======================================================================== - Component: Cover - ========================================================================== */ - -/* - * Works with iframes and embedded content - * 1. Reset responsiveness for embedded content - * 2. Center object - * Note: Percent values on the `top` property only works if this element - * is absolute positioned or if the container has a height - */ - -.uk-cover { - /* 1 */ - max-width: none; - /* 2 */ - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); -} - -iframe.uk-cover { pointer-events: none; } - - -/* Container - ========================================================================== */ - -/* - * 1. Parent container which clips resized object - * 2. Needed if the child is positioned absolute. See note above - */ - -.uk-cover-container { - /* 1 */ - overflow: hidden; - /* 2 */ - position: relative; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-cover-misc)) {@include hook-cover-misc();} - -// @mixin hook-cover-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/description-list.scss b/docs/_sass/uikit/components/description-list.scss deleted file mode 100644 index 6683286..0000000 --- a/docs/_sass/uikit/components/description-list.scss +++ /dev/null @@ -1,71 +0,0 @@ -// Name: Description list -// Description: Styles for description lists -// -// Component: `uk-description-list` -// -// Modifiers: `uk-description-list-divider` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$description-list-term-color: $global-emphasis-color !default; -$description-list-term-margin-top: $global-margin !default; - -$description-list-divider-term-margin-top: $global-margin !default; -$description-list-divider-term-border-width: $global-border-width !default; -$description-list-divider-term-border: $global-border !default; - - -/* ======================================================================== - Component: Description list - ========================================================================== */ - -/* - * Term - */ - -.uk-description-list > dt { - color: $description-list-term-color; - @if(mixin-exists(hook-description-list-term)) {@include hook-description-list-term();} -} - -.uk-description-list > dt:nth-child(n+2) { - margin-top: $description-list-term-margin-top; -} - -/* - * Description - */ - -.uk-description-list > dd { - @if(mixin-exists(hook-description-list-description)) {@include hook-description-list-description();} -} - - -/* Style modifier - ========================================================================== */ - -/* - * Line - */ - -.uk-description-list-divider > dt:nth-child(n+2) { - margin-top: $description-list-divider-term-margin-top; - padding-top: $description-list-divider-term-margin-top; - border-top: $description-list-divider-term-border-width solid $description-list-divider-term-border; - @if(mixin-exists(hook-description-list-divider-term)) {@include hook-description-list-divider-term();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-description-list-misc)) {@include hook-description-list-misc();} - -// @mixin hook-description-list-term(){} -// @mixin hook-description-list-description(){} -// @mixin hook-description-list-divider-term(){} -// @mixin hook-description-list-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/divider.scss b/docs/_sass/uikit/components/divider.scss deleted file mode 100644 index b51708c..0000000 --- a/docs/_sass/uikit/components/divider.scss +++ /dev/null @@ -1,129 +0,0 @@ -// Name: Divider -// Description: Styles for dividers -// -// Component: `uk-divider-icon` -// `uk-divider-small` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$divider-margin-vertical: $global-margin !default; - -$divider-icon-width: 50px !default; -$divider-icon-height: 20px !default; -$divider-icon-color: $global-border !default; -$divider-icon-line-top: 50% !default; -$divider-icon-line-width: 100% !default; -$divider-icon-line-border-width: $global-border-width !default; -$divider-icon-line-border: $global-border !default; - -$internal-divider-icon-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; - -$divider-small-width: 100px !default; -$divider-small-border-width: $global-border-width !default; -$divider-small-border: $global-border !default; - - -/* ======================================================================== - Component: Divider - ========================================================================== */ - -/* - * 1. Reset default `hr` - * 2. Set margin if a `div` is used for semantical reason - */ - -[class*='uk-divider'] { - /* 1 */ - border: none; - /* 2 */ - margin-bottom: $divider-margin-vertical; -} - -/* Add margin if adjacent element */ -* + [class*='uk-divider'] { margin-top: $divider-margin-vertical; } - - -/* Icon - ========================================================================== */ - -.uk-divider-icon { - position: relative; - height: $divider-icon-height; - @include svg-fill($internal-divider-icon-image, "#000", $divider-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - @if(mixin-exists(hook-divider-icon)) {@include hook-divider-icon();} -} - -.uk-divider-icon::before, -.uk-divider-icon::after { - content: ""; - position: absolute; - top: $divider-icon-line-top; - max-width: unquote('calc(50% - (#{$divider-icon-width} / 2))'); - border-bottom: $divider-icon-line-border-width solid $divider-icon-line-border; - @if(mixin-exists(hook-divider-icon-line)) {@include hook-divider-icon-line();} -} - -.uk-divider-icon::before { - right: unquote('calc(50% + (#{$divider-icon-width} / 2))'); - width: $divider-icon-line-width; - @if(mixin-exists(hook-divider-icon-line-left)) {@include hook-divider-icon-line-left();} -} - -.uk-divider-icon::after { - left: unquote('calc(50% + (#{$divider-icon-width} / 2))'); - width: $divider-icon-line-width; - @if(mixin-exists(hook-divider-icon-line-right)) {@include hook-divider-icon-line-right();} -} - - -/* Small - ========================================================================== */ - -/* - * Reset child height, caused by `inline-block` - */ - -.uk-divider-small { line-height: 0; } - -.uk-divider-small::after { - content: ""; - display: inline-block; - width: $divider-small-width; - max-width: 100%; - border-top: $divider-small-border-width solid $divider-small-border; - vertical-align: top; - @if(mixin-exists(hook-divider-small)) {@include hook-divider-small();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-divider-misc)) {@include hook-divider-misc();} - -// @mixin hook-divider-icon(){} -// @mixin hook-divider-icon-line(){} -// @mixin hook-divider-icon-line-left(){} -// @mixin hook-divider-icon-line-right(){} -// @mixin hook-divider-small(){} -// @mixin hook-divider-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-divider-icon-color: $inverse-global-border !default; -$inverse-divider-icon-line-border: $inverse-global-border !default; -$inverse-divider-small-border: $inverse-global-border !default; - - - -// @mixin hook-inverse-divider-icon(){} -// @mixin hook-inverse-divider-icon-line(){} -// @mixin hook-inverse-divider-small(){} diff --git a/docs/_sass/uikit/components/dotnav.scss b/docs/_sass/uikit/components/dotnav.scss deleted file mode 100644 index f1f2a40..0000000 --- a/docs/_sass/uikit/components/dotnav.scss +++ /dev/null @@ -1,157 +0,0 @@ -// Name: Dotnav -// Description: Component to create dot navigations -// -// Component: `uk-dotnav` -// -// Modifier: `uk-dotnav-vertical` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$dotnav-margin-horizontal: 12px !default; -$dotnav-margin-vertical: $dotnav-margin-horizontal !default; - -$dotnav-item-width: 10px !default; -$dotnav-item-height: $dotnav-item-width !default; -$dotnav-item-border-radius: 50% !default; - -$dotnav-item-background: rgba($global-color, 0.2) !default; -$dotnav-item-hover-background: rgba($global-color, 0.6) !default; -$dotnav-item-onclick-background: rgba($global-color, 0.2) !default; -$dotnav-item-active-background: rgba($global-color, 0.6) !default; - - -/* ======================================================================== - Component: Dotnav - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ - -.uk-dotnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: (-$dotnav-margin-horizontal); - @if(mixin-exists(hook-dotnav)) {@include hook-dotnav();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - */ - -.uk-dotnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $dotnav-margin-horizontal; -} - - -/* Items - ========================================================================== */ - -/* - * Items - * 1. Hide text if present - */ - -.uk-dotnav > * > * { - display: block; - box-sizing: border-box; - width: $dotnav-item-width; - height: $dotnav-item-height; - border-radius: $dotnav-item-border-radius; - background: $dotnav-item-background; - /* 1 */ - text-indent: 100%; - overflow: hidden; - white-space: nowrap; - @if(mixin-exists(hook-dotnav-item)) {@include hook-dotnav-item();} -} - -/* Hover + Focus */ -.uk-dotnav > * > :hover, -.uk-dotnav > * > :focus { - background-color: $dotnav-item-hover-background; - outline: none; - @if(mixin-exists(hook-dotnav-item-hover)) {@include hook-dotnav-item-hover();} -} - -/* OnClick */ -.uk-dotnav > * > :active { - background-color: $dotnav-item-onclick-background; - @if(mixin-exists(hook-dotnav-item-onclick)) {@include hook-dotnav-item-onclick();} -} - -/* Active */ -.uk-dotnav > .uk-active > * { - background-color: $dotnav-item-active-background; - @if(mixin-exists(hook-dotnav-item-active)) {@include hook-dotnav-item-active();} -} - - -/* Modifier: 'uk-dotnav-vertical' - ========================================================================== */ - -/* - * 1. Change direction - * 2. Gutter - */ - -.uk-dotnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: (-$dotnav-margin-vertical); -} - -/* 2 */ -.uk-dotnav-vertical > * { - padding-left: 0; - padding-top: $dotnav-margin-vertical; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-dotnav-misc)) {@include hook-dotnav-misc();} - -// @mixin hook-dotnav(){} -// @mixin hook-dotnav-item(){} -// @mixin hook-dotnav-item-hover(){} -// @mixin hook-dotnav-item-onclick(){} -// @mixin hook-dotnav-item-active(){} -// @mixin hook-dotnav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-dotnav-item-background: rgba($inverse-global-color, 0.5) !default; -$inverse-dotnav-item-hover-background: rgba($inverse-global-color, 0.9) !default; -$inverse-dotnav-item-onclick-background: rgba($inverse-global-color, 0.5) !default; -$inverse-dotnav-item-active-background: rgba($inverse-global-color, 0.9) !default; - - - -// @mixin hook-inverse-dotnav-item(){} -// @mixin hook-inverse-dotnav-item-hover(){} -// @mixin hook-inverse-dotnav-item-onclick(){} -// @mixin hook-inverse-dotnav-item-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/drop.scss b/docs/_sass/uikit/components/drop.scss deleted file mode 100644 index fb5e9e8..0000000 --- a/docs/_sass/uikit/components/drop.scss +++ /dev/null @@ -1,74 +0,0 @@ -// Name: Drop -// Description: Component to position any element next to any other element. -// -// Component: `uk-drop` -// -// Modifiers: `uk-drop-top-*` -// `uk-drop-bottom-*` -// `uk-drop-left-*` -// `uk-drop-right-*` -// `uk-drop-stack` -// `uk-drop-grid` -// -// States: `uk-open` -// -// Uses: Animation -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$drop-z-index: $global-z-index + 20 !default; -$drop-width: 300px !default; -$drop-margin: $global-margin !default; - - -/* ======================================================================== - Component: Drop - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Set position - * 3. Set a default width - */ - -.uk-drop { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: $drop-z-index; - /* 3 */ - box-sizing: border-box; - width: $drop-width; -} - -/* Show */ -.uk-drop.uk-open { display: block; } - - -/* Direction / Alignment modifiers - ========================================================================== */ - -/* Direction */ -[class*='uk-drop-top'] { margin-top: (-$drop-margin); } -[class*='uk-drop-bottom'] { margin-top: $drop-margin; } -[class*='uk-drop-left'] { margin-left: (-$drop-margin); } -[class*='uk-drop-right'] { margin-left: $drop-margin; } - - -/* Grid modifiers - ========================================================================== */ - -.uk-drop-stack .uk-drop-grid > * { width: 100% !important; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-drop-misc)) {@include hook-drop-misc();} - -// @mixin hook-drop-misc(){} diff --git a/docs/_sass/uikit/components/dropdown.scss b/docs/_sass/uikit/components/dropdown.scss deleted file mode 100644 index 49bb127..0000000 --- a/docs/_sass/uikit/components/dropdown.scss +++ /dev/null @@ -1,150 +0,0 @@ -// Name: Dropdown -// Description: Component to create dropdown menus -// -// Component: `uk-dropdown` -// -// Adopted: `uk-dropdown-nav` -// -// Modifiers: `uk-dropdown-top-*` -// `uk-dropdown-bottom-*` -// `uk-dropdown-left-*` -// `uk-dropdown-right-*` -// `uk-dropdown-stack` -// `uk-dropdown-grid` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$dropdown-z-index: $global-z-index + 20 !default; -$dropdown-min-width: 200px !default; -$dropdown-padding: 15px !default; -$dropdown-background: $global-muted-background !default; -$dropdown-color: $global-color !default; -$dropdown-margin: $global-small-margin !default; - -$dropdown-nav-item-color: $global-muted-color !default; -$dropdown-nav-item-hover-color: $global-color !default; -$dropdown-nav-header-color: $global-emphasis-color !default; -$dropdown-nav-divider-border-width: $global-border-width !default; -$dropdown-nav-divider-border: $global-border !default; -$dropdown-nav-sublist-item-color: $global-muted-color !default; -$dropdown-nav-sublist-item-hover-color: $global-color !default; - - -/* ======================================================================== - Component: Dropdown - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Set position - * 3. Set a default width - * 4. Style - */ - -.uk-dropdown { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: $dropdown-z-index; - /* 3 */ - box-sizing: border-box; - min-width: $dropdown-min-width; - /* 4 */ - padding: $dropdown-padding; - background: $dropdown-background; - color: $dropdown-color; - @if(mixin-exists(hook-dropdown)) {@include hook-dropdown();} -} - -/* Show */ -.uk-dropdown.uk-open { display: block; } - - -/* Nav - * Adopts `uk-nav` - ========================================================================== */ - -.uk-dropdown-nav { - white-space: nowrap; - @if(mixin-exists(hook-dropdown-nav)) {@include hook-dropdown-nav();} -} - -/* - * Items - */ - -.uk-dropdown-nav > li > a { - color: $dropdown-nav-item-color; - @if(mixin-exists(hook-dropdown-nav-item)) {@include hook-dropdown-nav-item();} -} - -/* Hover + Focus + Active */ -.uk-dropdown-nav > li > a:hover, -.uk-dropdown-nav > li > a:focus, -.uk-dropdown-nav > li.uk-active > a { - color: $dropdown-nav-item-hover-color; - @if(mixin-exists(hook-dropdown-nav-item-hover)) {@include hook-dropdown-nav-item-hover();} -} - -/* - * Header - */ - -.uk-dropdown-nav .uk-nav-header { - color: $dropdown-nav-header-color; - @if(mixin-exists(hook-dropdown-nav-header)) {@include hook-dropdown-nav-header();} -} - -/* - * Divider - */ - -.uk-dropdown-nav .uk-nav-divider { - border-top: $dropdown-nav-divider-border-width solid $dropdown-nav-divider-border; - @if(mixin-exists(hook-dropdown-nav-divider)) {@include hook-dropdown-nav-divider();} -} - -/* - * Sublists - */ - -.uk-dropdown-nav .uk-nav-sub a { color: $dropdown-nav-sublist-item-color; } - -.uk-dropdown-nav .uk-nav-sub a:hover, -.uk-dropdown-nav .uk-nav-sub a:focus { color: $dropdown-nav-sublist-item-hover-color; } - - -/* Direction / Alignment modifiers - ========================================================================== */ - -/* Direction */ -[class*='uk-dropdown-top'] { margin-top: (-$dropdown-margin); } -[class*='uk-dropdown-bottom'] { margin-top: $dropdown-margin; } -[class*='uk-dropdown-left'] { margin-left: (-$dropdown-margin); } -[class*='uk-dropdown-right'] { margin-left: $dropdown-margin; } - - -/* Grid modifiers - ========================================================================== */ - -.uk-dropdown-stack .uk-dropdown-grid > * { width: 100% !important; } - - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-dropdown-misc)) {@include hook-dropdown-misc();} - -// @mixin hook-dropdown(){} -// @mixin hook-dropdown-nav(){} -// @mixin hook-dropdown-nav-item(){} -// @mixin hook-dropdown-nav-item-hover(){} -// @mixin hook-dropdown-nav-header(){} -// @mixin hook-dropdown-nav-divider(){} -// @mixin hook-dropdown-misc(){} diff --git a/docs/_sass/uikit/components/flex.scss b/docs/_sass/uikit/components/flex.scss deleted file mode 100644 index 1301fc4..0000000 --- a/docs/_sass/uikit/components/flex.scss +++ /dev/null @@ -1,209 +0,0 @@ -// Name: Flex -// Description: Utilities for layouts based on flexbox -// -// Component: `uk-flex-*` -// -// ======================================================================== - - -/* ======================================================================== - Component: Flex - ========================================================================== */ - -.uk-flex { display: flex; } -.uk-flex-inline { display: inline-flex; } - -/* - * Remove pseudo elements created by micro clearfix as precaution - */ - -.uk-flex::before, -.uk-flex::after, -.uk-flex-inline::before, -.uk-flex-inline::after { display: none; } - - -/* Alignment - ========================================================================== */ - -/* - * Align items along the main axis of the current line of the flex container - * Row: Horizontal - */ - -// Default -.uk-flex-left { justify-content: flex-start; } -.uk-flex-center { justify-content: center; } -.uk-flex-right { justify-content: flex-end; } -.uk-flex-between { justify-content: space-between; } -.uk-flex-around { justify-content: space-around; } - - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-flex-left\@s { justify-content: flex-start; } - .uk-flex-center\@s { justify-content: center; } - .uk-flex-right\@s { justify-content: flex-end; } - .uk-flex-between\@s { justify-content: space-between; } - .uk-flex-around\@s { justify-content: space-around; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-flex-left\@m { justify-content: flex-start; } - .uk-flex-center\@m { justify-content: center; } - .uk-flex-right\@m { justify-content: flex-end; } - .uk-flex-between\@m { justify-content: space-between; } - .uk-flex-around\@m { justify-content: space-around; } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-flex-left\@l { justify-content: flex-start; } - .uk-flex-center\@l { justify-content: center; } - .uk-flex-right\@l { justify-content: flex-end; } - .uk-flex-between\@l { justify-content: space-between; } - .uk-flex-around\@l { justify-content: space-around; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-flex-left\@xl { justify-content: flex-start; } - .uk-flex-center\@xl { justify-content: center; } - .uk-flex-right\@xl { justify-content: flex-end; } - .uk-flex-between\@xl { justify-content: space-between; } - .uk-flex-around\@xl { justify-content: space-around; } - -} - -/* - * Align items in the cross axis of the current line of the flex container - * Row: Vertical - */ - -// Default -.uk-flex-stretch { align-items: stretch; } -.uk-flex-top { align-items: flex-start; } -.uk-flex-middle { align-items: center; } -.uk-flex-bottom { align-items: flex-end; } - - -/* Direction - ========================================================================== */ - -// Default -.uk-flex-row { flex-direction: row; } -.uk-flex-row-reverse { flex-direction: row-reverse; } -.uk-flex-column { flex-direction: column; } -.uk-flex-column-reverse { flex-direction: column-reverse; } - - -/* Wrap - ========================================================================== */ - -// Default -.uk-flex-nowrap { flex-wrap: nowrap; } -.uk-flex-wrap { flex-wrap: wrap; } -.uk-flex-wrap-reverse { flex-wrap: wrap-reverse; } - -/* - * Aligns items within the flex container when there is extra space in the cross-axis - * Only works if there is more than one line of flex items - */ - -// Default -.uk-flex-wrap-stretch { align-content: stretch; } -.uk-flex-wrap-top { align-content: flex-start; } -.uk-flex-wrap-middle { align-content: center; } -.uk-flex-wrap-bottom { align-content: flex-end; } -.uk-flex-wrap-between { align-content: space-between; } -.uk-flex-wrap-around { align-content: space-around; } - - -/* Item ordering - ========================================================================== */ - -/* - * Default is 0 - */ - -.uk-flex-first { order: -1;} -.uk-flex-last { order: 99;} - - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-flex-first\@s { order: -1; } - .uk-flex-last\@s { order: 99; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-flex-first\@m { order: -1; } - .uk-flex-last\@m { order: 99; } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-flex-first\@l { order: -1; } - .uk-flex-last\@l { order: 99; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-flex-first\@xl { order: -1; } - .uk-flex-last\@xl { order: 99; } - -} - - -/* Item dimensions - ========================================================================== */ - -/* - * Initial: 0 1 auto - * Content dimensions, but shrinks - */ - -/* - * No Flex: 0 0 auto - * Content dimensions - */ - -.uk-flex-none { flex: none; } - -/* - * Relative Flex: 1 1 auto - * Space is allocated considering content - */ - -.uk-flex-auto { flex: auto; } - -/* - * Absolute Flex: 1 1 0% - * Space is allocated solely based on flex - */ - -.uk-flex-1 { flex: 1; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-flex-misc)) {@include hook-flex-misc();} - -// @mixin hook-flex-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/form-range.scss b/docs/_sass/uikit/components/form-range.scss deleted file mode 100644 index f7a22a5..0000000 --- a/docs/_sass/uikit/components/form-range.scss +++ /dev/null @@ -1,185 +0,0 @@ -// Name: Form Range -// Description: Styles for the range input type -// -// Component: `uk-range` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$form-range-thumb-height: 15px !default; -$form-range-thumb-border-radius: 500px !default; -$form-range-thumb-background: $global-color !default; - -$form-range-track-height: 3px !default; -$form-range-track-background: darken($global-muted-background, 5%) !default; -$form-range-track-focus-background: darken($global-muted-background, 15%) !default; - - -/* ======================================================================== - Component: Form Range - ========================================================================== */ - -/* - * 1. Normalize and defaults - * 2. Prevent content overflow if a fixed width is used - * 3. Take the full width - * 4. Remove default style - * 5. Remove white background in Chrome - * 6. Remove padding in IE11 - */ - -.uk-range { - /* 1 */ - box-sizing: border-box; - margin: 0; - vertical-align: middle; - /* 2 */ - max-width: 100%; - /* 3 */ - width: 100%; - /* 4 */ - -webkit-appearance: none; - /* 5 */ - background: transparent; - /* 6 */ - padding: 0; - @if(mixin-exists(hook-form-range)) {@include hook-form-range();} -} - -/* Focus */ -.uk-range:focus { outline: none; } -.uk-range::-moz-focus-outer { border: none; } - -/* IE11 Reset */ -.uk-range::-ms-track { - height: $form-range-thumb-height; - background: transparent; - border-color: transparent; - color: transparent; -} - -/* - * Improves consistency of cursor style for clickable elements - */ - -.uk-range:not(:disabled)::-webkit-slider-thumb { cursor: pointer; } -.uk-range:not(:disabled)::-moz-range-thumb { cursor: pointer; } -.uk-range:not(:disabled)::-ms-thumb { cursor: pointer; } - - -/* Thumb - ========================================================================== */ - -/* - * 1. Reset - * 2. Style - */ - -/* Webkit */ -.uk-range::-webkit-slider-thumb { - /* 1 */ - -webkit-appearance: none; - margin-top: (floor($form-range-thumb-height / 2) * -1); - /* 2 */ - height: $form-range-thumb-height; - width: $form-range-thumb-height; - border-radius: $form-range-thumb-border-radius; - background: $form-range-thumb-background; - @if(mixin-exists(hook-form-range-thumb)) {@include hook-form-range-thumb();} -} - -/* Firefox */ -.uk-range::-moz-range-thumb { - /* 1 */ - border: none; - /* 2 */ - height: $form-range-thumb-height; - width: $form-range-thumb-height; - border-radius: $form-range-thumb-border-radius; - background: $form-range-thumb-background; - @if(mixin-exists(hook-form-range-thumb)) {@include hook-form-range-thumb();} -} - -/* Edge */ -.uk-range::-ms-thumb { - /* 1 */ - margin-top: 0; -} - -/* IE11 */ -.uk-range::-ms-thumb { - /* 1 */ - border: none; - /* 2 */ - height: $form-range-thumb-height; - width: $form-range-thumb-height; - border-radius: $form-range-thumb-border-radius; - background: $form-range-thumb-background; - @if(mixin-exists(hook-form-range-thumb)) {@include hook-form-range-thumb();} -} - -/* Edge + IE11 */ -.uk-range::-ms-tooltip { display: none; } - - -/* Track - ========================================================================== */ - -/* - * 1. Safari doesn't have a focus state. Using active instead. - */ - -/* Webkit */ -.uk-range::-webkit-slider-runnable-track { - height: $form-range-track-height; - background: $form-range-track-background; - @if(mixin-exists(hook-form-range-track)) {@include hook-form-range-track();} -} - -.uk-range:focus::-webkit-slider-runnable-track, -/* 1 */ -.uk-range:active::-webkit-slider-runnable-track { - background: $form-range-track-focus-background; - @if(mixin-exists(hook-form-range-track-focus)) {@include hook-form-range-track-focus();} -} - -/* Firefox */ -.uk-range::-moz-range-track { - height: $form-range-track-height; - background: $form-range-track-background; - @if(mixin-exists(hook-form-range-track)) {@include hook-form-range-track();} -} - -.uk-range:focus::-moz-range-track { - background: $form-range-track-focus-background; - @if(mixin-exists(hook-form-range-track-focus)) {@include hook-form-range-track-focus();} -} - -/* Edge */ -.uk-range::-ms-fill-lower, -.uk-range::-ms-fill-upper { - height: $form-range-track-height; - background: $form-range-track-background; - @if(mixin-exists(hook-form-range-track)) {@include hook-form-range-track();} -} - -.uk-range:focus::-ms-fill-lower, -.uk-range:focus::-ms-fill-upper { - background: $form-range-track-focus-background; - @if(mixin-exists(hook-form-range-track-focus)) {@include hook-form-range-track-focus();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-form-range-misc)) {@include hook-form-range-misc();} - -// @mixin hook-form-range(){} -// @mixin hook-form-range-thumb(){} -// @mixin hook-form-range-track(){} -// @mixin hook-form-range-track-focus(){} -// @mixin hook-form-range-misc(){} diff --git a/docs/_sass/uikit/components/form.scss b/docs/_sass/uikit/components/form.scss deleted file mode 100644 index e731cff..0000000 --- a/docs/_sass/uikit/components/form.scss +++ /dev/null @@ -1,756 +0,0 @@ -// Name: Form -// Description: Styles for forms -// -// Component: `uk-form-*` -// `uk-input` -// `uk-select` -// `uk-textarea` -// `uk-radio` -// `uk-checkbox` -// `uk-legend` -// `uk-fieldset` -// -// Sub-objects: `uk-form-custom` -// `uk-form-stacked` -// `uk-form-horizontal` -// `uk-form-label` -// `uk-form-controls` -// `uk-form-icon` -// `uk-form-icon-flip` -// -// Modifiers: `uk-form-small` -// `uk-form-large` -// `uk-form-danger` -// `uk-form-success` -// `uk-form-blank` -// `uk-form-width-xsmall` -// `uk-form-width-small` -// `uk-form-width-medium` -// `uk-form-width-large` -// `uk-form-controls-text` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$form-height: $global-control-height !default; -$form-line-height: $form-height !default; -$form-padding-horizontal: 10px !default; -$form-padding-vertical: 4px !default; - -$form-background: $global-muted-background !default; -$form-color: $global-color !default; - -$form-focus-background: $global-muted-background !default; -$form-focus-color: $global-color !default; - -$form-disabled-background: $global-muted-background !default; -$form-disabled-color: $global-muted-color !default; - -$form-placeholder-color: $global-muted-color !default; - -$form-small-height: $global-control-small-height !default; -$form-small-padding-horizontal: 8px !default; -$form-small-line-height: $form-small-height !default; -$form-small-font-size: $global-small-font-size !default; - -$form-large-height: $global-control-large-height !default; -$form-large-padding-horizontal: 12px !default; -$form-large-line-height: $form-large-height !default; -$form-large-font-size: $global-medium-font-size !default; - -$form-danger-color: $global-danger-background !default; -$form-success-color: $global-success-background !default; - -$form-width-xsmall: 50px !default; -$form-width-small: 130px !default; -$form-width-medium: 200px !default; -$form-width-large: 500px !default; - -$form-select-padding-right: 20px !default; -$form-select-icon-color: $global-color !default; -$form-select-disabled-icon-color: $global-muted-color !default; - -$form-radio-size: 16px !default; -$form-radio-margin-top: -4px !default; -$form-radio-background: darken($global-muted-background, 5%) !default; - -$form-radio-checked-background: $global-primary-background !default; -$form-radio-checked-icon-color: $global-inverse-color !default; - -$form-radio-checked-focus-background: darken($global-primary-background, 10%) !default; - -$form-radio-disabled-background: $global-muted-background !default; -$form-radio-disabled-icon-color: $global-muted-color !default; - -$form-legend-font-size: $global-large-font-size !default; -$form-legend-line-height: 1.4 !default; - -$form-stacked-margin-bottom: $global-small-margin !default; - -$form-horizontal-label-width: 200px !default; -$form-horizontal-label-margin-top: 7px !default; -$form-horizontal-controls-margin-left: 215px !default; -$form-horizontal-controls-text-padding-top: 7px !default; - -$form-icon-width: $form-height !default; -$form-icon-font-size: $global-font-size !default; -$form-icon-color: $global-muted-color !default; -$form-icon-hover-color: $global-color !default; - -$internal-form-select-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-radio-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-form-checkbox-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; - - -/* ======================================================================== - Component: Form - ========================================================================== */ - -/* - * 1. Define consistent box sizing. - * Default is `content-box` with following exceptions set to `border-box` - * `select`, `input[type="checkbox"]` and `input[type="radio"]` - * `input[type="search"]` in Chrome, Safari and Opera - * `input[type="color"]` in Firefox - * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. - * 3. Remove `border-radius` in iOS. - * 4. Change font properties to `inherit` in all browsers. - */ - -.uk-input, -.uk-select, -.uk-textarea, -.uk-radio, -.uk-checkbox { - /* 1 */ - box-sizing: border-box; - /* 2 */ - margin: 0; - /* 3 */ - border-radius: 0; - /* 4 */ - font: inherit; -} - -/* - * Show the overflow in Edge. - */ - -.uk-input { overflow: visible; } - -/* - * Remove the inheritance of text transform in Firefox. - */ - -.uk-select { text-transform: none; } - -/* - * 1. Change font properties to `inherit` in all browsers - * 2. Don't inherit the `font-weight` and use `bold` instead. - * NOTE: Both declarations don't work in Chrome, Safari and Opera. - */ - -.uk-select optgroup { - /* 1 */ - font: inherit; - /* 2 */ - font-weight: bold; -} - -/* - * Remove the default vertical scrollbar in IE 10+. - */ - -.uk-textarea { overflow: auto; } - -/* - * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. - */ - -.uk-input[type="search"]::-webkit-search-cancel-button, -.uk-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - - -/* - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -.uk-input[type="number"]::-webkit-inner-spin-button, -.uk-input[type="number"]::-webkit-outer-spin-button { height: auto; } - -/* - * Removes placeholder transparency in Firefox. - */ - -.uk-input::-moz-placeholder, -.uk-textarea::-moz-placeholder { opacity: 1; } - -/* - * Improves consistency of cursor style for clickable elements - */ - -.uk-radio:not(:disabled), -.uk-checkbox:not(:disabled) { cursor: pointer; } - -/* - * Define consistent border, margin, and padding. - */ - -.uk-fieldset { - border: none; - margin: 0; - padding: 0; -} - - -/* Input, select and textarea - * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, - `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` - * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` - ========================================================================== */ - -/* - * Remove default style in iOS. - */ - -.uk-input, -.uk-textarea { -webkit-appearance: none; } - -/* - * 1. Prevent content overflow if a fixed width is used - * 2. Take the full width - * 3. Reset default - * 4. Style - */ - -.uk-input, -.uk-select, -.uk-textarea { - /* 1 */ - max-width: 100%; - /* 2 */ - width: 100%; - /* 3 */ - border: 0 none; - /* 4 */ - padding: 0 $form-padding-horizontal; - background: $form-background; - color: $form-color; - @if(mixin-exists(hook-form)) {@include hook-form();} -} - -/* - * Single-line - * 1. Allow any element to look like an `input` or `select` element - * 2. Make sure line-height is not larger than height - * Also needed to center the text vertically - */ - -.uk-input, -.uk-select:not([multiple]):not([size]) { - height: $form-height; - vertical-align: middle; - /* 1 */ - display: inline-block; - @if(mixin-exists(hook-form-single-line)) {@include hook-form-single-line();} -} - -/* 2 */ -.uk-input:not(input), -.uk-select:not(select) { line-height: $form-line-height; } - -/* - * Multi-line - */ - -.uk-select[multiple], -.uk-select[size], -.uk-textarea { - padding-top: $form-padding-vertical; - padding-bottom: $form-padding-vertical; - vertical-align: top; - @if(mixin-exists(hook-form-multi-line)) {@include hook-form-multi-line();} -} - -/* Focus */ -.uk-input:focus, -.uk-select:focus, -.uk-textarea:focus { - outline: none; - background-color: $form-focus-background; - color: $form-focus-color; - @if(mixin-exists(hook-form-focus)) {@include hook-form-focus();} -} - -/* Disabled */ -.uk-input:disabled, -.uk-select:disabled, -.uk-textarea:disabled { - background-color: $form-disabled-background; - color: $form-disabled-color; - @if(mixin-exists(hook-form-disabled)) {@include hook-form-disabled();} -} - -/* - * Placeholder - */ - -.uk-input:-ms-input-placeholder { color: $form-placeholder-color !important; } -.uk-input::placeholder { color: $form-placeholder-color; } - -.uk-textarea:-ms-input-placeholder { color: $form-placeholder-color !important; } -.uk-textarea::placeholder { color: $form-placeholder-color; } - - -/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ - -/* - * Small - */ - -.uk-form-small { font-size: $form-small-font-size; } - -.uk-form-small:not(textarea):not([multiple]):not([size]) { - height: $form-small-height; - padding-left: $form-small-padding-horizontal; - padding-right: $form-small-padding-horizontal; -} - -.uk-form-small:not(select):not(input):not(textarea) { line-height: $form-small-line-height; } - -/* - * Large - */ - -.uk-form-large { font-size: $form-large-font-size; } - -.uk-form-large:not(textarea):not([multiple]):not([size]) { - height: $form-large-height; - padding-left: $form-large-padding-horizontal; - padding-right: $form-large-padding-horizontal; -} - -.uk-form-large:not(select):not(input):not(textarea) { line-height: $form-large-line-height; } - - -/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ - -/* - * Error - */ - -.uk-form-danger, -.uk-form-danger:focus { - color: $form-danger-color; - @if(mixin-exists(hook-form-danger)) {@include hook-form-danger();} -} - -/* - * Success - */ - -.uk-form-success, -.uk-form-success:focus { - color: $form-success-color; - @if(mixin-exists(hook-form-success)) {@include hook-form-success();} -} - -/* - * Blank - */ - -.uk-form-blank { - background: none; - @if(mixin-exists(hook-form-blank)) {@include hook-form-blank();} -} - -.uk-form-blank:focus { - @if(mixin-exists(hook-form-blank-focus)) {@include hook-form-blank-focus();} -} - - -/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) - ========================================================================== */ - -/* - * Fixed widths - * Different widths for mini sized `input` and `select` elements - */ - -input.uk-form-width-xsmall { width: $form-width-xsmall; } - -select.uk-form-width-xsmall { width: ($form-width-xsmall + 25px); } - -.uk-form-width-small { width: $form-width-small; } - -.uk-form-width-medium { width: $form-width-medium; } - -.uk-form-width-large { width: $form-width-large; } - - -/* Select - ========================================================================== */ - -/* - * 1. Remove default style. Also works in Firefox - * 2. Style - * 3. Remove default style in IE 10/11 - */ - -.uk-select:not([multiple]):not([size]) { - /* 1 */ - -webkit-appearance: none; - -moz-appearance: none; - /* 2 */ - padding-right: $form-select-padding-right; - @include svg-fill($internal-form-select-image, "#000", $form-select-icon-color); - background-repeat: no-repeat; - background-position: 100% 50%; -} - -/* 3 */ -.uk-select:not([multiple]):not([size])::-ms-expand { display: none; } - -/* - * Disabled - */ - -.uk-select:not([multiple]):not([size]):disabled { @include svg-fill($internal-form-select-image, "#000", $form-select-disabled-icon-color); } - - -/* Radio and checkbox - * Note: Does not work in IE11 - ========================================================================== */ - -/* - * 1. Style - * 2. Make box more robust so it clips the child element - * 3. Vertical alignment - * 4. Remove default style - * 5. Fix black background on iOS - * 6. Center icons - */ - -.uk-radio, -.uk-checkbox { - /* 1 */ - display: inline-block; - height: $form-radio-size; - width: $form-radio-size; - /* 2 */ - overflow: hidden; - /* 3 */ - margin-top: $form-radio-margin-top; - vertical-align: middle; - /* 4 */ - -webkit-appearance: none; - -moz-appearance: none; - /* 5 */ - background-color: $form-radio-background; - /* 6 */ - background-repeat: no-repeat; - background-position: 50% 50%; - @if(mixin-exists(hook-form-radio)) {@include hook-form-radio();} -} - -.uk-radio { border-radius: 50%; } - -/* Focus */ -.uk-radio:focus, -.uk-checkbox:focus { - outline: none; - @if(mixin-exists(hook-form-radio-focus)) {@include hook-form-radio-focus();} -} - -/* - * Checked - */ - -.uk-radio:checked, -.uk-checkbox:checked, -.uk-checkbox:indeterminate { - background-color: $form-radio-checked-background; - @if(mixin-exists(hook-form-radio-checked)) {@include hook-form-radio-checked();} -} - -/* Focus */ -.uk-radio:checked:focus, -.uk-checkbox:checked:focus, -.uk-checkbox:indeterminate:focus { - background-color: $form-radio-checked-focus-background; - @if(mixin-exists(hook-form-radio-checked-focus)) {@include hook-form-radio-checked-focus();} -} - -/* - * Icons - */ - -.uk-radio:checked { @include svg-fill($internal-form-radio-image, "#000", $form-radio-checked-icon-color); } -.uk-checkbox:checked { @include svg-fill($internal-form-checkbox-image, "#000", $form-radio-checked-icon-color); } -.uk-checkbox:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $form-radio-checked-icon-color); } - -/* - * Disabled - */ - -.uk-radio:disabled, -.uk-checkbox:disabled { - background-color: $form-radio-disabled-background; - @if(mixin-exists(hook-form-radio-disabled)) {@include hook-form-radio-disabled();} -} - -.uk-radio:disabled:checked { @include svg-fill($internal-form-radio-image, "#000", $form-radio-disabled-icon-color); } -.uk-checkbox:disabled:checked { @include svg-fill($internal-form-checkbox-image, "#000", $form-radio-disabled-icon-color); } -.uk-checkbox:disabled:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $form-radio-disabled-icon-color); } - - -/* Legend - ========================================================================== */ - -/* - * Legend - * 1. Behave like block element - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove padding so people aren't caught out if they zero out fieldsets. - * 4. Style - */ - -.uk-legend { - /* 1 */ - width: 100%; - /* 2 */ - color: inherit; - /* 3 */ - padding: 0; - /* 4 */ - font-size: $form-legend-font-size; - line-height: $form-legend-line-height; - @if(mixin-exists(hook-form-legend)) {@include hook-form-legend();} -} - - -/* Custom controls - ========================================================================== */ - -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Behave like most inline-block elements - */ - -.uk-form-custom { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; -} - -/* - * 1. Position and resize the form control to always cover its container - * 2. Required for Firefox for positioning to the left - * 3. Required for Webkit to make `height` work - * 4. Hide controle and show cursor - * 5. Needed for the cursor - * 6. Clip height caused by 5. Needed for Webkit only - */ - -.uk-form-custom select, -.uk-form-custom input[type="file"] { - /* 1 */ - position: absolute; - top: 0; - z-index: 1; - width: 100%; - height: 100%; - /* 2 */ - left: 0; - /* 3 */ - -webkit-appearance: none; - /* 4 */ - opacity: 0; - cursor: pointer; -} - -.uk-form-custom input[type="file"] { - /* 5 */ - font-size: 500px; - /* 6 */ - overflow: hidden; -} - - -/* Label - ========================================================================== */ - -.uk-form-label { - @if(mixin-exists(hook-form-label)) {@include hook-form-label();} -} - - -/* Layout - ========================================================================== */ - -/* - * Stacked - */ - -.uk-form-stacked .uk-form-label { - display: block; - margin-bottom: $form-stacked-margin-bottom; - @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();} -} - -/* - * Horizontal - */ - -/* Tablet portrait and smaller */ -@media (max-width: $breakpoint-small-max) { - - /* Behave like `uk-form-stacked` */ - .uk-form-horizontal .uk-form-label { - display: block; - margin-bottom: $form-stacked-margin-bottom; - @if(mixin-exists(hook-form-stacked-label)) {@include hook-form-stacked-label();} - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-form-horizontal .uk-form-label { - width: $form-horizontal-label-width; - margin-top: $form-horizontal-label-margin-top; - float: left; - @if(mixin-exists(hook-form-horizontal-label)) {@include hook-form-horizontal-label();} - } - - .uk-form-horizontal .uk-form-controls { margin-left: $form-horizontal-controls-margin-left; } - - /* Better vertical alignment if controls are checkboxes and radio buttons with text */ - .uk-form-horizontal .uk-form-controls-text { padding-top: $form-horizontal-controls-text-padding-top; } - -} - - -/* Icons - ========================================================================== */ - -/* - * 1. Set position - * 2. Set width - * 3. Center icon vertically and horizontally - * 4. Style - */ - -.uk-form-icon { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - width: $form-icon-width; - /* 3 */ - display: inline-flex; - justify-content: center; - align-items: center; - /* 4 */ - color: $form-icon-color; -} - -/* - * Required for `a`. - */ - -.uk-form-icon:hover { color: $form-icon-hover-color; } - -/* - * Make `input` element clickable through icon, e.g. if it's a `span` - */ - -.uk-form-icon:not(a):not(button):not(input) { pointer-events: none; } - -/* - * Input padding - */ - -.uk-form-icon:not(.uk-form-icon-flip) + .uk-input { padding-left: $form-icon-width !important; } - -/* - * Position modifier - */ - -.uk-form-icon-flip { - right: 0; - left: auto; -} - -.uk-form-icon-flip + .uk-input { padding-right: $form-icon-width !important; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-form-misc)) {@include hook-form-misc();} - -// @mixin hook-form(){} -// @mixin hook-form-single-line(){} -// @mixin hook-form-multi-line(){} -// @mixin hook-form-focus(){} -// @mixin hook-form-disabled(){} -// @mixin hook-form-danger(){} -// @mixin hook-form-success(){} -// @mixin hook-form-blank(){} -// @mixin hook-form-blank-focus(){} -// @mixin hook-form-radio(){} -// @mixin hook-form-radio-focus(){} -// @mixin hook-form-radio-checked(){} -// @mixin hook-form-radio-checked-focus(){} -// @mixin hook-form-radio-disabled(){} -// @mixin hook-form-legend(){} -// @mixin hook-form-label(){} -// @mixin hook-form-stacked-label(){} -// @mixin hook-form-horizontal-label(){} -// @mixin hook-form-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-form-background: $inverse-global-muted-background !default; -$inverse-form-color: $inverse-global-color !default; -$inverse-form-focus-background: $inverse-global-muted-background !default; -$inverse-form-focus-color: $inverse-global-color !default; -$inverse-form-placeholder-color: $inverse-global-muted-color !default; - -$inverse-form-select-icon-color: $inverse-global-color !default; - -$inverse-form-radio-background: darken($inverse-global-muted-background, 5%) !default; - -$inverse-form-radio-checked-background: $inverse-global-primary-background !default; -$inverse-form-radio-checked-icon-color: $inverse-global-inverse-color !default; - -$inverse-form-radio-checked-focus-background: darken($inverse-global-primary-background, 10%) !default; - - - -// @mixin hook-inverse-form(){} -// @mixin hook-inverse-form-focus(){} -// @mixin hook-inverse-form-radio(){} -// @mixin hook-inverse-form-radio-focus(){} -// @mixin hook-inverse-form-radio-checked(){} -// @mixin hook-inverse-form-radio-checked-focus(){} -// @mixin hook-inverse-form-label(){} diff --git a/docs/_sass/uikit/components/grid.scss b/docs/_sass/uikit/components/grid.scss deleted file mode 100644 index 455033c..0000000 --- a/docs/_sass/uikit/components/grid.scss +++ /dev/null @@ -1,352 +0,0 @@ -// Name: Grid -// Description: Component to create responsive, fluid and nestable grids -// -// Component: `uk-grid` -// -// Modifiers: `uk-grid-small` -// `uk-grid-medium` -// `uk-grid-large` -// `uk-grid-collapse` -// `uk-grid-divider` -// `uk-grid-match` -// `uk-grid-stack` -// `uk-grid-margin` -// `uk-grid-margin-small` -// `uk-grid-margin-medium` -// `uk-grid-margin-large` -// `uk-grid-margin-collapse` -// -// Sub-modifier: `uk-grid-item-match` -// -// States: `uk-first-column` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$grid-gutter-horizontal: $global-gutter !default; -$grid-gutter-vertical: $grid-gutter-horizontal !default; -$grid-gutter-horizontal-l: $global-medium-gutter !default; -$grid-gutter-vertical-l: $grid-gutter-horizontal-l !default; - -$grid-small-gutter-horizontal: $global-small-gutter !default; -$grid-small-gutter-vertical: $grid-small-gutter-horizontal !default; - -$grid-medium-gutter-horizontal: $global-gutter !default; -$grid-medium-gutter-vertical: $grid-medium-gutter-horizontal !default; - -$grid-large-gutter-horizontal: $global-medium-gutter !default; -$grid-large-gutter-vertical: $grid-large-gutter-horizontal !default; -$grid-large-gutter-horizontal-l: $global-large-gutter !default; -$grid-large-gutter-vertical-l: $grid-large-gutter-horizontal-l !default; - -$grid-divider-border-width: $global-border-width !default; -$grid-divider-border: $global-border !default; - - -/* ======================================================================== - Component: Grid - ========================================================================== */ - -/* - * 1. Allow cells to wrap into the next line - * 2. Reset list - */ - -.uk-grid { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; -} - -/* - * Grid cell - * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto - * Reset margin for e.g. paragraphs - */ - -.uk-grid > * { margin: 0; } - -/* - * Remove margin from the last-child - */ - -.uk-grid > * > :last-child { margin-bottom: 0; } - - -/* Gutter - ========================================================================== */ - -/* - * Default - */ - -/* Horizontal */ -.uk-grid { margin-left: (-$grid-gutter-horizontal); } -.uk-grid > * { padding-left: $grid-gutter-horizontal; } - -/* Vertical */ -.uk-grid + .uk-grid, -.uk-grid > .uk-grid-margin, -* + .uk-grid-margin { margin-top: $grid-gutter-vertical; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - /* Horizontal */ - .uk-grid { margin-left: (-$grid-gutter-horizontal-l); } - .uk-grid > * { padding-left: $grid-gutter-horizontal-l; } - - /* Vertical */ - .uk-grid + .uk-grid, - .uk-grid > .uk-grid-margin, - * + .uk-grid-margin { margin-top: $grid-gutter-vertical-l; } - -} - -/* - * Small - */ - -/* Horizontal */ -.uk-grid-small { margin-left: (-$grid-small-gutter-horizontal); } -.uk-grid-small > * { padding-left: $grid-small-gutter-horizontal; } - -/* Vertical */ -.uk-grid + .uk-grid-small, -.uk-grid-small > .uk-grid-margin, -* + .uk-grid-margin-small { margin-top: $grid-small-gutter-vertical; } - -/* - * Medium - */ - -/* Horizontal */ -.uk-grid-medium { margin-left: (-$grid-medium-gutter-horizontal); } -.uk-grid-medium > * { padding-left: $grid-medium-gutter-horizontal; } - -/* Vertical */ -.uk-grid + .uk-grid-medium, -.uk-grid-medium > .uk-grid-margin, -* + .uk-grid-margin-medium { margin-top: $grid-medium-gutter-vertical; } - -/* - * Large - */ - -/* Horizontal */ -.uk-grid-large { margin-left: (-$grid-large-gutter-horizontal); } -.uk-grid-large > * { padding-left: $grid-large-gutter-horizontal; } - -/* Vertical */ -.uk-grid + .uk-grid-large, -.uk-grid-large > .uk-grid-margin, -* + .uk-grid-margin-large { margin-top: $grid-large-gutter-vertical; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - /* Horizontal */ - .uk-grid-large { margin-left: (-$grid-large-gutter-horizontal-l); } - .uk-grid-large > * { padding-left: $grid-large-gutter-horizontal-l; } - - /* Vertical */ - .uk-grid + .uk-grid-large, - .uk-grid-large > .uk-grid-margin, - * + .uk-grid-margin-large { margin-top: $grid-large-gutter-vertical-l; } - -} - -/* - * Collapse - */ - -/* Horizontal */ -.uk-grid-collapse { margin-left: 0; } -.uk-grid-collapse > * { padding-left: 0; } - -/* Vertical */ -.uk-grid + .uk-grid-collapse, -.uk-grid-collapse > .uk-grid-margin { margin-top: 0; } - - -/* Divider - ========================================================================== */ - -.uk-grid-divider > * { position: relative; } - -.uk-grid-divider > :not(.uk-first-column)::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - border-left: $grid-divider-border-width solid $grid-divider-border; -} - -/* Vertical */ -.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - content: ""; - position: absolute; - left: 0; - right: 0; - border-top: $grid-divider-border-width solid $grid-divider-border; -} - -/* - * Default - */ - -/* Horizontal */ -.uk-grid-divider { margin-left: -($grid-gutter-horizontal * 2); } -.uk-grid-divider > * { padding-left: ($grid-gutter-horizontal * 2); } - -.uk-grid-divider > :not(.uk-first-column)::before { left: $grid-gutter-horizontal; } - -/* Vertical */ -.uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-gutter-vertical * 2); } - -.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-gutter-vertical); - left: ($grid-gutter-horizontal * 2); -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - /* Horizontal */ - .uk-grid-divider { margin-left: -($grid-gutter-horizontal-l * 2); } - .uk-grid-divider > * { padding-left: ($grid-gutter-horizontal-l * 2); } - - .uk-grid-divider > :not(.uk-first-column)::before { left: $grid-gutter-horizontal-l; } - - /* Vertical */ - .uk-grid-divider.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-gutter-vertical-l * 2); } - - .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-gutter-vertical-l); - left: ($grid-gutter-horizontal-l * 2); - } - -} - -/* - * Small - */ - -/* Horizontal */ -.uk-grid-divider.uk-grid-small { margin-left: -($grid-small-gutter-horizontal * 2); } -.uk-grid-divider.uk-grid-small > * { padding-left: ($grid-small-gutter-horizontal * 2); } - -.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before { left: $grid-small-gutter-horizontal; } - -/* Vertical */ -.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-small-gutter-vertical * 2); } - -.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-small-gutter-vertical); - left: ($grid-small-gutter-horizontal * 2); -} - -/* - * Medium - */ - -/* Horizontal */ -.uk-grid-divider.uk-grid-medium { margin-left: -($grid-medium-gutter-horizontal * 2); } -.uk-grid-divider.uk-grid-medium > * { padding-left: ($grid-medium-gutter-horizontal * 2); } - -.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before { left: $grid-medium-gutter-horizontal; } - -/* Vertical */ -.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-medium-gutter-vertical * 2); } - -.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-medium-gutter-vertical); - left: ($grid-medium-gutter-horizontal * 2); -} - -/* - * Large - */ - -/* Horizontal */ -.uk-grid-divider.uk-grid-large { margin-left: -($grid-large-gutter-horizontal * 2); } -.uk-grid-divider.uk-grid-large > * { padding-left: ($grid-large-gutter-horizontal * 2); } - -.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: $grid-large-gutter-horizontal; } - -/* Vertical */ -.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-large-gutter-vertical * 2); } - -.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-large-gutter-vertical); - left: ($grid-large-gutter-horizontal * 2); -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - /* Horizontal */ - .uk-grid-divider.uk-grid-large { margin-left: -($grid-large-gutter-horizontal-l * 2); } - .uk-grid-divider.uk-grid-large > * { padding-left: ($grid-large-gutter-horizontal-l * 2); } - - .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before { left: $grid-large-gutter-horizontal-l; } - - /* Vertical */ - .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin { margin-top: ($grid-large-gutter-vertical-l * 2); } - - .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { - top: (-$grid-large-gutter-vertical-l); - left: ($grid-large-gutter-horizontal-l * 2); - } - -} - - -/* Match child of a grid cell - ========================================================================== */ - -/* - * Behave like a block element - * 1. Wrap into the next line - * 2. Take the full width, at least 100%. Only if no class from the Width component is set. - * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) - */ - -.uk-grid-match > *, -.uk-grid-item-match { - display: flex; - /* 1 */ - flex-wrap: wrap; -} - -.uk-grid-match > * > :not([class*='uk-width']), -.uk-grid-item-match > :not([class*='uk-width']) { - /* 2 */ - box-sizing: border-box; - width: 100%; - /* 3 */ - flex: auto; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-grid-misc)) {@include hook-grid-misc();} - -// @mixin hook-grid-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-grid-divider-border: $inverse-global-border !default; - - diff --git a/docs/_sass/uikit/components/heading.scss b/docs/_sass/uikit/components/heading.scss deleted file mode 100644 index 97f1c18..0000000 --- a/docs/_sass/uikit/components/heading.scss +++ /dev/null @@ -1,214 +0,0 @@ -// Name: Heading -// Description: Styles for headings -// -// Component: `uk-heading-primary` -// `uk-heading-hero` -// `uk-heading-divider` -// `uk-heading-bullet` -// `uk-heading-line` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$heading-primary-font-size: $global-xxlarge-font-size !default; -$heading-primary-line-height: 1.2 !default; - -$heading-primary-font-size-m: 3.75rem !default; // 54px -$heading-primary-line-height-m: 1.1 !default; - -$heading-hero-font-size: 4rem !default; // 64px -$heading-hero-line-height: 1.1 !default; - -$heading-hero-font-size-s: 6rem !default; // 96px -$heading-hero-line-height-s: 1 !default; - -$heading-hero-font-size-m: 8rem !default; // 128px -$heading-hero-line-height-m: 1 !default; - -$heading-divider-padding-bottom: 10px !default; -$heading-divider-border-width: $global-border-width !default; -$heading-divider-border: $global-border !default; - -$heading-bullet-top: unquote('calc(-0.1 * 1em)') !default; -$heading-bullet-height: 0.9em !default; -$heading-bullet-margin-right: 10px !default; -$heading-bullet-border-width: 5px !default; -$heading-bullet-border: $global-border !default; - -$heading-line-top: 50% !default; -$heading-line-height: $heading-line-border-width !default; -$heading-line-width: 2000px !default; -$heading-line-border-width: $global-border-width !default; -$heading-line-border: $global-border !default; -$heading-line-margin-horizontal: 0.6em !default; - - -/* ======================================================================== - Component: Heading - ========================================================================== */ - - -/* Primary - ========================================================================== */ - -.uk-heading-primary { - font-size: $heading-primary-font-size; - line-height: $heading-primary-line-height; - @if(mixin-exists(hook-heading-primary)) {@include hook-heading-primary();} -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-heading-primary { - font-size: $heading-primary-font-size-m; - line-height: $heading-primary-line-height-m; - } - -} - - -/* Hero - ========================================================================== */ - -.uk-heading-hero { - font-size: $heading-hero-font-size; - line-height: $heading-hero-line-height; - @if(mixin-exists(hook-heading-hero)) {@include hook-heading-hero();} -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-heading-hero { - font-size: $heading-hero-font-size-s; - line-height: $heading-hero-line-height-s; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-heading-hero { - font-size: $heading-hero-font-size-m; - line-height: $heading-hero-line-height-m; - } - -} - - -/* Divider - ========================================================================== */ - -.uk-heading-divider { - padding-bottom: $heading-divider-padding-bottom; - border-bottom: $heading-divider-border-width solid $heading-divider-border; - @if(mixin-exists(hook-heading-divider)) {@include hook-heading-divider();} -} - - -/* Bullet - ========================================================================== */ - -.uk-heading-bullet { position: relative; } - -/* - * 1. Using `inline-block` to make it work with text alignment - * 2. Center vertically - * 3. Style - */ - -.uk-heading-bullet::before { - content: ""; - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - top: $heading-bullet-top; - vertical-align: middle; - /* 3 */ - height: $heading-bullet-height; - margin-right: $heading-bullet-margin-right; - border-left: $heading-bullet-border-width solid $heading-bullet-border; - @if(mixin-exists(hook-heading-bullet)) {@include hook-heading-bullet();} -} - - -/* Line - ========================================================================== */ - -/* - * Clip the child element - */ - -.uk-heading-line { overflow: hidden; } - -/* - * Extra markup is needed to make it work with text align - */ - -.uk-heading-line > * { - display: inline-block; - position: relative; -} - -/* - * 1. Center vertically - * 2. Make the element as large as possible. It's clipped by the container. - * 3. Style - */ - -.uk-heading-line > ::before, -.uk-heading-line > ::after { - content: ""; - /* 1 */ - position: absolute; - top: unquote('calc(#{$heading-line-top} - (#{$heading-line-height} / 2))'); - /* 2 */ - width: $heading-line-width; - /* 3 */ - border-bottom: $heading-line-border-width solid $heading-line-border; - @if(mixin-exists(hook-heading-line)) {@include hook-heading-line();} -} - -.uk-heading-line > ::before { - right: 100%; - margin-right: $heading-line-margin-horizontal; -} -.uk-heading-line > ::after { - left: 100%; - margin-left: $heading-line-margin-horizontal; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-heading-misc)) {@include hook-heading-misc();} - -// @mixin hook-heading-primary(){} -// @mixin hook-heading-hero(){} -// @mixin hook-heading-divider(){} -// @mixin hook-heading-bullet(){} -// @mixin hook-heading-line(){} -// @mixin hook-heading-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-heading-divider-border: $inverse-global-border !default; -$inverse-heading-bullet-border: $inverse-global-border !default; -$inverse-heading-line-border: $inverse-global-border !default; - - - -// @mixin hook-inverse-heading-primary(){} -// @mixin hook-inverse-heading-hero(){} -// @mixin hook-inverse-heading-divider(){} -// @mixin hook-inverse-heading-bullet(){} -// @mixin hook-inverse-heading-line(){} diff --git a/docs/_sass/uikit/components/icon.scss b/docs/_sass/uikit/components/icon.scss deleted file mode 100644 index 2ff70ec..0000000 --- a/docs/_sass/uikit/components/icon.scss +++ /dev/null @@ -1,223 +0,0 @@ -// Name: Icon -// Description: Component to create icons -// -// Component: `uk-icon` -// -// Modifiers: `uk-icon-image` -// `uk-icon-link` -// `uk-icon-button` -// -// States: `uk-preserve` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$icon-image-size: 20px !default; - -$icon-link-color: $global-muted-color !default; -$icon-link-hover-color: $global-color !default; -$icon-link-active-color: darken($global-color, 5%) !default; - -$icon-button-size: 36px !default; -$icon-button-border-radius: 500px !default; -$icon-button-background: $global-muted-background !default; -$icon-button-color: $global-muted-color !default; - -$icon-button-hover-background: darken($icon-button-background, 5%) !default; -$icon-button-hover-color: $global-color !default; - -$icon-button-active-background: darken($icon-button-background, 10%) !default; -$icon-button-active-color: $global-color !default; - - -/* ======================================================================== - Component: Icon - ========================================================================== */ - -/* - * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. - * 1. Remove margins in Chrome, Safari and Opera. - * 2. Remove borders for `button`. - * 3. Remove border-radius in Chrome. - * 4. Address `overflow` set to `hidden` in IE. - * 5. Correct `font` properties and `color` not being inherited for `button`. - * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. - * 7. Remove default `button` padding and background color - * 8. Style - * 9. Fill all SVG elements with the current text color if no `fill` attribute is set - * 10. Let the container fit the height of the icon - */ - -.uk-icon { - /* 1 */ - margin: 0; - /* 2 */ - border: none; - /* 3 */ - border-radius: 0; - /* 4 */ - overflow: visible; - /* 5 */ - font: inherit; - color: inherit; - /* 6 */ - text-transform: none; - /* 7. */ - padding: 0; - background-color: transparent; - /* 8 */ - display: inline-block; - /* 9 */ - fill: currentcolor; - /* 10 */ - line-height: 0; -} - -/* Required for `button`. */ -button.uk-icon:not(:disabled) { cursor: pointer; } - -/* - * Remove the inner border and padding in Firefox. - */ - -.uk-icon::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* - * Set the fill and stroke color of all SVG elements to the current text color - * 1. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+ - */ - -.uk-icon [fill*='#']:not(.uk-preserve), -.uk-icon [FILL*='#']:not(.uk-preserve) { fill: currentcolor; } // 1 -.uk-icon [stroke*='#']:not(.uk-preserve), -.uk-icon [STROKE*='#']:not(.uk-preserve) { stroke: currentcolor; } // 1 - -/* - * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 - */ - -.uk-icon > * { transform: translate(0,0); } - - -/* Image modifier - ========================================================================== */ - -/* - * Display images in icon dimensions - */ - -.uk-icon-image { - width: $icon-image-size; - height: $icon-image-size; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - vertical-align: middle; -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Link - */ - -.uk-icon-link { - color: $icon-link-color; - @if(mixin-exists(hook-icon-link)) {@include hook-icon-link();} -} - -.uk-icon-link:hover, -.uk-icon-link:focus { - color: $icon-link-hover-color; - outline: none; - @if(mixin-exists(hook-icon-link-hover)) {@include hook-icon-link-hover();} -} - -/* OnClick + Active */ -.uk-icon-link:active, -.uk-active > .uk-icon-link { - color: $icon-link-active-color; - @if(mixin-exists(hook-icon-link-active)) {@include hook-icon-link-active();} -} - -/* - * Button - * 1. Center icon vertically and horizontally - */ - -.uk-icon-button { - box-sizing: border-box; - width: $icon-button-size; - height: $icon-button-size; - border-radius: $icon-button-border-radius; - background: $icon-button-background; - color: $icon-button-color; - vertical-align: middle; - /* 1 */ - display: inline-flex; - justify-content: center; - align-items: center; - @if(mixin-exists(hook-icon-button)) {@include hook-icon-button();} -} - -/* Hover + Focus */ -.uk-icon-button:hover, -.uk-icon-button:focus { - background-color: $icon-button-hover-background; - color: $icon-button-hover-color; - outline: none; - @if(mixin-exists(hook-icon-button-hover)) {@include hook-icon-button-hover();} -} - -/* OnClick + Active */ -.uk-icon-button:active, -.uk-active > .uk-icon-button { - background-color: $icon-button-active-background; - color: $icon-button-active-color; - @if(mixin-exists(hook-icon-button-active)) {@include hook-icon-button-active();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-icon-misc)) {@include hook-icon-misc();} - -// @mixin hook-icon-link(){} -// @mixin hook-icon-link-hover(){} -// @mixin hook-icon-link-active(){} -// @mixin hook-icon-button(){} -// @mixin hook-icon-button-hover(){} -// @mixin hook-icon-button-active(){} -// @mixin hook-icon-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-icon-link-color: $inverse-global-muted-color !default; -$inverse-icon-link-hover-color: $inverse-global-color !default; -$inverse-icon-link-active-color: $inverse-global-color !default; -$inverse-icon-button-background: $inverse-global-muted-background !default; -$inverse-icon-button-color: $inverse-global-muted-color !default; -$inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default; -$inverse-icon-button-hover-color: $inverse-global-color !default; -$inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default; -$inverse-icon-button-active-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-icon-link(){} -// @mixin hook-inverse-icon-link-hover(){} -// @mixin hook-inverse-icon-link-active(){} -// @mixin hook-inverse-icon-button(){} -// @mixin hook-inverse-icon-button-hover(){} -// @mixin hook-inverse-icon-button-active(){} diff --git a/docs/_sass/uikit/components/iconnav.scss b/docs/_sass/uikit/components/iconnav.scss deleted file mode 100644 index ae739c9..0000000 --- a/docs/_sass/uikit/components/iconnav.scss +++ /dev/null @@ -1,140 +0,0 @@ -// Name: Iconnav -// Description: Component to create icon navigations -// -// Component: `uk-iconnav` -// -// Modifier: `uk-iconnav-vertical` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$iconnav-margin-horizontal: $global-small-margin !default; -$iconnav-margin-vertical: $iconnav-margin-horizontal !default; - -$iconnav-item-color: $global-muted-color !default; - -$iconnav-item-hover-color: $global-color !default; - -$iconnav-item-active-color: $global-color !default; - - -/* ======================================================================== - Component: Iconnav - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ - -.uk-iconnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: (-$iconnav-margin-horizontal); - @if(mixin-exists(hook-iconnav)) {@include hook-iconnav();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - */ - -.uk-iconnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $iconnav-margin-horizontal; -} - - -/* Items - ========================================================================== */ - -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * 1. Prevent gap if child element is `inline-block`, e.g. an icon - * 2. Style - */ - -.uk-iconnav > * > a { - /* 1 */ - display: block; - /* 2 */ - color: $iconnav-item-color; - @if(mixin-exists(hook-iconnav-item)) {@include hook-iconnav-item();} -} - -/* Hover + Focus */ -.uk-iconnav > * > a:hover, -.uk-iconnav > * > a:focus { - color: $iconnav-item-hover-color; - outline: none; - @if(mixin-exists(hook-iconnav-item-hover)) {@include hook-iconnav-item-hover();} -} - -/* Active */ -.uk-iconnav > .uk-active > a { - color: $iconnav-item-active-color; - @if(mixin-exists(hook-iconnav-item-active)) {@include hook-iconnav-item-active();} -} - - -/* Modifier: 'uk-iconnav-vertical' - ========================================================================== */ - -/* - * 1. Change direction - * 2. Gutter - */ - -.uk-iconnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: (-$iconnav-margin-vertical); -} - -/* 2 */ -.uk-iconnav-vertical > * { - padding-left: 0; - padding-top: $iconnav-margin-vertical; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-iconnav-misc)) {@include hook-iconnav-misc();} - -// @mixin hook-iconnav(){} -// @mixin hook-iconnav-item(){} -// @mixin hook-iconnav-item-hover(){} -// @mixin hook-iconnav-item-active(){} -// @mixin hook-iconnav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-iconnav-item-color: $inverse-global-muted-color !default; -$inverse-iconnav-item-hover-color: $inverse-global-color !default; -$inverse-iconnav-item-active-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-iconnav-item(){} -// @mixin hook-inverse-iconnav-item-hover(){} -// @mixin hook-inverse-iconnav-item-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/inverse.scss b/docs/_sass/uikit/components/inverse.scss deleted file mode 100644 index c1b0c07..0000000 --- a/docs/_sass/uikit/components/inverse.scss +++ /dev/null @@ -1,46 +0,0 @@ -// Name: Inverse -// Description: Inverse component style for light or dark backgrounds -// -// Component: `uk-light` -// `uk-dark` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$inverse-global-color-mode: light !default; - -$inverse-global-color: rgba($global-inverse-color, 0.7) !default; -$inverse-global-emphasis-color: $global-inverse-color !default; -$inverse-global-muted-color: rgba($global-inverse-color, 0.5) !default; -$inverse-global-inverse-color: $global-color !default; - -$inverse-global-primary-background: $global-inverse-color !default; -$inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default; - -$inverse-global-border: rgba($global-inverse-color, 0.2) !default; - - -/* ======================================================================== - Component: Inverse - ========================================================================== */ - - - -/* - * Implemented class depends on the general theme color - * `uk-light` is for light colors on dark backgrounds - * `uk-dark` is or dark colors on light backgrounds - */ - -@if ($inverse-global-color-mode == light) { .uk-light { @if(mixin-exists(hook-inverse)) {@include hook-inverse();}}} - -@if ($inverse-global-color-mode == dark) { .uk-dark { @if(mixin-exists(hook-inverse)) {@include hook-inverse();}}} - - -// Hooks -// ======================================================================== - -// @mixin hook-inverse(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/label.scss b/docs/_sass/uikit/components/label.scss deleted file mode 100644 index 6600aed..0000000 --- a/docs/_sass/uikit/components/label.scss +++ /dev/null @@ -1,102 +0,0 @@ -// Name: Label -// Description: Component to indicate important notes -// -// Component: `uk-label` -// -// Modifiers: `uk-label-success` -// `uk-label-warning` -// `uk-label-danger` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$label-padding-vertical: 0 !default; -$label-padding-horizontal: $global-small-margin !default; -$label-background: $global-primary-background !default; -$label-line-height: $global-line-height !default; -$label-font-size: $global-small-font-size !default; -$label-color: $global-inverse-color !default; - -$label-success-background: $global-success-background !default; -$label-success-color: $global-inverse-color !default; -$label-warning-background: $global-warning-background !default; -$label-warning-color: $global-inverse-color !default; -$label-danger-background: $global-danger-background !default; -$label-danger-color: $global-inverse-color !default; - - -/* ======================================================================== - Component: Label - ========================================================================== */ - -.uk-label { - display: inline-block; - padding: $label-padding-vertical $label-padding-horizontal; - background: $label-background; - line-height: $label-line-height; - font-size: $label-font-size; - color: $label-color; - vertical-align: middle; - white-space: nowrap; - @if(mixin-exists(hook-label)) {@include hook-label();} -} - - -/* Color modifiers - ========================================================================== */ - -/* - * Success - */ - -.uk-label-success { - background-color: $label-success-background; - color: $label-success-color; - @if(mixin-exists(hook-label-success)) {@include hook-label-success();} -} - -/* - * Warning - */ - -.uk-label-warning { - background-color: $label-warning-background; - color: $label-warning-color; - @if(mixin-exists(hook-label-warning)) {@include hook-label-warning();} -} - -/* - * Danger - */ - -.uk-label-danger { - background-color: $label-danger-background; - color: $label-danger-color; - @if(mixin-exists(hook-label-danger)) {@include hook-label-danger();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-label-misc)) {@include hook-label-misc();} - -// @mixin hook-label(){} -// @mixin hook-label-success(){} -// @mixin hook-label-warning(){} -// @mixin hook-label-danger(){} -// @mixin hook-label-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-label-background: $inverse-global-primary-background !default; -$inverse-label-color: $inverse-global-inverse-color !default; - - - -// @mixin hook-inverse-label(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/lightbox.scss b/docs/_sass/uikit/components/lightbox.scss deleted file mode 100644 index 4f9c698..0000000 --- a/docs/_sass/uikit/components/lightbox.scss +++ /dev/null @@ -1,232 +0,0 @@ -// Name: Lightbox -// Description: Component to create an lightbox image gallery -// -// Component: `uk-lightbox` -// -// Sub-objects: `uk-lightbox-page` -// `uk-lightbox-items` -// `uk-lightbox-toolbar` -// `uk-lightbox-toolbar-icon` -// `uk-lightbox-button` -// `uk-lightbox-caption` -// `uk-lightbox-iframe` -// -// States: `uk-open` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$lightbox-z-index: $global-z-index + 10 !default; -$lightbox-background: #000 !default; - -$lightbox-item-color: rgba(255,255,255,0.7) !default; - -$lightbox-toolbar-padding-vertical: 10px !default; -$lightbox-toolbar-padding-horizontal: 10px !default; -$lightbox-toolbar-background: rgba(0,0,0,0.3) !default; -$lightbox-toolbar-color: rgba(255,255,255,0.7) !default; - -$lightbox-toolbar-icon-padding: 5px !default; -$lightbox-toolbar-icon-color: rgba(255,255,255,0.7) !default; - -$lightbox-toolbar-icon-hover-color: #fff !default; - -$lightbox-button-size: 50px !default; -$lightbox-button-background: $lightbox-toolbar-background !default; -$lightbox-button-color: rgba(255,255,255,0.7) !default; - -$lightbox-button-hover-color: #fff !default; - - -/* ======================================================================== - Component: Lightbox - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Set position - * 3. Allow scrolling for the modal dialog - * 4. Horizontal padding - * 5. Mask the background page - * 6. Fade-in transition - */ - -.uk-lightbox { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: $lightbox-z-index; - /* 5 */ - background: $lightbox-background; - /* 6 */ - opacity: 0; - transition: opacity 0.15s linear; - @if(mixin-exists(hook-lightbox)) {@include hook-lightbox();} -} - -/* - * Open - * 1. Center child - * 2. Fade-in - */ - -.uk-lightbox.uk-open { - display: block; - /* 2 */ - opacity: 1; -} - - -/* Page - ========================================================================== */ - -/* - * Prevent scrollbars - */ - -.uk-lightbox-page { overflow: hidden; } - - -/* Item - ========================================================================== */ - -/* - * 1. Center child within the viewport - * 2. Not visible by default - * 3. Color needed for spinner icon - * 4. Optimize animation - * 5. Responsiveness - * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera - * Using `vh` and `vw` to make responsive image work in IE11 - */ - -.uk-lightbox-items > * { - /* 1 */ - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - /* 2 */ - display: none; - justify-content: center; - align-items: center; - /* 3 */ - color: $lightbox-item-color; - /* 4 */ - will-change: transform, opacity; - @if(mixin-exists(hook-lightbox-item)) {@include hook-lightbox-item();} -} - -/* 5 */ -.uk-lightbox-items > * > * { - max-width: 100vw; - max-height: 100vh; -} - -.uk-lightbox-items > * > :not(iframe) { - width: auto; - height: auto; -} - -.uk-lightbox-items > .uk-active { display: flex; } - -/* Toolbar - ========================================================================== */ - -.uk-lightbox-toolbar { - padding: $lightbox-toolbar-padding-vertical $lightbox-toolbar-padding-horizontal; - background: $lightbox-toolbar-background; - color: $lightbox-toolbar-color; - @if(mixin-exists(hook-lightbox-toolbar)) {@include hook-lightbox-toolbar();} -} - -.uk-lightbox-toolbar * { color: $lightbox-toolbar-color; } - - -/* Toolbar Icon (Close) - ========================================================================== */ - -.uk-lightbox-toolbar-icon { - padding: $lightbox-toolbar-icon-padding; - color: $lightbox-toolbar-icon-color; - @if(mixin-exists(hook-lightbox-toolbar-icon)) {@include hook-lightbox-toolbar-icon();} -} - -/* - * Hover - */ - -.uk-lightbox-toolbar-icon:hover { - color: $lightbox-toolbar-icon-hover-color; - @if(mixin-exists(hook-lightbox-toolbar-icon-hover)) {@include hook-lightbox-toolbar-icon-hover();} -} - - - -/* Button (Slidenav) - ========================================================================== */ - -/* - * 1. Center icon vertically and horizontally - */ - -.uk-lightbox-button { - box-sizing: border-box; - width: $lightbox-button-size; - height: $lightbox-button-size; - background: $lightbox-button-background; - color: $lightbox-button-color; - /* 1 */ - display: inline-flex; - justify-content: center; - align-items: center; - @if(mixin-exists(hook-lightbox-button)) {@include hook-lightbox-button();} -} - -/* - * Hover - */ - -.uk-lightbox-button:hover { - color: $lightbox-button-hover-color; - @if(mixin-exists(hook-lightbox-button-hover)) {@include hook-lightbox-button-hover();} -} - - -/* Caption - ========================================================================== */ - -.uk-lightbox-caption {} - - -/* Iframe - ========================================================================== */ - -.uk-lightbox-iframe { - width: 80%; - height: 80%; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-lightbox-misc)) {@include hook-lightbox-misc();} - -// @mixin hook-lightbox(){} -// @mixin hook-lightbox-item(){} -// @mixin hook-lightbox-toolbar(){} -// @mixin hook-lightbox-toolbar-icon(){} -// @mixin hook-lightbox-toolbar-icon-hover(){} -// @mixin hook-lightbox-button(){} -// @mixin hook-lightbox-button-hover(){} -// @mixin hook-lightbox-misc(){} diff --git a/docs/_sass/uikit/components/link.scss b/docs/_sass/uikit/components/link.scss deleted file mode 100644 index 9e0ef0e..0000000 --- a/docs/_sass/uikit/components/link.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Name: Link -// Description: Styles for links -// -// Component: `uk-link-muted` -// `uk-link-text` -// `uk-link-heading` -// `uk-link-reset` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$link-muted-color: $global-muted-color !default; -$link-muted-hover-color: $global-color !default; - -$link-text-hover-color: $global-muted-color !default; - -$link-heading-hover-color: $global-primary-background !default; -$link-heading-hover-text-decoration: none !default; - - -/* ======================================================================== - Component: Link - ========================================================================== */ - - -/* Muted - ========================================================================== */ - -a.uk-link-muted, -.uk-link-muted a { - color: $link-muted-color; - @if(mixin-exists(hook-link-muted)) {@include hook-link-muted();} -} - -a.uk-link-muted:hover, -.uk-link-muted a:hover { - color: $link-muted-hover-color; - @if(mixin-exists(hook-link-muted-hover)) {@include hook-link-muted-hover();} -} - - -/* Text - ========================================================================== */ - -a.uk-link-text:not(:hover), -.uk-link-text a:not(:hover) { - color: inherit; - @if(mixin-exists(hook-link-text)) {@include hook-link-text();} -} - -a.uk-link-text:hover, -.uk-link-text a:hover { - color: $link-text-hover-color; - @if(mixin-exists(hook-link-text-hover)) {@include hook-link-text-hover();} -} - - -/* Heading - ========================================================================== */ - -a.uk-link-heading:not(:hover), -.uk-link-heading a:not(:hover) { - color: inherit; - @if(mixin-exists(hook-link-heading)) {@include hook-link-heading();} -} - -a.uk-link-heading:hover, -.uk-link-heading a:hover { - color: $link-heading-hover-color; - text-decoration: $link-heading-hover-text-decoration; - @if(mixin-exists(hook-link-heading-hover)) {@include hook-link-heading-hover();} -} - - -/* Reset - ========================================================================== */ - -/* - * `!important` needed to override inverse component - */ - -a.uk-link-reset, -a.uk-link-reset:hover, -.uk-link-reset a, -.uk-link-reset a:hover { - color: inherit !important; - text-decoration: none !important; - @if(mixin-exists(hook-link-reset)) {@include hook-link-reset();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-link-misc)) {@include hook-link-misc();} - -// @mixin hook-link-muted(){} -// @mixin hook-link-muted-hover(){} -// @mixin hook-link-text(){} -// @mixin hook-link-text-hover(){} -// @mixin hook-link-heading(){} -// @mixin hook-link-heading-hover(){} -// @mixin hook-link-reset(){} -// @mixin hook-link-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-link-muted-color: $inverse-global-muted-color !default; -$inverse-link-muted-hover-color: $inverse-global-color !default; -$inverse-link-text-hover-color: $inverse-global-muted-color !default; -$inverse-link-heading-hover-color: $inverse-global-primary-background !default; - - - -// @mixin hook-inverse-link-muted(){} -// @mixin hook-inverse-link-muted-hover(){} -// @mixin hook-inverse-link-text-hover(){} -// @mixin hook-inverse-link-heading-hover(){} diff --git a/docs/_sass/uikit/components/list.scss b/docs/_sass/uikit/components/list.scss deleted file mode 100644 index ed810bb..0000000 --- a/docs/_sass/uikit/components/list.scss +++ /dev/null @@ -1,187 +0,0 @@ -// Name: List -// Description: Styles for lists -// -// Component: `uk-list` -// -// Modifiers: `uk-list-divider` -// `uk-list-striped` -// `uk-list-bullet` -// `uk-list-large` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$list-margin-top: $global-small-margin !default; - -$list-nested-padding-left: $global-gutter !default; - -$list-divider-margin-top: $global-small-margin !default; -$list-divider-border-width: $global-border-width !default; -$list-divider-border: $global-border !default; - -$list-striped-padding-vertical: $global-small-margin !default; -$list-striped-padding-horizontal: $global-small-margin !default; -$list-striped-background: $global-muted-background !default; - -$list-bullet-width: ($global-line-height * 1em) !default; -$list-bullet-height: $list-bullet-width !default; -$list-bullet-margin-right: $global-small-margin !default; -$list-bullet-icon-color: $global-color !default; - -$list-large-margin-top: $global-margin !default; -$list-large-divider-margin-top: $global-margin !default; -$list-large-striped-padding-vertical: $global-margin !default; -$list-large-striped-padding-horizontal: $global-small-margin !default; - -$internal-list-bullet-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; - - -/* ======================================================================== - Component: List - ========================================================================== */ - -.uk-list { - padding: 0; - list-style: none; -} - -/* - * Micro clearfix - */ - -.uk-list > li::before, -.uk-list > li::after { - content: ""; - display: table; -} - -.uk-list > li::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-list > li > :last-child { margin-bottom: 0; } - -/* - * Nested lists - */ - -.uk-list ul { - margin: 0; - padding-left: $list-nested-padding-left; - list-style: none; -} - -/* - * Style - */ - -.uk-list > li:nth-child(n+2), -.uk-list > li > ul { margin-top: $list-margin-top; } - - -/* Style modifiers - ========================================================================== */ - -/* - * Divider - */ - -.uk-list-divider > li:nth-child(n+2) { - margin-top: $list-divider-margin-top; - padding-top: $list-divider-margin-top; - border-top: $list-divider-border-width solid $list-divider-border; - @if(mixin-exists(hook-list-divider)) {@include hook-list-divider();} -} - -/* - * Striped - */ - -.uk-list-striped > li { - padding: $list-striped-padding-vertical $list-striped-padding-horizontal; - @if(mixin-exists(hook-list-striped)) {@include hook-list-striped();} -} - -.uk-list-striped > li:nth-of-type(odd) { background: $list-striped-background; } - -.uk-list-striped > li:nth-child(n+2) { margin-top: 0; } - -/* - * Bullet - */ - -.uk-list-bullet > li { - position: relative; - padding-left: unquote('calc(#{$list-bullet-width} + #{$list-bullet-margin-right})'); -} - -.uk-list-bullet > li::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: $list-bullet-width; - height: $list-bullet-height; - @include svg-fill($internal-list-bullet-image, "#000", $list-bullet-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - float: left; - @if(mixin-exists(hook-list-bullet)) {@include hook-list-bullet();} -} - - -/* Size modifier - ========================================================================== */ - -.uk-list-large > li:nth-child(n+2), -.uk-list-large > li > ul { margin-top: $list-large-margin-top; } - -/* - * Divider - */ - -.uk-list-large.uk-list-divider > li:nth-child(n+2) { - margin-top: $list-large-divider-margin-top; - padding-top: $list-large-divider-margin-top; -} - -/* - * Striped - */ - -.uk-list-large.uk-list-striped > li { - padding: $list-large-striped-padding-vertical $list-large-striped-padding-horizontal; - @if(mixin-exists(hook-list-striped)) {@include hook-list-striped();} -} - -.uk-list-large.uk-list-striped > li:nth-child(n+2) { margin-top: 0; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-list-misc)) {@include hook-list-misc();} - -// @mixin hook-list-divider(){} -// @mixin hook-list-striped(){} -// @mixin hook-list-bullet(){} -// @mixin hook-list-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-list-divider-border: $inverse-global-border !default; -$inverse-list-striped-background: $inverse-global-muted-background !default; -$inverse-list-bullet-icon-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-list-divider(){} -// @mixin hook-inverse-list-striped(){} -// @mixin hook-inverse-list-bullet(){} diff --git a/docs/_sass/uikit/components/margin.scss b/docs/_sass/uikit/components/margin.scss deleted file mode 100644 index c3b1369..0000000 --- a/docs/_sass/uikit/components/margin.scss +++ /dev/null @@ -1,163 +0,0 @@ -// Name: Margin -// Description: Utilities for margins -// -// Component: `uk-margin-*` -// `uk-margin-small-*` -// `uk-margin-medium-*` -// `uk-margin-large-*` -// `uk-margin-xlarge-*` -// `uk-margin-remove-*` -// `uk-margin-auto-*` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$margin-margin: $global-margin !default; - -$margin-small-margin: $global-small-margin !default; - -$margin-medium-margin: $global-medium-margin !default; - -$margin-large-margin: $global-medium-margin !default; -$margin-large-margin-l: $global-large-margin !default; - -$margin-xlarge-margin: $global-large-margin !default; -$margin-xlarge-margin-l: $global-xlarge-margin !default; - - -/* ======================================================================== - Component: Margin - ========================================================================== */ - -/* - * Default - */ - -.uk-margin { margin-bottom: $margin-margin; } -* + .uk-margin { margin-top: $margin-margin !important; } - -.uk-margin-top { margin-top: $margin-margin !important; } -.uk-margin-bottom { margin-bottom: $margin-margin !important; } -.uk-margin-left { margin-left: $margin-margin !important; } -.uk-margin-right { margin-right: $margin-margin !important; } - - -/* Small - ========================================================================== */ - -.uk-margin-small { margin-bottom: $margin-small-margin; } -* + .uk-margin-small { margin-top: $margin-small-margin !important; } - -.uk-margin-small-top { margin-top: $margin-small-margin !important; } -.uk-margin-small-bottom { margin-bottom: $margin-small-margin !important; } -.uk-margin-small-left { margin-left: $margin-small-margin !important; } -.uk-margin-small-right { margin-right: $margin-small-margin !important; } - - -/* Medium - ========================================================================== */ - -.uk-margin-medium { margin-bottom: $margin-medium-margin; } -* + .uk-margin-medium { margin-top: $margin-medium-margin !important; } - -.uk-margin-medium-top { margin-top: $margin-medium-margin !important; } -.uk-margin-medium-bottom { margin-bottom: $margin-medium-margin !important; } -.uk-margin-medium-left { margin-left: $margin-medium-margin !important; } -.uk-margin-medium-right { margin-right: $margin-medium-margin !important; } - - -/* Large - ========================================================================== */ - -.uk-margin-large { margin-bottom: $margin-large-margin; } -* + .uk-margin-large { margin-top: $margin-large-margin !important; } - -.uk-margin-large-top { margin-top: $margin-large-margin !important; } -.uk-margin-large-bottom { margin-bottom: $margin-large-margin !important; } -.uk-margin-large-left { margin-left: $margin-large-margin !important; } -.uk-margin-large-right { margin-right: $margin-large-margin !important; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-margin-large { margin-bottom: $margin-large-margin-l; } - * + .uk-margin-large { margin-top: $margin-large-margin-l !important; } - - .uk-margin-large-top { margin-top: $margin-large-margin-l !important; } - .uk-margin-large-bottom { margin-bottom: $margin-large-margin-l !important; } - .uk-margin-large-left { margin-left: $margin-large-margin-l !important; } - .uk-margin-large-right { margin-right: $margin-large-margin-l !important; } - -} - - -/* XLarge - ========================================================================== */ - -.uk-margin-xlarge { margin-bottom: $margin-xlarge-margin; } -* + .uk-margin-xlarge { margin-top: $margin-xlarge-margin !important; } - -.uk-margin-xlarge-top { margin-top: $margin-xlarge-margin !important; } -.uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin !important; } -.uk-margin-xlarge-left { margin-left: $margin-xlarge-margin !important; } -.uk-margin-xlarge-right { margin-right: $margin-xlarge-margin !important; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin-l; } - * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin-l !important; } - - .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin-l !important; } - .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin-l !important; } - .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin-l !important; } - .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin-l !important; } - -} - - -/* Remove - ========================================================================== */ - -.uk-margin-remove { margin: 0 !important; } -.uk-margin-remove-top { margin-top: 0 !important; } -.uk-margin-remove-bottom { margin-bottom: 0 !important; } -.uk-margin-remove-left { margin-left: 0 !important; } -.uk-margin-remove-right { margin-right: 0 !important; } - -.uk-margin-remove-vertical { - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.uk-margin-remove-adjacent + * { margin-top: 0 !important; } - - -/* Auto - ========================================================================== */ - -.uk-margin-auto { - margin-left: auto !important; - margin-right: auto !important; -} - -.uk-margin-auto-top { margin-top: auto !important; } -.uk-margin-auto-bottom { margin-bottom: auto !important; } -.uk-margin-auto-left { margin-left: auto !important; } -.uk-margin-auto-right { margin-right: auto !important; } - -.uk-margin-auto-vertical { - margin-top: auto !important; - margin-bottom: auto !important; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-margin-misc)) {@include hook-margin-misc();} - -// @mixin hook-margin-misc(){} diff --git a/docs/_sass/uikit/components/marker.scss b/docs/_sass/uikit/components/marker.scss deleted file mode 100644 index 97e4360..0000000 --- a/docs/_sass/uikit/components/marker.scss +++ /dev/null @@ -1,63 +0,0 @@ -// Name: Marker -// Description: Component to create a marker icon -// -// Component: `uk-marker` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$marker-padding: 5px !default; -$marker-background: $global-secondary-background !default; -$marker-color: $global-inverse-color !default; - -$marker-hover-color: $global-inverse-color !default; - - -/* ======================================================================== - Component: Marker - ========================================================================== */ - -/* - * Addopts `uk-icon` - */ - -.uk-marker { - padding: $marker-padding; - background: $marker-background; - color: $marker-color; - @if(mixin-exists(hook-marker)) {@include hook-marker();} -} - -/* Hover + Focus */ -.uk-marker:hover, -.uk-marker:focus { - color: $marker-hover-color; - outline: none; - @if(mixin-exists(hook-marker-hover)) {@include hook-marker-hover();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-marker-misc)) {@include hook-marker-misc();} - -// @mixin hook-marker(){} -// @mixin hook-marker-hover(){} -// @mixin hook-marker-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-marker-background: $global-muted-background !default; -$inverse-marker-color: $global-color !default; -$inverse-marker-hover-color: $global-color !default; - - - -// @mixin hook-inverse-marker(){} -// @mixin hook-inverse-marker-hover(){} diff --git a/docs/_sass/uikit/components/mixin.scss b/docs/_sass/uikit/components/mixin.scss deleted file mode 100644 index 5ed438a..0000000 --- a/docs/_sass/uikit/components/mixin.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Mixin -// Description: Defines mixins which are used across all components -// -// ======================================================================== - - -// SVG -// ======================================================================== - -/// Replace `$search` with `$replace` in `$string` -/// @author Hugo Giraudel -/// @param {String} $string - Initial string -/// @param {String} $search - Substring to replace -/// @param {String} $replace ('') - New value -/// @return {String} - Updated string -@function str-replace($string, $search, $replace: '') { - $index: str-index($string, $search); - - @if $index { - @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); - } - - @return $string; -} - -@mixin svg-fill($src, $color-default, $color-new){ - - $replace-src: str-replace($src, $color-default, $color-new) !default; - $replace-src: str-replace($replace-src, "#", "%23"); - background-image: url(quote($replace-src)); -} \ No newline at end of file diff --git a/docs/_sass/uikit/components/modal.scss b/docs/_sass/uikit/components/modal.scss deleted file mode 100644 index 863f008..0000000 --- a/docs/_sass/uikit/components/modal.scss +++ /dev/null @@ -1,368 +0,0 @@ -// Name: Modal -// Description: Component to create modal dialogs -// -// Component: `uk-modal` -// -// Sub-objects: `uk-modal-page` -// `uk-modal-dialog` -// `uk-modal-header` -// `uk-modal-body` -// `uk-modal-footer` -// `uk-modal-title` -// `uk-modal-close` -// -// Adopted: `uk-modal-close-default` -// `uk-modal-close-outside` -// `uk-modal-close-full` -// -// Modifiers: `uk-modal-container` -// `uk-modal-full` -// -// States: `uk-open` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$modal-z-index: $global-z-index + 10 !default; -$modal-background: rgba(0,0,0,0.6) !default; - -$modal-padding-horizontal: 15px !default; -$modal-padding-horizontal-s: $global-gutter !default; -$modal-padding-horizontal-m: $global-medium-gutter !default; -$modal-padding-vertical: $modal-padding-horizontal !default; -$modal-padding-vertical-s: 50px !default; - -$modal-dialog-width: 600px !default; -$modal-dialog-background: $global-background !default; - -$modal-container-width: 1200px !default; - -$modal-body-padding-horizontal: $global-gutter !default; -$modal-body-padding-vertical: $global-gutter !default; - -$modal-header-padding-horizontal: $global-gutter !default; -$modal-header-padding-vertical: ($modal-header-padding-horizontal / 2) !default; -$modal-header-background: $global-muted-background !default; - -$modal-footer-padding-horizontal: $global-gutter !default; -$modal-footer-padding-vertical: ($modal-footer-padding-horizontal / 2) !default; -$modal-footer-background: $global-muted-background !default; - -$modal-title-font-size: $global-xlarge-font-size !default; -$modal-title-line-height: 1.3 !default; - -$modal-close-position: $global-small-margin !default; -$modal-close-padding: 5px !default; - -$modal-close-outside-position: 0 !default; -$modal-close-outside-translate: 100% !default; -$modal-close-outside-color: lighten($global-inverse-color, 20%) !default; -$modal-close-outside-hover-color: $global-inverse-color !default; - - -/* ======================================================================== - Component: Modal - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Set position - * 3. Allow scrolling for the modal dialog - * 4. Horizontal padding - * 5. Mask the background page - * 6. Fade-in transition - */ - -.uk-modal { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: $modal-z-index; - /* 3 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 4 */ - padding: $modal-padding-vertical $modal-padding-horizontal; - /* 5 */ - background: $modal-background; - /* 6 */ - opacity: 0; - transition: opacity 0.15s linear; - @if(mixin-exists(hook-modal)) {@include hook-modal();} -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-modal { padding: $modal-padding-vertical-s $modal-padding-horizontal-s; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-modal { - padding-left: $modal-padding-horizontal-m; - padding-right: $modal-padding-horizontal-m; - } - -} - -/* - * Open - */ - -.uk-modal.uk-open { opacity: 1; } - - -/* Page - ========================================================================== */ - -/* - * Prevent scrollbars - */ - -.uk-modal-page { overflow: hidden; } - - -/* Dialog - ========================================================================== */ - -/* - * 1. Create position context for spinner and close button - * 2. Dimensions - * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 - * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests - * 4. Style - * 5. Slide-in transition - */ - -.uk-modal-dialog { - /* 1 */ - position: relative; - /* 2 */ - box-sizing: border-box; - margin: 0 auto; - width: $modal-dialog-width; - /* 3 */ - max-width: unquote('calc(100% - 0.01px)') !important; - /* 4 */ - background: $modal-dialog-background; - /* 5 */ - opacity: 0; - transform: translateY(-100px); - transition: 0.3s linear; - transition-property: opacity, transform; - @if(mixin-exists(hook-modal-dialog)) {@include hook-modal-dialog();} -} - -/* - * Open - */ - -.uk-open > .uk-modal-dialog { - opacity: 1; - transform: translateY(0); -} - - -/* Size modifier - ========================================================================== */ - -/* - * Container size - * Take the same size as the Container component - */ - -.uk-modal-container .uk-modal-dialog { width: $modal-container-width; } - -/* - * Full size - * 1. Remove padding and background from modal - * 2. Reset all default declarations from modal dialog - */ - -/* 1 */ -.uk-modal-full { - padding: 0; - background: none; -} - -/* 2 */ -.uk-modal-full .uk-modal-dialog { - margin: 0; - width: 100%; - max-width: 100%; - transform: translateY(0); - @if(mixin-exists(hook-modal-full)) {@include hook-modal-full();} -} - - -/* Sections - ========================================================================== */ - -.uk-modal-body { - padding: $modal-body-padding-vertical $modal-body-padding-horizontal; - @if(mixin-exists(hook-modal-body)) {@include hook-modal-body();} -} - -.uk-modal-header { - padding: $modal-header-padding-vertical $modal-header-padding-horizontal; - background: $modal-header-background; - @if(mixin-exists(hook-modal-header)) {@include hook-modal-header();} -} - -.uk-modal-footer { - padding: $modal-footer-padding-vertical $modal-footer-padding-horizontal; - background: $modal-footer-background; - @if(mixin-exists(hook-modal-footer)) {@include hook-modal-footer();} -} - -/* - * Micro clearfix - */ - -.uk-modal-body::before, -.uk-modal-body::after, -.uk-modal-header::before, -.uk-modal-header::after, -.uk-modal-footer::before, -.uk-modal-footer::after { - content: ""; - display: table; -} - -.uk-modal-body::after, -.uk-modal-header::after, -.uk-modal-footer::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-modal-body > :last-child, -.uk-modal-header > :last-child, -.uk-modal-footer > :last-child { margin-bottom: 0; } - - -/* Title - ========================================================================== */ - -.uk-modal-title { - font-size: $modal-title-font-size; - line-height: $modal-title-line-height; - @if(mixin-exists(hook-modal-title)) {@include hook-modal-title();} -} - - -/* Close - * Adopts `uk-close` - ========================================================================== */ - -[class*='uk-modal-close-'] { - position: absolute; - z-index: $modal-z-index; - top: $modal-close-position; - right: $modal-close-position; - padding: $modal-close-padding; - @if(mixin-exists(hook-modal-close)) {@include hook-modal-close();} -} - -/* - * Remove margin from adjacent element - */ - -[class*='uk-modal-close-']:first-child + * { margin-top: 0; } - -/* - * Hover - */ - -[class*='uk-modal-close-']:hover { - @if(mixin-exists(hook-modal-close-hover)) {@include hook-modal-close-hover();} -} - -/* - * Default - */ - -.uk-modal-close-default { - @if(mixin-exists(hook-modal-close-default)) {@include hook-modal-close-default();} -} - -.uk-modal-close-default:hover { - @if(mixin-exists(hook-modal-close-default-hover)) {@include hook-modal-close-default-hover();} -} - -/* - * Outside - * 1. Prevent scrollbar on small devices - */ - -.uk-modal-close-outside { - top: $modal-close-outside-position; - /* 1 */ - right: (-$modal-close-padding); - transform: translate(0, -($modal-close-outside-translate)); - color: $modal-close-outside-color; - @if(mixin-exists(hook-modal-close-outside)) {@include hook-modal-close-outside();} -} - -.uk-modal-close-outside:hover { - color: $modal-close-outside-hover-color; - @if(mixin-exists(hook-modal-close-outside-hover)) {@include hook-modal-close-outside-hover();} -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - /* 1 */ - .uk-modal-close-outside { - right: $modal-close-outside-position; - transform: translate($modal-close-outside-translate, -($modal-close-outside-translate)); - } - -} - -/* - * Full - */ - -.uk-modal-close-full { - @if(mixin-exists(hook-modal-close-full)) {@include hook-modal-close-full();} -} - -.uk-modal-close-full:hover { - @if(mixin-exists(hook-modal-close-full-hover)) {@include hook-modal-close-full-hover();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-modal-misc)) {@include hook-modal-misc();} - -// @mixin hook-modal(){} -// @mixin hook-modal-dialog(){} -// @mixin hook-modal-full(){} -// @mixin hook-modal-header(){} -// @mixin hook-modal-body(){} -// @mixin hook-modal-footer(){} -// @mixin hook-modal-title(){} -// @mixin hook-modal-close(){} -// @mixin hook-modal-close-hover(){} -// @mixin hook-modal-close-default(){} -// @mixin hook-modal-close-default-hover(){} -// @mixin hook-modal-close-outside(){} -// @mixin hook-modal-close-outside-hover(){} -// @mixin hook-modal-close-full(){} -// @mixin hook-modal-close-full-hover(){} -// @mixin hook-modal-misc(){} diff --git a/docs/_sass/uikit/components/nav.scss b/docs/_sass/uikit/components/nav.scss deleted file mode 100644 index 9d990ca..0000000 --- a/docs/_sass/uikit/components/nav.scss +++ /dev/null @@ -1,357 +0,0 @@ -// Name: Nav -// Description: Defines styles for list navigations -// -// Component: `uk-nav` -// -// Sub-objects: `uk-nav-header` -// `uk-nav-divider` -// `uk-nav-sub` -// -// Modifiers: `uk-nav-parent-icon` -// `uk-nav-default` -// `uk-nav-primary` -// `uk-nav-center` -// -// States: `uk-active` -// `uk-parent` -// `uk-open` -// `uk-touch` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$nav-item-padding-vertical: 5px !default; -$nav-item-padding-horizontal: 0 !default; - -$nav-sublist-padding-vertical: 5px !default; -$nav-sublist-padding-left: 15px !default; -$nav-sublist-deeper-padding-left: 15px !default; -$nav-sublist-item-padding-vertical: 2px !default; - -$nav-parent-icon-width: ($global-line-height * 1em) !default; -$nav-parent-icon-height: $nav-parent-icon-width !default; -$nav-parent-icon-color: $global-color !default; - -$nav-header-padding-vertical: $nav-item-padding-vertical !default; -$nav-header-padding-horizontal: $nav-item-padding-horizontal !default; -$nav-header-font-size: $global-small-font-size !default; -$nav-header-text-transform: uppercase !default; -$nav-header-margin-top: $global-margin !default; - -$nav-divider-margin-vertical: 5px !default; -$nav-divider-margin-horizontal: 0 !default; - -$nav-default-item-color: $global-muted-color !default; -$nav-default-item-hover-color: $global-color !default; -$nav-default-item-active-color: $global-emphasis-color !default; -$nav-default-header-color: $global-emphasis-color !default; -$nav-default-divider-border-width: $global-border-width !default; -$nav-default-divider-border: $global-border !default; -$nav-default-sublist-item-color: $global-muted-color !default; -$nav-default-sublist-item-hover-color: $global-color !default; - -$nav-primary-item-font-size: $global-large-font-size !default; -$nav-primary-item-line-height: $global-line-height !default; -$nav-primary-item-color: $global-muted-color !default; -$nav-primary-item-hover-color: $global-color !default; -$nav-primary-item-active-color: $global-emphasis-color !default; -$nav-primary-header-color: $global-emphasis-color !default; -$nav-primary-divider-border-width: $global-border-width !default; -$nav-primary-divider-border: $global-border !default; -$nav-primary-sublist-item-color: $global-muted-color !default; -$nav-primary-sublist-item-hover-color: $global-color !default; - -$internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; - - -/* ======================================================================== - Component: Nav - ========================================================================== */ - -/* - * Reset - * 1. Prepare lists - * 2. Prepare links - * 3. Remove default focus style - */ - -/* 1 */ -.uk-nav, -.uk-nav ul { - margin: 0; - padding: 0; - list-style: none; -} - -/* 2 */ -.uk-nav li > a { - display: block; - text-decoration: none; -} - -/* 3 */ -.uk-nav li > a:focus { outline: none; } - -/* - * Items - * Must target `a` elements to exclude other elements (e.g. lists) - */ - -.uk-nav > li > a { padding: $nav-item-padding-vertical $nav-item-padding-horizontal; } - - -/* Sublists - ========================================================================== */ - -/* - * Level 2 - * `ul` needed for higher specificity to override padding - */ - -ul.uk-nav-sub { - padding: $nav-sublist-padding-vertical 0 $nav-sublist-padding-vertical $nav-sublist-padding-left; - @if(mixin-exists(hook-nav-sub)) {@include hook-nav-sub();} -} - -/* - * Level 3 and deeper - */ - -.uk-nav-sub ul { padding-left: $nav-sublist-deeper-padding-left; } - -/* - * Items - */ - -.uk-nav-sub a { padding: $nav-sublist-item-padding-vertical 0; } - - -/* Parent icon modifier - ========================================================================== */ - -.uk-nav-parent-icon > .uk-parent > a::after { - content: ""; - width: $nav-parent-icon-width; - height: $nav-parent-icon-height; - float: right; - @include svg-fill($internal-nav-parent-close-image, "#000", $nav-parent-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - @if(mixin-exists(hook-nav-parent-icon)) {@include hook-nav-parent-icon();} -} - -.uk-nav-parent-icon > .uk-parent.uk-open > a::after { @include svg-fill($internal-nav-parent-open-image, "#000", $nav-parent-icon-color); } - - -/* Header - ========================================================================== */ - -.uk-nav-header { - padding: $nav-header-padding-vertical $nav-header-padding-horizontal; - text-transform: $nav-header-text-transform; - font-size: $nav-header-font-size; - @if(mixin-exists(hook-nav-header)) {@include hook-nav-header();} -} - -.uk-nav-header:not(:first-child) { margin-top: $nav-header-margin-top; } - - -/* Divider - ========================================================================== */ - -.uk-nav-divider { - margin: $nav-divider-margin-vertical $nav-divider-margin-horizontal; - @if(mixin-exists(hook-nav-divider)) {@include hook-nav-divider();} -} - - -/* Default modifier - ========================================================================== */ - -.uk-nav-default { - @if(mixin-exists(hook-nav-default)) {@include hook-nav-default();} -} - -/* - * Items - */ - -.uk-nav-default > li > a { - color: $nav-default-item-color; - @if(mixin-exists(hook-nav-default-item)) {@include hook-nav-default-item();} -} - -/* Hover + Focus */ -.uk-nav-default > li > a:hover, -.uk-nav-default > li > a:focus { - color: $nav-default-item-hover-color; - @if(mixin-exists(hook-nav-default-item-hover)) {@include hook-nav-default-item-hover();} -} - -/* Active */ -.uk-nav-default > li.uk-active > a { - color: $nav-default-item-active-color; - @if(mixin-exists(hook-nav-default-item-active)) {@include hook-nav-default-item-active();} -} - -/* - * Header - */ - -.uk-nav-default .uk-nav-header { - color: $nav-default-header-color; - @if(mixin-exists(hook-nav-default-header)) {@include hook-nav-default-header();} -} - -/* - * Divider - */ - -.uk-nav-default .uk-nav-divider { - border-top: $nav-default-divider-border-width solid $nav-default-divider-border; - @if(mixin-exists(hook-nav-default-divider)) {@include hook-nav-default-divider();} -} - -/* - * Sublists - */ - -.uk-nav-default .uk-nav-sub a { color: $nav-default-sublist-item-color; } - -.uk-nav-default .uk-nav-sub a:hover, -.uk-nav-default .uk-nav-sub a:focus { color: $nav-default-sublist-item-hover-color; } - - -/* Primary modifier - ========================================================================== */ - -.uk-nav-primary { - @if(mixin-exists(hook-nav-primary)) {@include hook-nav-primary();} -} - -/* - * Items - */ - -.uk-nav-primary > li > a { - font-size: $nav-primary-item-font-size; - line-height: $nav-primary-item-line-height; - color: $nav-primary-item-color; - @if(mixin-exists(hook-nav-primary-item)) {@include hook-nav-primary-item();} -} - -/* Hover + Focus */ -.uk-nav-primary > li > a:hover, -.uk-nav-primary > li > a:focus { - color: $nav-primary-item-hover-color; - @if(mixin-exists(hook-nav-primary-item-hover)) {@include hook-nav-primary-item-hover();} -} - -/* Active */ -.uk-nav-primary > li.uk-active > a { - color: $nav-primary-item-active-color; - @if(mixin-exists(hook-nav-primary-item-active)) {@include hook-nav-primary-item-active();} -} - -/* - * Header - */ - -.uk-nav-primary .uk-nav-header { - color: $nav-primary-header-color; - @if(mixin-exists(hook-nav-primary-header)) {@include hook-nav-primary-header();} -} - -/* - * Divider - */ - -.uk-nav-primary .uk-nav-divider { - border-top: $nav-primary-divider-border-width solid $nav-primary-divider-border; - @if(mixin-exists(hook-nav-primary-divider)) {@include hook-nav-primary-divider();} -} - -/* - * Sublists - */ - -.uk-nav-primary .uk-nav-sub a { color: $nav-primary-sublist-item-color; } - -.uk-nav-primary .uk-nav-sub a:hover, -.uk-nav-primary .uk-nav-sub a:focus { color: $nav-primary-sublist-item-hover-color; } - - -/* Alignment modifier - ========================================================================== */ - -.uk-nav-center { text-align: center; } - -/* Sublists */ -.uk-nav-center .uk-nav-sub, -.uk-nav-center .uk-nav-sub ul { padding-left: 0; } - -/* Parent icon modifier */ -.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { position: absolute; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-nav-misc)) {@include hook-nav-misc();} - -// @mixin hook-nav-sub(){} -// @mixin hook-nav-parent-icon(){} -// @mixin hook-nav-header(){} -// @mixin hook-nav-divider(){} -// @mixin hook-nav-default(){} -// @mixin hook-nav-default-item(){} -// @mixin hook-nav-default-item-hover(){} -// @mixin hook-nav-default-item-active(){} -// @mixin hook-nav-default-header(){} -// @mixin hook-nav-default-divider(){} -// @mixin hook-nav-primary(){} -// @mixin hook-nav-primary-item(){} -// @mixin hook-nav-primary-item-hover(){} -// @mixin hook-nav-primary-item-active(){} -// @mixin hook-nav-primary-header(){} -// @mixin hook-nav-primary-divider(){} -// @mixin hook-nav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-nav-parent-icon-color: $inverse-global-color !default; -$inverse-nav-default-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-item-hover-color: $inverse-global-color !default; -$inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-divider-border: $inverse-global-border !default; -$inverse-nav-default-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-sublist-item-hover-color: $inverse-global-color !default; - -$inverse-nav-primary-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-item-hover-color: $inverse-global-color !default; -$inverse-nav-primary-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-divider-border: $inverse-global-border !default; -$inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-nav-parent-icon(){} -// @mixin hook-inverse-nav-default-item(){} -// @mixin hook-inverse-nav-default-item-hover(){} -// @mixin hook-inverse-nav-default-item-active(){} -// @mixin hook-inverse-nav-default-header(){} -// @mixin hook-inverse-nav-default-divider(){} -// @mixin hook-inverse-nav-primary-item(){} -// @mixin hook-inverse-nav-primary-item-hover(){} -// @mixin hook-inverse-nav-primary-item-active(){} -// @mixin hook-inverse-nav-primary-header(){} -// @mixin hook-inverse-nav-primary-divider(){} diff --git a/docs/_sass/uikit/components/navbar.scss b/docs/_sass/uikit/components/navbar.scss deleted file mode 100644 index 26d5d89..0000000 --- a/docs/_sass/uikit/components/navbar.scss +++ /dev/null @@ -1,538 +0,0 @@ -// Name: Navbar -// Description: Component to create horizontal navigation bars -// -// Component: `uk-navbar` -// -// Sub-objects: `uk-navbar-container` -// `uk-navbar-left` -// `uk-navbar-right` -// `uk-navbar-center` -// `uk-navbar-center-left` -// `uk-navbar-center-right` -// `uk-navbar-nav` -// `uk-navbar-item` -// `uk-navbar-toggle` -// `uk-navbar-subtitle` -// `uk-navbar-dropbar` -// -// Adopted: `uk-navbar-dropdown` + Modifiers -// `uk-navbar-dropdown-nav` -// `uk-navbar-dropdown-grid` -// `uk-navbar-toggle-icon` -// -// Modifiers: `uk-navbar-transparent` -// `uk-navbar-sticky` -// `uk-navbar-dropdown-stack` -// -// States: `uk-active` -// `uk-parent` -// `uk-open` -// -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$navbar-background: $global-muted-background !default; -$navbar-color-mode: none !default; - -$navbar-nav-item-height: 80px !default; -$navbar-nav-item-padding-horizontal: 15px !default; -$navbar-nav-item-color: $global-muted-color !default; -$navbar-nav-item-font-size: $global-font-size !default; -$navbar-nav-item-font-family: $global-font-family !default; -$navbar-nav-item-hover-color: $global-color !default; -$navbar-nav-item-onclick-color: $global-emphasis-color !default; -$navbar-nav-item-active-color: $global-emphasis-color !default; - -$navbar-item-color: $global-color !default; - -$navbar-toggle-color: $global-muted-color !default; -$navbar-toggle-hover-color: $global-color !default; - -$navbar-subtitle-font-size: $global-small-font-size !default; - -$navbar-dropdown-z-index: $global-z-index + 20 !default; -$navbar-dropdown-width: 200px !default; -$navbar-dropdown-margin: 0 !default; -$navbar-dropdown-padding: 15px !default; -$navbar-dropdown-background: $global-muted-background !default; -$navbar-dropdown-color: $global-color !default; -$navbar-dropdown-grid-gutter-horizontal: $global-gutter !default; -$navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default; - -$navbar-dropdown-dropbar-margin-top: 0 !default; -$navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default; - -$navbar-dropdown-nav-item-color: $global-muted-color !default; -$navbar-dropdown-nav-item-hover-color: $global-color !default; -$navbar-dropdown-nav-item-active-color: $global-emphasis-color !default; -$navbar-dropdown-nav-header-color: $global-emphasis-color !default; -$navbar-dropdown-nav-divider-border-width: $global-border-width !default; -$navbar-dropdown-nav-divider-border: $global-border !default; -$navbar-dropdown-nav-sublist-item-color: $global-muted-color !default; -$navbar-dropdown-nav-sublist-item-hover-color: $global-color !default; - -$navbar-dropbar-background: $navbar-dropdown-background !default; -$navbar-dropbar-z-index: $global-z-index - 20 !default; - - -/* ======================================================================== - Component: Navbar - ========================================================================== */ - -/* - * 1. Create position context to center navbar group - */ - -.uk-navbar { - display: flex; - /* 1 */ - position: relative; - @if(mixin-exists(hook-navbar)) {@include hook-navbar();} -} - - -/* Container - ========================================================================== */ - -.uk-navbar-container:not(.uk-navbar-transparent) { - background: $navbar-background; - @if(mixin-exists(hook-navbar-container)) {@include hook-navbar-container();} -} - -// Color Mode -@if ( $navbar-color-mode == light ) { .uk-navbar-container:not(.uk-navbar-transparent) { @extend .uk-light !optional;} } -@if ( $navbar-color-mode == dark ) { .uk-navbar-container:not(.uk-navbar-transparent) { @extend .uk-dark !optional;} } - -/* - * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) - */ - -.uk-navbar-container > ::before, -.uk-navbar-container > ::after { display: none !important; } - - -/* Groups - ========================================================================== */ - -/* - * 1. Align navs and items vertically if they have a different height - * 2. Note: IE 11 requires an extra `div` which affects the center selector - */ - -.uk-navbar-left, -.uk-navbar-right, -// 2. [class*='uk-navbar-center'], -.uk-navbar-center, -.uk-navbar-center-left > *, -.uk-navbar-center-right > * { - display: flex; - /* 1 */ - align-items: center; -} - -/* - * Horizontal alignment - * 1. Create position context for centered navbar with sub groups (left/right) - * 2. Needed for dropdowns because a new position context is created - * `z-index` must be smaller than off-canvas - * 3. Fix text wrapping if the centered section is larger than 50% of the navbar - * 4. Align sub groups for centered navbar - */ - -.uk-navbar-right { margin-left: auto; } - -.uk-navbar-center:only-child { - margin-left: auto; - margin-right: auto; - /* 1 */ - position: relative; -} - -.uk-navbar-center:not(:only-child) { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%,-50%); - /* 2 */ - z-index: $global-z-index - 10; -} - -/* 3 */ -.uk-navbar-center:not(:only-child) .uk-navbar-nav > li > a, -.uk-navbar-center:not(:only-child) .uk-navbar-item, -.uk-navbar-center:not(:only-child) .uk-navbar-toggle { white-space: nowrap; } - -/* 4 */ -.uk-navbar-center-left, -.uk-navbar-center-right { - position: absolute; - top: 0; -} - -.uk-navbar-center-left { right: 100%; } -.uk-navbar-center-right { left: 100%; } - -[class*='uk-navbar-center-'] .uk-navbar-nav > li > a, -[class*='uk-navbar-center-'] .uk-navbar-item, -[class*='uk-navbar-center-'] .uk-navbar-toggle { white-space: nowrap; } - - -/* Nav - ========================================================================== */ - -/* - * 1. Reset list - */ - -.uk-navbar-nav { - display: flex; - /* 1 */ - margin: 0; - padding: 0; - list-style: none; -} - -/* - * Allow items to wrap into the next line - * Only not `absolute` positioned groups - */ - -.uk-navbar-left, -.uk-navbar-right, -.uk-navbar-center:only-child { flex-wrap: wrap; } - -/* - * Items - * 1. Center content vertically and horizontally - * 2. Dimensions - * 3. Style - * 4. Required for `a` - */ - -.uk-navbar-nav > li > a, // Nav item -.uk-navbar-item, // Content item -.uk-navbar-toggle { // Clickable item - /* 1 */ - display: flex; - justify-content: center; - align-items: center; - /* 2 */ - box-sizing: border-box; - height: $navbar-nav-item-height; - padding: 0 $navbar-nav-item-padding-horizontal; - /* 3 */ - font-size: $navbar-nav-item-font-size; - font-family: $navbar-nav-item-font-family; - /* 4 */ - text-decoration: none; - font-weight: bold; -} - -/* - * Nav items - */ - -.uk-navbar-nav > li > a { - color: $navbar-nav-item-color; - @if(mixin-exists(hook-navbar-nav-item)) {@include hook-navbar-nav-item();} -} - -/* - * Hover - * Apply hover style also to focus state and if dropdown is opened - */ - -.uk-navbar-nav > li:hover > a, -.uk-navbar-nav > li > a:focus, -.uk-navbar-nav > li > a.uk-open { - color: $navbar-nav-item-hover-color; - outline: none; - @if(mixin-exists(hook-navbar-nav-item-hover)) {@include hook-navbar-nav-item-hover();} -} - -/* OnClick */ -.uk-navbar-nav > li > a:active { - color: $navbar-nav-item-onclick-color; - @if(mixin-exists(hook-navbar-nav-item-onclick)) {@include hook-navbar-nav-item-onclick();} -} - -/* Active */ -.uk-navbar-nav > li.uk-active > a { - color: $navbar-nav-item-active-color; - @if(mixin-exists(hook-navbar-nav-item-active)) {@include hook-navbar-nav-item-active();} -} - - -/* Item - ========================================================================== */ - -.uk-navbar-item { - color: $navbar-item-color; - @if(mixin-exists(hook-navbar-item)) {@include hook-navbar-item();} -} - - -/* Toggle - ========================================================================== */ - -.uk-navbar-toggle { - color: $navbar-toggle-color; - @if(mixin-exists(hook-navbar-toggle)) {@include hook-navbar-toggle();} -} - -.uk-navbar-toggle:hover, -.uk-navbar-toggle:focus, -.uk-navbar-toggle.uk-open { - color: $navbar-toggle-hover-color; - outline: none; - text-decoration: none; - @if(mixin-exists(hook-navbar-toggle-hover)) {@include hook-navbar-toggle-hover();} -} - -/* - * Icon - * Adopts `uk-icon` - */ - -.uk-navbar-toggle-icon { - @if(mixin-exists(hook-navbar-toggle-icon)) {@include hook-navbar-toggle-icon();} -} - -/* Hover + Focus */ -:hover > .uk-navbar-toggle-icon, -:focus > .uk-navbar-toggle-icon { - @if(mixin-exists(hook-navbar-toggle-icon-hover)) {@include hook-navbar-toggle-icon-hover();} -} - - -/* Subtitle - ========================================================================== */ - -.uk-navbar-subtitle { - font-size: $navbar-subtitle-font-size; - @if(mixin-exists(hook-navbar-subtitle)) {@include hook-navbar-subtitle();} -} - - -/* Style modifiers - ========================================================================== */ - -.uk-navbar-transparent { - @if(mixin-exists(hook-navbar-transparent)) {@include hook-navbar-transparent();} -} - -.uk-navbar-sticky { - @if(mixin-exists(hook-navbar-sticky)) {@include hook-navbar-sticky();} -} - - -/* Dropdown - ========================================================================== */ - -/* - * Adopts `uk-dropdown` - * 1. Hide by default - * 2. Set position - * 3. Set a default width - * 4. Style - */ - -.uk-navbar-dropdown { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: $navbar-dropdown-z-index; - /* 3 */ - box-sizing: border-box; - width: $navbar-dropdown-width; - /* 4 */ - padding: $navbar-dropdown-padding; - background: $navbar-dropdown-background; - color: $navbar-dropdown-color; - @if(mixin-exists(hook-navbar-dropdown)) {@include hook-navbar-dropdown();} -} - -/* Show */ -.uk-navbar-dropdown.uk-open { display: block; } - -/* - * Direction / Alignment modifiers - */ - -/* Direction */ -[class*='uk-navbar-dropdown-top'] { margin-top: (-$navbar-dropdown-margin); } -[class*='uk-navbar-dropdown-bottom'] { margin-top: $navbar-dropdown-margin; } -[class*='uk-navbar-dropdown-left'] { margin-left: (-$navbar-dropdown-margin); } -[class*='uk-navbar-dropdown-right'] { margin-left: $navbar-dropdown-margin; } - -/* - * Grid - * Adopts `uk-grid` - */ - -/* Gutter Horizontal */ -.uk-navbar-dropdown-grid { margin-left: (-$navbar-dropdown-grid-gutter-horizontal); } -.uk-navbar-dropdown-grid > * { padding-left: $navbar-dropdown-grid-gutter-horizontal; } - -/* Gutter Vertical */ -.uk-navbar-dropdown-grid > .uk-grid-margin { margin-top: $navbar-dropdown-grid-gutter-vertical; } - -/* Stack */ -.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { width: 100% !important; } - -/* - * Width modifier - */ - -.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 2); } -.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 3); } -.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 4); } -.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width: ($navbar-dropdown-width * 5); } - -/* - * Dropbar modifier - */ - -.uk-navbar-dropdown-dropbar { - margin-top: $navbar-dropdown-dropbar-margin-top; - margin-bottom: $navbar-dropdown-dropbar-margin-bottom; - @if(mixin-exists(hook-navbar-dropdown-dropbar)) {@include hook-navbar-dropdown-dropbar();} -} - - -/* Dropdown Nav - * Adopts `uk-nav` - ========================================================================== */ - -.uk-navbar-dropdown-nav { - @if(mixin-exists(hook-navbar-dropdown-nav)) {@include hook-navbar-dropdown-nav();} -} - -/* - * Items - */ - -.uk-navbar-dropdown-nav > li > a { - color: $navbar-dropdown-nav-item-color; - @if(mixin-exists(hook-navbar-dropdown-nav-item)) {@include hook-navbar-dropdown-nav-item();} -} - -/* Hover + Focus */ -.uk-navbar-dropdown-nav > li > a:hover, -.uk-navbar-dropdown-nav > li > a:focus { - color: $navbar-dropdown-nav-item-hover-color; - @if(mixin-exists(hook-navbar-dropdown-nav-item-hover)) {@include hook-navbar-dropdown-nav-item-hover();} -} - -/* Active */ -.uk-navbar-dropdown-nav > li.uk-active > a { - color: $navbar-dropdown-nav-item-active-color; - @if(mixin-exists(hook-navbar-dropdown-nav-item-active)) {@include hook-navbar-dropdown-nav-item-active();} -} - -/* - * Header - */ - -.uk-navbar-dropdown-nav .uk-nav-header { - color: $navbar-dropdown-nav-header-color; - @if(mixin-exists(hook-navbar-dropdown-nav-header)) {@include hook-navbar-dropdown-nav-header();} -} - -/* - * Divider - */ - -.uk-navbar-dropdown-nav .uk-nav-divider { - border-top: $navbar-dropdown-nav-divider-border-width solid $navbar-dropdown-nav-divider-border; - @if(mixin-exists(hook-navbar-dropdown-nav-divider)) {@include hook-navbar-dropdown-nav-divider();} -} - -/* - * Sublists - */ - -.uk-navbar-dropdown-nav .uk-nav-sub a { color: $navbar-dropdown-nav-sublist-item-color; } - -.uk-navbar-dropdown-nav .uk-nav-sub a:hover, -.uk-navbar-dropdown-nav .uk-nav-sub a:focus { color: $navbar-dropdown-nav-sublist-item-hover-color; } - - -/* Dropbar - ========================================================================== */ - -.uk-navbar-dropbar { - background: $navbar-dropbar-background; - @if(mixin-exists(hook-navbar-dropbar)) {@include hook-navbar-dropbar();} -} - -/* - * Slide modifier - */ - -.uk-navbar-dropbar-slide { - position: absolute; - z-index: $navbar-dropbar-z-index; - left: 0; - right: 0; - @if(mixin-exists(hook-navbar-dropbar-slide)) {@include hook-navbar-dropbar-slide();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-navbar-misc)) {@include hook-navbar-misc();} - -// @mixin hook-navbar(){} -// @mixin hook-navbar-container(){} -// @mixin hook-navbar-nav-item(){} -// @mixin hook-navbar-nav-item-hover(){} -// @mixin hook-navbar-nav-item-onclick(){} -// @mixin hook-navbar-nav-item-active(){} -// @mixin hook-navbar-item(){} -// @mixin hook-navbar-toggle(){} -// @mixin hook-navbar-toggle-hover(){} -// @mixin hook-navbar-toggle-icon(){} -// @mixin hook-navbar-toggle-icon-hover(){} -// @mixin hook-navbar-subtitle(){} -// @mixin hook-navbar-transparent(){} -// @mixin hook-navbar-sticky(){} -// @mixin hook-navbar-dropdown(){} -// @mixin hook-navbar-dropdown-dropbar(){} -// @mixin hook-navbar-dropdown-nav(){} -// @mixin hook-navbar-dropdown-nav-item(){} -// @mixin hook-navbar-dropdown-nav-item-hover(){} -// @mixin hook-navbar-dropdown-nav-item-active(){} -// @mixin hook-navbar-dropdown-nav-header(){} -// @mixin hook-navbar-dropdown-nav-divider(){} -// @mixin hook-navbar-dropbar(){} -// @mixin hook-navbar-dropbar-slide(){} -// @mixin hook-navbar-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-navbar-nav-item-color: $inverse-global-muted-color !default; -$inverse-navbar-nav-item-hover-color: $inverse-global-color !default; -$inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default; -$inverse-navbar-nav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-navbar-item-color: $inverse-global-color !default; -$inverse-navbar-toggle-color: $inverse-global-muted-color !default; -$inverse-navbar-toggle-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-navbar-nav-item(){} -// @mixin hook-inverse-navbar-nav-item-hover(){} -// @mixin hook-inverse-navbar-nav-item-onclick(){} -// @mixin hook-inverse-navbar-nav-item-active(){} -// @mixin hook-inverse-navbar-item(){} -// @mixin hook-inverse-navbar-toggle(){} -// @mixin hook-inverse-navbar-toggle-hover(){} diff --git a/docs/_sass/uikit/components/notification.scss b/docs/_sass/uikit/components/notification.scss deleted file mode 100644 index cc1ba55..0000000 --- a/docs/_sass/uikit/components/notification.scss +++ /dev/null @@ -1,190 +0,0 @@ -// Name: Notification -// Description: Component to create notification messages -// -// Component: `uk-notification` -// -// Sub-objects: `uk-notification-message` -// -// Adopted: `uk-notification-close` -// -// Modifiers: `uk-notification-top-center` -// `uk-notification-top-right` -// `uk-notification-bottom-left` -// `uk-notification-bottom-center` -// `uk-notification-bottom-right` -// `uk-notification-message-primary` -// `uk-notification-message-success` -// `uk-notification-message-warning` -// `uk-notification-message-danger` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$notification-position: 10px !default; -$notification-z-index: $global-z-index + 40 !default; -$notification-width: 350px !default; - -$notification-message-margin-bottom: 10px !default; -$notification-message-padding: $global-small-gutter !default; -$notification-message-background: $global-muted-background !default; -$notification-message-color: $global-color !default; -$notification-message-font-size: $global-medium-font-size !default; -$notification-message-line-height: 1.4 !default; - -$notification-close-top: $notification-message-padding + 5px !default; -$notification-close-right: $notification-message-padding !default; - -$notification-message-primary-color: $global-primary-background !default; -$notification-message-success-color: $global-success-background !default; -$notification-message-warning-color: $global-warning-background !default; -$notification-message-danger-color: $global-danger-background !default; - - -/* ======================================================================== - Component: Notification - ========================================================================== */ - -/* - * 1. Set position - * 2. Dimensions - */ - -.uk-notification { - /* 1 */ - position: fixed; - top: $notification-position; - left: $notification-position; - z-index: $notification-z-index; - /* 2 */ - box-sizing: border-box; - width: $notification-width; - @if(mixin-exists(hook-notification)) {@include hook-notification();} -} - - -/* Position modifiers -========================================================================== */ - -.uk-notification-top-right, -.uk-notification-bottom-right { - left: auto; - right: $notification-position; -} - -.uk-notification-top-center, -.uk-notification-bottom-center { - left: 50%; - margin-left: ($notification-width / -2); -} - -.uk-notification-bottom-left, -.uk-notification-bottom-right, -.uk-notification-bottom-center { - top: auto; - bottom: $notification-position; -} - - -/* Responsiveness -========================================================================== */ - -/* Phones portrait and smaller */ -@media (max-width: $breakpoint-xsmall-max) { - - .uk-notification { - left: $notification-position; - right: $notification-position; - width: auto; - margin: 0; - } - -} - - -/* Message -========================================================================== */ - -.uk-notification-message { - position: relative; - margin-bottom: $notification-message-margin-bottom; - padding: $notification-message-padding; - background: $notification-message-background; - color: $notification-message-color; - font-size: $notification-message-font-size; - line-height: $notification-message-line-height; - cursor: pointer; - @if(mixin-exists(hook-notification-message)) {@include hook-notification-message();} -} - - -/* Close - * Adopts `uk-close` - ========================================================================== */ - -.uk-notification-close { - display: none; - position: absolute; - top: $notification-close-top; - right: $notification-close-right; - @if(mixin-exists(hook-notification-close)) {@include hook-notification-close();} -} - -.uk-notification-message:hover .uk-notification-close { display: block; } - - -/* Style modifiers - ========================================================================== */ - -/* - * Primary - */ - -.uk-notification-message-primary { - color: $notification-message-primary-color; - @if(mixin-exists(hook-notification-message-primary)) {@include hook-notification-message-primary();} -} - -/* - * Success - */ - -.uk-notification-message-success { - color: $notification-message-success-color; - @if(mixin-exists(hook-notification-message-success)) {@include hook-notification-message-success();} -} - -/* - * Warning - */ - -.uk-notification-message-warning { - color: $notification-message-warning-color; - @if(mixin-exists(hook-notification-message-warning)) {@include hook-notification-message-warning();} -} - -/* - * Danger - */ - -.uk-notification-message-danger { - color: $notification-message-danger-color; - @if(mixin-exists(hook-notification-message-danger)) {@include hook-notification-message-danger();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-notification-misc)) {@include hook-notification-misc();} - -// @mixin hook-notification(){} -// @mixin hook-notification-message(){} -// @mixin hook-notification-close(){} -// @mixin hook-notification-message-primary(){} -// @mixin hook-notification-message-success(){} -// @mixin hook-notification-message-warning(){} -// @mixin hook-notification-message-danger(){} -// @mixin hook-notification-misc(){} diff --git a/docs/_sass/uikit/components/offcanvas.scss b/docs/_sass/uikit/components/offcanvas.scss deleted file mode 100644 index 5fc0558..0000000 --- a/docs/_sass/uikit/components/offcanvas.scss +++ /dev/null @@ -1,301 +0,0 @@ -// Name: Off-canvas -// Description: Component to create an off-canvas sidebar -// -// Component: `uk-offcanvas` -// -// Sub-objects: `uk-offcanvas-bar` -// `uk-offcanvas-container` -// `uk-offcanvas-content` -// `uk-offcanvas-page` -// -// Adopted: `uk-offcanvas-close` -// -// Modifiers: `uk-offcanvas-flip` -// `uk-offcanvas-bar-animation` -// `uk-offcanvas-reveal` -// `uk-offcanvas-overlay` -// `uk-offcanvas-content-animation` -// -// States: `uk-open` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$offcanvas-z-index: $global-z-index !default; - -$offcanvas-bar-width: 270px !default; -$offcanvas-bar-padding-vertical: $global-margin !default; -$offcanvas-bar-padding-horizontal: $global-margin !default; -$offcanvas-bar-background: $global-secondary-background !default; -$offcanvas-bar-color-mode: light !default; - -$offcanvas-bar-width-m: 350px !default; -$offcanvas-bar-padding-vertical-m: $global-medium-gutter !default; -$offcanvas-bar-padding-horizontal-m: $global-medium-gutter !default; - -$offcanvas-close-position: 20px !default; -$offcanvas-close-padding: 5px !default; - -$offcanvas-overlay-background: rgba(0,0,0,0.1) !default; - - -/* ======================================================================== - Component: Off-canvas - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Set position - */ - -.uk-offcanvas { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: $offcanvas-z-index; -} - -/* - * Flip modifier - */ - -.uk-offcanvas-flip .uk-offcanvas { - right: 0; - left: auto; -} - - -/* Bar - ========================================================================== */ - -/* - * 1. Set position - * 2. Size and style - * 3. Allow scrolling - * 4. Transform - */ - -.uk-offcanvas-bar { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - box-sizing: border-box; - width: $offcanvas-bar-width; - padding: $offcanvas-bar-padding-vertical $offcanvas-bar-padding-horizontal; - background: $offcanvas-bar-background; - /* 3 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 4 */ - transform: translateX(-100%); - @if(mixin-exists(hook-offcanvas-bar)) {@include hook-offcanvas-bar();} -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-offcanvas-bar { - width: $offcanvas-bar-width-m; - padding: $offcanvas-bar-padding-vertical-m $offcanvas-bar-padding-horizontal-m; - } - -} - -// Color Mode -@if ( $offcanvas-bar-color-mode == light ) { .uk-offcanvas-bar { @extend .uk-light !optional;} } -@if ( $offcanvas-bar-color-mode == dark ) { .uk-offcanvas-bar { @extend .uk-dark !optional;} } - -/* Flip modifier */ -.uk-offcanvas-flip .uk-offcanvas-bar { - left: auto; - right: 0; - transform: translateX(100%); -} - -/* - * Open - */ - -.uk-open > .uk-offcanvas-bar { transform: translateX(0); } - -/* - * Slide Animation (Used in slide and push mode) - */ - -.uk-offcanvas-bar-animation { transition: transform 0.3s ease-out; } - -/* - * Reveal Animation - * 1. Set position - * 2. Clip the bar - * 3. Animation - * 4. Reset transform - */ - -.uk-offcanvas-reveal { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - width: 0; - overflow: hidden; - /* 3 */ - transition: width 0.3s ease-out; -} - -.uk-offcanvas-reveal .uk-offcanvas-bar { - /* 4 */ - transform: translateX(0); -} - -.uk-open > .uk-offcanvas-reveal { width: $offcanvas-bar-width; } - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-open > .uk-offcanvas-reveal { width: $offcanvas-bar-width-m; } - -} - -/* - * Flip modifier - */ - -.uk-offcanvas-flip .uk-offcanvas-reveal { - right: 0; - left: auto; -} - - -/* Close - * Adopts `uk-close` - ========================================================================== */ - -.uk-offcanvas-close { - position: absolute; - z-index: $offcanvas-z-index; - top: $offcanvas-close-position; - right: $offcanvas-close-position; - padding: $offcanvas-close-padding; - @if(mixin-exists(hook-offcanvas-close)) {@include hook-offcanvas-close();} -} - - -/* Overlay - ========================================================================== */ - -/* - * Overlay the whole page. Needed for the `::before` - * 1. Using `100vw` so no modification is needed when off-canvas is flipped - * 2. Allow for closing with swipe gesture on devices with pointer events. - */ - -.uk-offcanvas-overlay { - /* 1 */ - width: 100vw; - /* 2 */ - touch-action: none; -} - -/* - * 1. Mask the whole page - * 2. Fade-in transition - */ - -.uk-offcanvas-overlay::before { - /* 1 */ - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: $offcanvas-overlay-background; - /* 2 */ - opacity: 0; - transition: opacity 0.15s linear; - @if(mixin-exists(hook-offcanvas-overlay)) {@include hook-offcanvas-overlay();} -} - -.uk-offcanvas-overlay.uk-open::before { opacity: 1; } - - -/* Container - ========================================================================== */ - -/* - * Prevent horizontal scrollbar when the content is slide-out - * Has to be on the `html` element too to make it work on the `body` - */ - -.uk-offcanvas-page, -.uk-offcanvas-container { overflow-x: hidden; } - -/* - * Prevent all scrollbars if overlay is used - */ - -.uk-offcanvas-container-overlay { overflow: hidden; } - - -/* Content - ========================================================================== */ - -/* - * Prepare slide-out animation (Used in reveal and push mode) - * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars - * lose their fixed state and behaves like `absolute` within a transformed container - * Note: JS sets a fixed width and height so the page can slide-out without shrinking - * 1. Smooth scrolling - */ - -.uk-offcanvas-container .uk-offcanvas-content { - position: relative; - left: 0; - transition: left 0.3s ease-out; - /* 1 */ - -webkit-overflow-scrolling: touch; -} - -/* Disable scrolling if overlay mode */ -.uk-offcanvas-overlay .uk-offcanvas-content { overflow-y: hidden; } - -/* - * Activate slide-out animation - */ - -:not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { left: $offcanvas-bar-width; } - -.uk-offcanvas-flip > .uk-offcanvas-content-animation { left: (-$offcanvas-bar-width); } - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - :not(.uk-offcanvas-flip) > .uk-offcanvas-content-animation { left: $offcanvas-bar-width-m; } - - .uk-offcanvas-flip > .uk-offcanvas-content-animation { left: (-$offcanvas-bar-width-m); } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-offcanvas-misc)) {@include hook-offcanvas-misc();} - -// @mixin hook-offcanvas-bar(){} -// @mixin hook-offcanvas-close(){} -// @mixin hook-offcanvas-overlay(){} -// @mixin hook-offcanvas-misc(){} diff --git a/docs/_sass/uikit/components/overlay.scss b/docs/_sass/uikit/components/overlay.scss deleted file mode 100644 index c3eb0a5..0000000 --- a/docs/_sass/uikit/components/overlay.scss +++ /dev/null @@ -1,85 +0,0 @@ -// Name: Overlay -// Description: Component to create content areas overlaying an image -// -// Component: `uk-overlay` -// -// Adopted: `uk-overlay-icon` -// -// Modifier: `uk-overlay-default` -// `uk-overlay-primary` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$overlay-padding-horizontal: $global-gutter !default; -$overlay-padding-vertical: $global-gutter !default; - -$overlay-default-background: rgba($global-background, 0.8) !default; - -$overlay-primary-background: rgba($global-secondary-background, 0.8) !default; -$overlay-primary-color-mode: light !default; - - -/* ======================================================================== - Component: Overlay - ========================================================================== */ - -.uk-overlay { - padding: $overlay-padding-vertical $overlay-padding-horizontal; - @if(mixin-exists(hook-overlay)) {@include hook-overlay();} -} - -/* - * Remove margin from the last-child - */ - -.uk-overlay > :last-child { margin-bottom: 0; } - - -/* Icon - ========================================================================== */ - -.uk-overlay-icon { - @if(mixin-exists(hook-overlay-icon)) {@include hook-overlay-icon();} -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Default - */ - -.uk-overlay-default { - background: $overlay-default-background; - @if(mixin-exists(hook-overlay-default)) {@include hook-overlay-default();} -} - -/* - * Primary - */ - -.uk-overlay-primary { - background: $overlay-primary-background; - @if(mixin-exists(hook-overlay-primary)) {@include hook-overlay-primary();} -} - -// Color Mode -@if ( $overlay-primary-color-mode == light ) { .uk-overlay-primary { @extend .uk-light !optional;} } -@if ( $overlay-primary-color-mode == dark ) { .uk-overlay-primary { @extend .uk-dark !optional;} } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-overlay-misc)) {@include hook-overlay-misc();} - -// @mixin hook-overlay(){} -// @mixin hook-overlay-icon(){} -// @mixin hook-overlay-default(){} -// @mixin hook-overlay-primary(){} -// @mixin hook-overlay-misc(){} diff --git a/docs/_sass/uikit/components/padding.scss b/docs/_sass/uikit/components/padding.scss deleted file mode 100644 index 0c0f1ed..0000000 --- a/docs/_sass/uikit/components/padding.scss +++ /dev/null @@ -1,81 +0,0 @@ -// Name: Padding -// Description: Utilities for padding -// -// Component: `uk-padding` -// `uk-padding-large` -// `uk-padding-remove-*` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$padding-padding: $global-gutter !default; -$padding-padding-l: $global-medium-gutter !default; - -$padding-small-padding: $global-small-gutter !default; - -$padding-large-padding: $global-gutter !default; -$padding-large-padding-l: $global-large-gutter !default; - - -/* ======================================================================== - Component: Padding - ========================================================================== */ - -.uk-padding { padding: $padding-padding; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-padding { padding: $padding-padding-l; } - -} - - -/* Small - ========================================================================== */ - -.uk-padding-small { padding: $padding-small-padding; } - - -/* Large - ========================================================================== */ - -.uk-padding-large { padding: $padding-large-padding; } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-padding-large { padding: $padding-large-padding-l; } - -} - - -/* Remove - ========================================================================== */ - -.uk-padding-remove { padding: 0 !important; } -.uk-padding-remove-top { padding-top: 0 !important; } -.uk-padding-remove-bottom { padding-bottom: 0 !important; } -.uk-padding-remove-left { padding-left: 0 !important; } -.uk-padding-remove-right { padding-right: 0 !important; } - -.uk-padding-remove-vertical { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.uk-padding-remove-horizontal { - padding-left: 0 !important; - padding-right: 0 !important; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-padding-misc)) {@include hook-padding-misc();} - -// @mixin hook-padding-misc(){} diff --git a/docs/_sass/uikit/components/pagination.scss b/docs/_sass/uikit/components/pagination.scss deleted file mode 100644 index 5dce23a..0000000 --- a/docs/_sass/uikit/components/pagination.scss +++ /dev/null @@ -1,128 +0,0 @@ -// Name: Pagination -// Description: Component to create a page navigation -// -// Component: `uk-pagination` -// -// Adopted: `uk-pagination-next` -// `uk-pagination-previous` -// -// States: `uk-active` -// `uk-disabled` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$pagination-margin-horizontal: 20px !default; - -$pagination-item-color: $global-muted-color !default; -$pagination-item-hover-color: $global-color !default; -$pagination-item-hover-text-decoration: none !default; -$pagination-item-active-color: $global-color !default; -$pagination-item-disabled-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Pagination - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Gutter - * 3. Reset list - */ - -.uk-pagination { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin-left: (-$pagination-margin-horizontal); - /* 3 */ - padding: 0; - list-style: none; - @if(mixin-exists(hook-pagination)) {@include hook-pagination();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ - -.uk-pagination > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $pagination-margin-horizontal; - /* 3 */ - position: relative; -} - - -/* Items - ========================================================================== */ - -/* - * 1. Prevent gap if child element is `inline-block`, e.g. an icon - * 2. Style - */ - -.uk-pagination > * > * { - /* 1 */ - display: block; - /* 2 */ - color: $pagination-item-color; - @if(mixin-exists(hook-pagination-item)) {@include hook-pagination-item();} -} - -/* Hover + Focus */ -.uk-pagination > * > :hover, -.uk-pagination > * > :focus { - color: $pagination-item-hover-color; - text-decoration: $pagination-item-hover-text-decoration; - @if(mixin-exists(hook-pagination-item-hover)) {@include hook-pagination-item-hover();} -} - -/* Active */ -.uk-pagination > .uk-active > * { - color: $pagination-item-active-color; - @if(mixin-exists(hook-pagination-item-active)) {@include hook-pagination-item-active();} -} - -/* Disabled */ -.uk-pagination > .uk-disabled > * { - color: $pagination-item-disabled-color; - @if(mixin-exists(hook-pagination-item-disabled)) {@include hook-pagination-item-disabled();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-pagination-misc)) {@include hook-pagination-misc();} - -// @mixin hook-pagination(){} -// @mixin hook-pagination-item(){} -// @mixin hook-pagination-item-hover(){} -// @mixin hook-pagination-item-active(){} -// @mixin hook-pagination-item-disabled(){} -// @mixin hook-pagination-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-pagination-item-color: $inverse-global-muted-color !default; -$inverse-pagination-item-hover-color: $inverse-global-color !default; -$inverse-pagination-item-active-color: $inverse-global-color !default; -$inverse-pagination-item-disabled-color: $inverse-global-muted-color !default; - - - -// @mixin hook-inverse-pagination-item(){} -// @mixin hook-inverse-pagination-item-hover(){} -// @mixin hook-inverse-pagination-item-active(){} -// @mixin hook-inverse-pagination-item-disabled(){} diff --git a/docs/_sass/uikit/components/placeholder.scss b/docs/_sass/uikit/components/placeholder.scss deleted file mode 100644 index 05c06f7..0000000 --- a/docs/_sass/uikit/components/placeholder.scss +++ /dev/null @@ -1,45 +0,0 @@ -// Name: Placeholder -// Description: Component to create placeholder boxes -// -// Component: `uk-placeholder` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$placeholder-margin-vertical: $global-margin !default; -$placeholder-padding-vertical: $global-gutter !default; -$placeholder-padding-horizontal: $global-gutter !default; -$placeholder-background: $global-muted-background !default; - - -/* ======================================================================== - Component: Placeholder - ========================================================================== */ - -.uk-placeholder { - margin-bottom: $placeholder-margin-vertical; - padding: $placeholder-padding-vertical $placeholder-padding-horizontal; - background: $placeholder-background; - @if(mixin-exists(hook-placeholder)) {@include hook-placeholder();} -} - -/* Add margin if adjacent element */ -* + .uk-placeholder { margin-top: $placeholder-margin-vertical; } - -/* - * Remove margin from the last-child - */ - -.uk-placeholder > :last-child { margin-bottom: 0; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-placeholder-misc)) {@include hook-placeholder-misc();} - -// @mixin hook-placeholder(){} -// @mixin hook-placeholder-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/position.scss b/docs/_sass/uikit/components/position.scss deleted file mode 100644 index 799b358..0000000 --- a/docs/_sass/uikit/components/position.scss +++ /dev/null @@ -1,250 +0,0 @@ -// Name: Position -// Description: Utilities to position content -// -// Component: `uk-position-absolute` -// `uk-position-relative` -// `uk-position-z-index` -// `uk-position-top` -// `uk-position-bottom` -// `uk-position-left` -// `uk-position-right` -// `uk-position-top-left` -// `uk-position-top-center` -// `uk-position-top-right` -// `uk-position-bottom-left` -// `uk-position-bottom-center` -// `uk-position-bottom-right` -// `uk-position-center` -// `uk-position-center-left` -// `uk-position-center-right` -// `uk-position-cover` -// -// Modifiers: `uk-position-small` -// `uk-position-medium` -// `uk-position-large` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$position-small-margin: $global-small-gutter !default; -$position-medium-margin: $global-gutter !default; -$position-large-margin: $global-gutter !default; -$position-large-margin-l: 50px !default; - - -/* ======================================================================== - Component: Position - ========================================================================== */ - - -/* Directions - ========================================================================== */ - -[class*='uk-position-top'], -[class*='uk-position-bottom'], -[class*='uk-position-left'], -[class*='uk-position-right'], -[class*='uk-position-center'] { position: absolute !important; } - - -/* Edges - ========================================================================== */ - -/* Don't use `width: 100%` because it is wrong if the parent has padding. */ -.uk-position-top { - top: 0; - left: 0; - right: 0; -} - -.uk-position-bottom { - bottom: 0; - left: 0; - right: 0; -} - -.uk-position-left { - top: 0; - bottom: 0; - left: 0; -} - -.uk-position-right { - top: 0; - bottom: 0; - right: 0; -} - - -/* Corners - ========================================================================== */ - -.uk-position-top-left { - top: 0; - left: 0; -} - -.uk-position-top-right { - top: 0; - right: 0; -} - -.uk-position-bottom-left { - bottom: 0; - left: 0; -} - -.uk-position-bottom-right { - bottom: 0; - right: 0; -} - -/* - * Center - * 1. Fix text wrapping if content is larger than 50% of the container (Not working in Firefox) - * 2. Fix text wrapping for Firefox - */ - -.uk-position-center { - top: 50%; - left: 50%; - transform: translate(-50%,-50%); - /* 1 */ - display: table; - /* 2 */ - width: -moz-max-content; - max-width: 100%; - box-sizing: border-box; -} - -/* Vertical */ -[class*='uk-position-center-left'], -[class*='uk-position-center-right'] { - top: 50%; - transform: translateY(-50%); -} - -.uk-position-center-left { left: 0; } -.uk-position-center-right { right: 0; } - -.uk-position-center-left-out { - right: 100%; - width: max-content; -} - -.uk-position-center-right-out { - left: 100%; - width: max-content; -} - -/* Horizontal */ -.uk-position-top-center, -.uk-position-bottom-center { - left: 50%; - transform: translateX(-50%); - /* 1 */ - display: table; - /* 2 */ - width: -moz-max-content; - max-width: 100%; - box-sizing: border-box; -} - -.uk-position-top-center { top: 0; } -.uk-position-bottom-center { bottom: 0; } - - -/* Cover - ========================================================================== */ - -.uk-position-cover { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - - -/* Utility - ========================================================================== */ - -.uk-position-relative { position: relative !important; } - -.uk-position-absolute { position: absolute !important; } - -.uk-position-fixed { position: fixed !important; } - -.uk-position-z-index { z-index: 1; } - - -/* Margin modifier - ========================================================================== */ - -/* - * Small - */ - -.uk-position-small { margin: $position-small-margin; } - -.uk-position-small.uk-position-center { transform: translate(-50%, -50%) translate(-$position-small-margin, (-$position-small-margin)); } - -.uk-position-small[class*='uk-position-center-left'], -.uk-position-small[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-$position-small-margin); } - -.uk-position-small.uk-position-top-center, -.uk-position-small.uk-position-bottom-center { transform: translateX(-50%) translateX(-$position-small-margin); } - -/* - * Medium - */ - -.uk-position-medium { margin: $position-medium-margin; } - -.uk-position-medium.uk-position-center { transform: translate(-50%, -50%) translate(-$position-medium-margin, (-$position-medium-margin)); } - -.uk-position-medium[class*='uk-position-center-left'], -.uk-position-medium[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-$position-medium-margin); } - -.uk-position-medium.uk-position-top-center, -.uk-position-medium.uk-position-bottom-center { transform: translateX(-50%) translateX(-$position-medium-margin); } - -/* - * Large - */ - -.uk-position-large { margin: $position-large-margin; } - -.uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-$position-large-margin, (-$position-large-margin)); } - -.uk-position-large[class*='uk-position-center-left'], -.uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-$position-large-margin); } - -.uk-position-large.uk-position-top-center, -.uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-$position-large-margin); } - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-position-large { margin: $position-large-margin-l; } - - .uk-position-large.uk-position-center { transform: translate(-50%, -50%) translate(-$position-large-margin-l, (-$position-large-margin-l)); } - - .uk-position-large[class*='uk-position-center-left'], - .uk-position-large[class*='uk-position-center-right'] { transform: translateY(-50%) translateY(-$position-large-margin-l); } - - .uk-position-large.uk-position-top-center, - .uk-position-large.uk-position-bottom-center { transform: translateX(-50%) translateX(-$position-large-margin-l); } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-position-misc)) {@include hook-position-misc();} - -// @mixin hook-position-misc(){} diff --git a/docs/_sass/uikit/components/print.scss b/docs/_sass/uikit/components/print.scss deleted file mode 100644 index 6162df5..0000000 --- a/docs/_sass/uikit/components/print.scss +++ /dev/null @@ -1,61 +0,0 @@ -// Name: Print -// Description: Optimize page for printing -// -// Adapted from http://github.com/h5bp/html5-boilerplate -// -// Modifications: Removed link `href` and `title` related rules -// -// ======================================================================== - - -/* ======================================================================== - Component: Print - ========================================================================== */ - -@media print { - - *, - *::before, - *::after { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; - } - - a, - a:visited { text-decoration: underline; } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { display: table-header-group; } - - tr, - img { page-break-inside: avoid; } - - img { max-width: 100% !important; } - - @page { margin: 0.5cm; } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { page-break-after: avoid; } - - @if(mixin-exists(hook-print)) {@include hook-print();} - -} - -// Hooks -// ======================================================================== - -// @mixin hook-print(){} diff --git a/docs/_sass/uikit/components/progress.scss b/docs/_sass/uikit/components/progress.scss deleted file mode 100644 index 4575513..0000000 --- a/docs/_sass/uikit/components/progress.scss +++ /dev/null @@ -1,105 +0,0 @@ -// Name: Progress -// Description: Component to create progress bars -// -// Component: `uk-progress` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$progress-height: 15px !default; -$progress-margin-vertical: $global-margin !default; -$progress-background: $global-muted-background !default; - -$progress-bar-background: $global-primary-background !default; - - -/* ======================================================================== - Component: Progress - ========================================================================== */ - -/* - * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera. - * 2. Remove default style - * 3. Behave like a block element - * 4. Remove borders in Firefox and Edge - * 5. Set background color for progress container in Firefox, IE11 and Edge - * 6. Style - */ - -.uk-progress { - /* 1 */ - vertical-align: baseline; - /* 2 */ - -webkit-appearance: none; - -moz-appearance: none; - /* 3 */ - display: block; - width: 100%; - /* 4 */ - border: 0; - /* 5 */ - background-color: $progress-background; - /* 6 */ - margin-bottom: $progress-margin-vertical; - height: $progress-height; - @if(mixin-exists(hook-progress)) {@include hook-progress();} -} - -/* Add margin if adjacent element */ -* + .uk-progress { margin-top: $progress-margin-vertical; } - -/* - * Remove animated circles for indeterminate state in IE11 and Edge - */ - -.uk-progress:indeterminate { color: transparent; } - -/* - * Progress container - * 2. Remove progress bar for indeterminate state in Firefox - */ - -.uk-progress::-webkit-progress-bar { - background-color: $progress-background; - @if(mixin-exists(hook-progress)) {@include hook-progress();} -} - -/* 2 */ -.uk-progress:indeterminate::-moz-progress-bar { width: 0; } - -/* - * Progress bar - * 1. Remove right border in IE11 and Edge - */ - -.uk-progress::-webkit-progress-value { - background-color: $progress-bar-background; - transition: width 0.6s ease; - @if(mixin-exists(hook-progress-bar)) {@include hook-progress-bar();} -} - -.uk-progress::-moz-progress-bar { - background-color: $progress-bar-background; - @if(mixin-exists(hook-progress-bar)) {@include hook-progress-bar();} -} - -.uk-progress::-ms-fill { - background-color: $progress-bar-background; - transition: width 0.6s ease; - /* 1 */ - border: 0; - @if(mixin-exists(hook-progress-bar)) {@include hook-progress-bar();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-progress-misc)) {@include hook-progress-misc();} - -// @mixin hook-progress(){} -// @mixin hook-progress-bar(){} -// @mixin hook-progress-misc(){} diff --git a/docs/_sass/uikit/components/search.scss b/docs/_sass/uikit/components/search.scss deleted file mode 100644 index 78a1bf5..0000000 --- a/docs/_sass/uikit/components/search.scss +++ /dev/null @@ -1,328 +0,0 @@ -// Name: Search -// Description: Component to create the search -// -// Component: `uk-search` -// -// Sub-objects: `uk-search-input` -// `uk-search-toggle` -// -// Adopted: `uk-search-icon` -// -// Modifier: `uk-search-default` -// `uk-search-navbar` -// `uk-search-large` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$search-color: $global-color !default; -$search-placeholder-color: $global-muted-color !default; - -$search-icon-color: $global-muted-color !default; - -$search-default-width: 180px !default; -$search-default-height: $global-control-height !default; -$search-default-padding-horizontal: 6px !default; -$search-default-background: $global-muted-background !default; -$search-default-focus-background: $search-default-background !default; - -$search-default-icon-width: $global-control-height !default; - -$search-navbar-width: 400px !default; -$search-navbar-height: 40px !default; -$search-navbar-background: transparent !default; -$search-navbar-font-size: $global-large-font-size !default; - -$search-navbar-icon-width: 40px !default; - -$search-large-width: 500px !default; -$search-large-height: 80px !default; -$search-large-background: transparent !default; -$search-large-font-size: $global-xxlarge-font-size !default; - -$search-large-icon-width: 80px !default; - -$search-toggle-color: $global-muted-color !default; -$search-toggle-hover-color: $global-color !default; - - -/* ======================================================================== - Component: Search - ========================================================================== */ - -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Reset `form` - */ - -.uk-search { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - margin: 0; -} - - -/* Input - ========================================================================== */ - -/* - * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. - */ - -.uk-search-input::-webkit-search-cancel-button, -.uk-search-input::-webkit-search-decoration { -webkit-appearance: none; } - -/* - * Removes placeholder transparency in Firefox. - */ - -.uk-search-input::-moz-placeholder { opacity: 1; } - -/* - * 1. Define consistent box sizing. - * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. - * 3. Remove `border-radius` in iOS. - * 4. Change font properties to `inherit` in all browsers - * 5. Show the overflow in Edge. - * 6. Remove default style in iOS. - * 7. Vertical alignment - * 8. Take the full container width - * 9. Style - */ - -.uk-search-input { - /* 1 */ - box-sizing: border-box; - /* 2 */ - margin: 0; - /* 3 */ - border-radius: 0; - /* 4 */ - font: inherit; - /* 5 */ - overflow: visible; - /* 6 */ - -webkit-appearance: none; - /* 7 */ - vertical-align: middle; - /* 8 */ - width: 100%; - /* 9 */ - border: none; - color: $search-color; - @if(mixin-exists(hook-search-input)) {@include hook-search-input();} -} - -.uk-search-input:focus { outline: none; } - -/* Placeholder */ -.uk-search-input:-ms-input-placeholder { color: $search-placeholder-color !important; } -.uk-search-input::placeholder { color: $search-placeholder-color; } - - -/* Icon (Adopts `uk-icon`) - ========================================================================== */ - -/* - * Remove default focus style - */ - -.uk-search-icon:focus { outline: none; } - -/* - * Position above input - * 1. Set position - * 2. Center icon vertically and horizontally - * 3. Style - */ - -.uk-search .uk-search-icon { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - /* 2 */ - display: inline-flex; - justify-content: center; - align-items: center; - /* 3 */ - color: $search-icon-color; -} - -/* - * Required for `a`. - */ - -.uk-search .uk-search-icon:hover { color: $search-icon-color; } - -/* - * Make `input` element clickable through icon, e.g. if it's a `span` - */ - -.uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events: none; } - -/* - * Position modifier - */ - -.uk-search .uk-search-icon-flip { - right: 0; - left: auto; -} - - -/* Default modifier - ========================================================================== */ - -.uk-search-default { width: $search-default-width; } - -/* - * Input - */ - -.uk-search-default .uk-search-input { - height: $search-default-height; - padding-left: $search-default-padding-horizontal; - padding-right: $search-default-padding-horizontal; - background: $search-default-background; - @if(mixin-exists(hook-search-default-input)) {@include hook-search-default-input();} -} - -/* Focus */ -.uk-search-default .uk-search-input:focus { - background-color: $search-default-focus-background; - @if(mixin-exists(hook-search-default-input-focus)) {@include hook-search-default-input-focus();} -} - -/* - * Icon - */ - -.uk-search-default .uk-search-icon { width: $search-default-icon-width; } - -.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { padding-left: ($search-default-icon-width); } -.uk-search-default .uk-search-icon-flip + .uk-search-input { padding-right: ($search-default-icon-width); } - - -/* Navbar modifier - ========================================================================== */ - -.uk-search-navbar { width: $search-navbar-width; } - -/* - * Input - */ - -.uk-search-navbar .uk-search-input { - height: $search-navbar-height; - background: $search-navbar-background; - font-size: $search-navbar-font-size; - @if(mixin-exists(hook-search-navbar-input)) {@include hook-search-navbar-input();} -} - -/* - * Icon - */ - -.uk-search-navbar .uk-search-icon { width: $search-navbar-icon-width; } - -.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { padding-left: ($search-navbar-icon-width); } -.uk-search-navbar .uk-search-icon-flip + .uk-search-input { padding-right: ($search-navbar-icon-width); } - - -/* Large modifier - ========================================================================== */ - -.uk-search-large { width: $search-large-width; } - -/* - * Input - */ - -.uk-search-large .uk-search-input { - height: $search-large-height; - background: $search-large-background; - font-size: $search-large-font-size; - @if(mixin-exists(hook-search-large-input)) {@include hook-search-large-input();} -} - -/* - * Icon - */ - -.uk-search-large .uk-search-icon { width: $search-large-icon-width; } - -.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input { padding-left: ($search-large-icon-width); } -.uk-search-large .uk-search-icon-flip + .uk-search-input { padding-right: ($search-large-icon-width); } - - -/* Toggle - ========================================================================== */ - -.uk-search-toggle { - color: $search-toggle-color; - @if(mixin-exists(hook-search-toggle)) {@include hook-search-toggle();} -} - -/* Hover + Focus */ -.uk-search-toggle:hover, -.uk-search-toggle:focus { - color: $search-toggle-hover-color; - @if(mixin-exists(hook-search-toggle-hover)) {@include hook-search-toggle-hover();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-search-misc)) {@include hook-search-misc();} - -// @mixin hook-search-input(){} -// @mixin hook-search-default-input(){} -// @mixin hook-search-default-input-focus(){} -// @mixin hook-search-navbar-input(){} -// @mixin hook-search-large-input(){} - -// @mixin hook-search-toggle(){} -// @mixin hook-search-toggle-hover(){} - -// @mixin hook-search-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-search-color: $inverse-global-color !default; -$inverse-search-placeholder-color: $inverse-global-muted-color !default; - -$inverse-search-icon-color: $inverse-global-muted-color !default; - -$inverse-search-default-background: $inverse-global-muted-background !default; -$inverse-search-default-focus-background: $inverse-search-default-background !default; - -$inverse-search-navbar-background: transparent !default; - -$inverse-search-large-background: transparent !default; - -$inverse-search-toggle-color: $inverse-global-muted-color !default; -$inverse-search-toggle-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-search-default-input(){} -// @mixin hook-inverse-search-default-input-focus(){} -// @mixin hook-inverse-search-navbar-input(){} -// @mixin hook-inverse-search-large-input(){} -// @mixin hook-inverse-search-toggle(){} -// @mixin hook-inverse-search-toggle-hover(){} diff --git a/docs/_sass/uikit/components/section.scss b/docs/_sass/uikit/components/section.scss deleted file mode 100644 index ee7d250..0000000 --- a/docs/_sass/uikit/components/section.scss +++ /dev/null @@ -1,224 +0,0 @@ -// Name: Section -// Description: Component to create horizontal layout section -// -// Component: `uk-section` -// -// Modifiers: `uk-section-xsmall` -// `uk-section-small` -// `uk-section-large` -// `uk-section-xlarge` -// `uk-section-default` -// `uk-section-muted` -// `uk-section-primary` -// `uk-section-secondary` -// `uk-section-overlap` -// -// States: `uk-preserve-color` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$section-padding-vertical: $global-medium-margin !default; -$section-padding-vertical-m: $global-large-margin !default; - -$section-xsmall-padding-vertical: $global-margin !default; - -$section-small-padding-vertical: $global-medium-margin !default; - -$section-large-padding-vertical: $global-large-margin !default; -$section-large-padding-vertical-m: $global-xlarge-margin !default; - -$section-xlarge-padding-vertical: $global-xlarge-margin !default; -$section-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; - -$section-default-background: $global-background !default; - -$section-muted-background: $global-muted-background !default; - -$section-primary-background: $global-primary-background !default; -$section-primary-color-mode: light !default; - -$section-secondary-background: $global-secondary-background !default; -$section-secondary-color-mode: light !default; - - -/* ======================================================================== - Component: Section - ========================================================================== */ - -/* - * 1. Make it work with `100vh` and height in general - */ - -.uk-section { - box-sizing: border-box; /* 1 */ - padding-top: $section-padding-vertical; - padding-bottom: $section-padding-vertical; - @if(mixin-exists(hook-section)) {@include hook-section();} -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-section { - padding-top: $section-padding-vertical-m; - padding-bottom: $section-padding-vertical-m; - } - -} - -/* - * Micro clearfix - */ - -.uk-section::before, -.uk-section::after { - content: ""; - display: table; -} - -.uk-section::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-section > :last-child { margin-bottom: 0; } - - -/* Size modifiers - ========================================================================== */ - -/* - * XSmall - */ - -.uk-section-xsmall { - padding-top: $section-xsmall-padding-vertical; - padding-bottom: $section-xsmall-padding-vertical; -} - -/* - * Small - */ - -.uk-section-small { - padding-top: $section-small-padding-vertical; - padding-bottom: $section-small-padding-vertical; -} - -/* - * Large - */ - -.uk-section-large { - padding-top: $section-large-padding-vertical; - padding-bottom: $section-large-padding-vertical; -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-section-large { - padding-top: $section-large-padding-vertical-m; - padding-bottom: $section-large-padding-vertical-m; - } - -} - - -/* - * XLarge - */ - -.uk-section-xlarge { - padding-top: $section-xlarge-padding-vertical; - padding-bottom: $section-xlarge-padding-vertical; -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-section-xlarge { - padding-top: $section-xlarge-padding-vertical-m; - padding-bottom: $section-xlarge-padding-vertical-m; - } - -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Default - */ - -.uk-section-default { - background: $section-default-background; - @if(mixin-exists(hook-section-default)) {@include hook-section-default();} -} - -/* - * Muted - */ - -.uk-section-muted { - background: $section-muted-background; - @if(mixin-exists(hook-section-muted)) {@include hook-section-muted();} -} - -/* - * Primary - */ - -.uk-section-primary { - background: $section-primary-background; - @if(mixin-exists(hook-section-primary)) {@include hook-section-primary();} -} - -@if ( $section-primary-color-mode == light ) { .uk-section-primary:not(.uk-preserve-color) { @extend .uk-light !optional;} } -@if ( $section-primary-color-mode == dark ) { .uk-section-primary:not(.uk-preserve-color) { @extend .uk-dark !optional;} } - - -/* - * Secondary - */ - -.uk-section-secondary { - background: $section-secondary-background; - @if(mixin-exists(hook-section-secondary)) {@include hook-section-secondary();} -} - -@if ( $section-secondary-color-mode == light ) { .uk-section-secondary:not(.uk-preserve-color) { @extend .uk-light !optional;} } -@if ( $section-secondary-color-mode == dark ) { .uk-section-secondary:not(.uk-preserve-color) { @extend .uk-dark !optional;} } - - -/* Overlap modifier - ========================================================================== */ - -/* - * Reserved modifier to make a section overlap another section with an border image - * Implemented by the theme - */ - -.uk-section-overlap { - @if(mixin-exists(hook-section-overlap)) {@include hook-section-overlap();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-section-misc)) {@include hook-section-misc();} - -// @mixin hook-section(){} -// @mixin hook-section-default(){} -// @mixin hook-section-muted(){} -// @mixin hook-section-secondary(){} -// @mixin hook-section-primary(){} -// @mixin hook-section-overlap(){} -// @mixin hook-section-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/slidenav.scss b/docs/_sass/uikit/components/slidenav.scss deleted file mode 100644 index 0b9af8f..0000000 --- a/docs/_sass/uikit/components/slidenav.scss +++ /dev/null @@ -1,122 +0,0 @@ -// Name: Slidenav -// Description: Component to create previous/next icon navigations -// -// Component: `uk-slidenav` -// -// Sub-objects: `uk-slidenav-container` -// -// Modifiers: `uk-slidenav-previous` -// `uk-slidenav-next` -// `uk-slidenav-large` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$slidenav-padding-vertical: 5px !default; -$slidenav-padding-horizontal: 10px !default; - -$slidenav-color: rgba($global-color, 0.5) !default; -$slidenav-hover-color: rgba($global-color, 0.9) !default; -$slidenav-active-color: rgba($global-color, 0.5) !default; - -$slidenav-large-padding-vertical: 10px !default; -$slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default; - - -/* ======================================================================== - Component: Slidenav - ========================================================================== */ - -/* - * Adopts `uk-icon` - */ - -.uk-slidenav { - padding: $slidenav-padding-vertical $slidenav-padding-horizontal; - color: $slidenav-color; - @if(mixin-exists(hook-slidenav)) {@include hook-slidenav();} -} - -/* Hover + Focus */ -.uk-slidenav:hover, -.uk-slidenav:focus { - color: $slidenav-hover-color; - outline: none; - @if(mixin-exists(hook-slidenav-hover)) {@include hook-slidenav-hover();} -} - -/* OnClick */ -.uk-slidenav:active { - color: $slidenav-active-color; - @if(mixin-exists(hook-slidenav-active)) {@include hook-slidenav-active();} -} - - -/* Icon modifier - ========================================================================== */ - -/* - * Previous - */ - -.uk-slidenav-previous { - @if(mixin-exists(hook-slidenav-previous)) {@include hook-slidenav-previous();} -} - -/* - * Next - */ - -.uk-slidenav-next { - @if(mixin-exists(hook-slidenav-next)) {@include hook-slidenav-next();} -} - - -/* Size modifier - ========================================================================== */ - -.uk-slidenav-large { - padding: $slidenav-large-padding-vertical $slidenav-large-padding-horizontal; - @if(mixin-exists(hook-slidenav-large)) {@include hook-slidenav-large();} -} - - -/* Container - ========================================================================== */ - -.uk-slidenav-container { - display: flex; - @if(mixin-exists(hook-slidenav-container)) {@include hook-slidenav-container();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-slidenav-misc)) {@include hook-slidenav-misc();} - -// @mixin hook-slidenav(){} -// @mixin hook-slidenav-hover(){} -// @mixin hook-slidenav-active(){} -// @mixin hook-slidenav-previous(){} -// @mixin hook-slidenav-next(){} -// @mixin hook-slidenav-large(){} -// @mixin hook-slidenav-container(){} -// @mixin hook-slidenav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-slidenav-color: rgba($inverse-global-color, 0.7) !default; -$inverse-slidenav-hover-color: rgba($inverse-global-color, 0.95) !default; -$inverse-slidenav-active-color: rgba($inverse-global-color, 0.7) !default; - - - -// @mixin hook-inverse-slidenav(){} -// @mixin hook-inverse-slidenav-hover(){} -// @mixin hook-inverse-slidenav-active(){} diff --git a/docs/_sass/uikit/components/slider.scss b/docs/_sass/uikit/components/slider.scss deleted file mode 100644 index 2799868..0000000 --- a/docs/_sass/uikit/components/slider.scss +++ /dev/null @@ -1,99 +0,0 @@ -// Name: Slider -// Description: Component to create horizontal sliders -// -// Component: `uk-slider` -// -// Sub-objects: `uk-slider-container` -// `uk-slider-items` -// -// States: `uk-active` -// -// ======================================================================== - - -/* ======================================================================== - Component: Slider - ========================================================================== */ - -/* - * 1. Prevent tab highlighting on iOS. - */ - -.uk-slider { - /* 1 */ - -webkit-tap-highlight-color: transparent; - @if(mixin-exists(hook-slider)) {@include hook-slider();} -} - - -/* Container - ========================================================================== */ - -/* - * 1. Clip child elements - */ - -.uk-slider-container { - /* 1 */ - overflow: hidden; -} - -/* Items - ========================================================================== */ - -/* - * 1. Optimize animation - * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. - */ - -.uk-slider-items { - /* 1 */ - will-change: transform; - /* 2 */ - position: relative; -} - -/* - * 1. Reset list style without interfering with grid - * 2. Prevent displaying the callout information on iOS. - */ - -.uk-slider-items:not(.uk-grid) { - display: flex; - /* 1 */ - margin: 0; - padding: 0; - list-style: none; - /* 2 */ - -webkit-touch-callout: none; -} - -.uk-slider-items.uk-grid { flex-wrap: nowrap; } - - -/* Item - ========================================================================== */ - -/* - * 1. Let items take content dimensions (0 0 auto) - * 2. Create position context - * 3. Disable horizontal panning gestures in IE11 and Edge - */ - -.uk-slider-items > * { - /* 1 */ - flex: none; - /* 2 */ - position: relative; - /* 3 */ - touch-action: pan-y; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-slider-misc)) {@include hook-slider-misc();} - -// @mixin hook-slider(){} -// @mixin hook-slider-misc(){} diff --git a/docs/_sass/uikit/components/slideshow.scss b/docs/_sass/uikit/components/slideshow.scss deleted file mode 100644 index fc355d4..0000000 --- a/docs/_sass/uikit/components/slideshow.scss +++ /dev/null @@ -1,93 +0,0 @@ -// Name: Slideshow -// Description: Component to create slideshows -// -// Component: `uk-slideshow` -// -// Sub-objects: `uk-slideshow-items` -// -// States: `uk-active` -// -// ======================================================================== - - -/* ======================================================================== - Component: Slideshow - ========================================================================== */ - -/* - * 1. Prevent tab highlighting on iOS. - */ - -.uk-slideshow { - /* 1 */ - -webkit-tap-highlight-color: transparent; - @if(mixin-exists(hook-slideshow)) {@include hook-slideshow();} -} - - -/* Items - ========================================================================== */ - -/* - * 1. Create position and stacking context - * 2. Reset list - * 3. Clip child elements - * 4. Prevent displaying the callout information on iOS. - */ - -.uk-slideshow-items { - /* 1 */ - position: relative; - z-index: 0; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - overflow: hidden; - /* 4 */ - -webkit-touch-callout: none; -} - - -/* Item - ========================================================================== */ - -/* - * 1. Position items above each other - * 2. Take the full width - * 3. Clip child elements, e.g. for `uk-cover` - * 4. Optimize animation - * 5. Disable horizontal panning gestures in IE11 and Edge - */ - -.uk-slideshow-items > * { - /* 1 */ - position: absolute; - top: 0; - left: 0; - /* 2 */ - right: 0; - bottom: 0; - /* 3 */ - overflow: hidden; - /* 4 */ - will-change: transform, opacity; - /* 5 */ - touch-action: pan-y; -} - -/* - * Hide not active items - */ - -.uk-slideshow-items > :not(.uk-active) { display: none; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-slideshow-misc)) {@include hook-slideshow-misc();} - -// @mixin hook-slideshow(){} -// @mixin hook-slideshow-misc(){} diff --git a/docs/_sass/uikit/components/sortable.scss b/docs/_sass/uikit/components/sortable.scss deleted file mode 100644 index 8895f11..0000000 --- a/docs/_sass/uikit/components/sortable.scss +++ /dev/null @@ -1,101 +0,0 @@ -// Name: Sortable -// Description: Component to create sortable grids and lists -// -// Component: `uk-sortable` -// -// Sub-objects: `uk-sortable-drag` -// `uk-sortable-placeholder` -// `uk-sortable-handle` -// -// Modifiers: `uk-sortable-empty` -// -// States: `uk-drag` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$sortable-dragged-z-index: $global-z-index + 50 !default; - -$sortable-placeholder-opacity: 0 !default; - -$sortable-empty-height: 50px !default; - - -/* ======================================================================== - Component: Sortable - ========================================================================== */ - -.uk-sortable { - position: relative; - @if(mixin-exists(hook-sortable)) {@include hook-sortable();} -} - -/* - * Deactivate browser touch actions in IE11 and Edge - */ - -.uk-sortable > * { touch-action: none; } - -/* - * Deactivate pointer-events on SVGs in Safari - */ - -.uk-sortable svg { pointer-events: none; } - -/* - * Remove margin from the last-child - */ - -.uk-sortable > :last-child { margin-bottom: 0; } - - -/* Drag - ========================================================================== */ - -.uk-sortable-drag { - position: absolute !important; - z-index: $sortable-dragged-z-index !important; - pointer-events: none; - @if(mixin-exists(hook-sortable-drag)) {@include hook-sortable-drag();} -} - - -/* Placeholder - ========================================================================== */ - -.uk-sortable-placeholder { - opacity: $sortable-placeholder-opacity; - @if(mixin-exists(hook-sortable-placeholder)) {@include hook-sortable-placeholder();} -} - - -/* Empty modifier - ========================================================================== */ - -.uk-sortable-empty { - min-height: $sortable-empty-height; - @if(mixin-exists(hook-sortable-empty)) {@include hook-sortable-empty();} -} - - -/* Handle - ========================================================================== */ - -/* Hover */ -.uk-sortable-handle:hover { cursor: move; } - - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-sortable-misc)) {@include hook-sortable-misc();} - -// @mixin hook-sortable(){} -// @mixin hook-sortable-drag(){} -// @mixin hook-sortable-placeholder(){} -// @mixin hook-sortable-empty(){} -// @mixin hook-sortable-misc(){} diff --git a/docs/_sass/uikit/components/spinner.scss b/docs/_sass/uikit/components/spinner.scss deleted file mode 100644 index a02f41d..0000000 --- a/docs/_sass/uikit/components/spinner.scss +++ /dev/null @@ -1,74 +0,0 @@ -// Name: Spinner -// Description: Component to create a loading spinner -// -// Component: `uk-spinner` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$spinner-size: 30px !default; -$spinner-stroke-width: 1 !default; -$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default; // Minus stroke width to prevent overflow clipping -$spinner-circumference: round(2 * 3.141 * $spinner-radius) !default; -$spinner-duration: 1.4s !default; - - -/* ======================================================================== - Component: Spinner - ========================================================================== */ - -/* - * Adopts `uk-icon` - */ - -.uk-spinner { - @if(mixin-exists(hook-spinner)) {@include hook-spinner();} -} - - -/* SVG - ========================================================================== */ - -.uk-spinner > * { animation: uk-spinner-rotate $spinner-duration linear infinite; } - -@keyframes uk-spinner-rotate { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(270deg); } -} - -/* - * Circle - */ - -.uk-spinner > * > * { - stroke-dasharray: $spinner-circumference; - stroke-dashoffset: 0; - transform-origin: center; - animation: uk-spinner-dash $spinner-duration ease-in-out infinite; - stroke-width: $spinner-stroke-width; - stroke-linecap: round; -} - -@keyframes uk-spinner-dash { - 0% { stroke-dashoffset: $spinner-circumference; } - 50% { - stroke-dashoffset: $spinner-circumference/4; - transform:rotate(135deg); - } - 100% { - stroke-dashoffset: $spinner-circumference; - transform:rotate(450deg); - } -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-spinner-misc)) {@include hook-spinner-misc();} - -// @mixin hook-spinner(){} -// @mixin hook-spinner-misc(){} diff --git a/docs/_sass/uikit/components/sticky.scss b/docs/_sass/uikit/components/sticky.scss deleted file mode 100644 index e8e54f9..0000000 --- a/docs/_sass/uikit/components/sticky.scss +++ /dev/null @@ -1,53 +0,0 @@ -// Name: Sticky -// Description: Component to make elements sticky in the viewport -// -// Component: `uk-sticky` -// -// Modifier: `uk-sticky-fixed` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$sticky-z-index: $global-z-index - 20 !default; - -$sticky-animation-duration: 0.2s !default; -$sticky-reverse-animation-duration: 0.2s !default; - - -/* ======================================================================== - Component: Sticky - ========================================================================== */ - -/* - * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration - */ - -.uk-sticky-fixed { - z-index: $sticky-z-index; - box-sizing: border-box; - margin: 0 !important; - /* 1 */ - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -/* - * Faster animations - */ - -.uk-sticky[class*='uk-animation-'] { animation-duration: $sticky-animation-duration; } - -.uk-sticky.uk-animation-reverse { animation-duration: $sticky-reverse-animation-duration; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-sticky-misc)) {@include hook-sticky-misc();} - -// @mixin hook-sticky-misc(){} diff --git a/docs/_sass/uikit/components/subnav.scss b/docs/_sass/uikit/components/subnav.scss deleted file mode 100644 index 5397501..0000000 --- a/docs/_sass/uikit/components/subnav.scss +++ /dev/null @@ -1,232 +0,0 @@ -// Name: Subnav -// Description: Component to create a sub navigation -// -// Component: `uk-subnav` -// -// Modifiers: `uk-subnav-divider` -// `uk-subnav-pill` -// -// States: `uk-active` -// `uk-first-column` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$subnav-margin-horizontal: 20px !default; - -$subnav-item-color: $global-muted-color !default; -$subnav-item-hover-color: $global-color !default; -$subnav-item-hover-text-decoration: none !default; -$subnav-item-active-color: $global-emphasis-color !default; - -$subnav-divider-margin-horizontal: $subnav-margin-horizontal !default; -$subnav-divider-border-height: 1.5em !default; -$subnav-divider-border-width: $global-border-width !default; -$subnav-divider-border: $global-border !default; - -$subnav-pill-item-padding-vertical: 5px !default; -$subnav-pill-item-padding-horizontal: 10px !default; -$subnav-pill-item-background: transparent !default; -$subnav-pill-item-color: $subnav-item-color !default; -$subnav-pill-item-hover-background: $global-muted-background !default; -$subnav-pill-item-hover-color: $global-color !default; -$subnav-pill-item-onclick-background: $subnav-pill-item-hover-background !default; -$subnav-pill-item-onclick-color: $subnav-pill-item-hover-color !default; -$subnav-pill-item-active-background: $global-primary-background !default; -$subnav-pill-item-active-color: $global-inverse-color !default; - -$subnav-item-disabled-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Subnav - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Gutter - * 3. Reset list - */ - -.uk-subnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin-left: (-$subnav-margin-horizontal); - /* 3 */ - padding: 0; - list-style: none; - @if(mixin-exists(hook-subnav)) {@include hook-subnav();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ - -.uk-subnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $subnav-margin-horizontal; - /* 3 */ - position: relative; -} - - -/* Items - ========================================================================== */ - -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * Using `:first-child` instead of `a` to support `span` elements for text - * 1. Prevent gap if child element is `inline-block`, e.g. an icon - * 2. Style - */ - -.uk-subnav > * > :first-child { - /* 1 */ - display: block; - /* 2 */ - color: $subnav-item-color; - @if(mixin-exists(hook-subnav-item)) {@include hook-subnav-item();} -} - -/* Hover + Focus */ -.uk-subnav > * > a:hover, -.uk-subnav > * > a:focus { - color: $subnav-item-hover-color; - text-decoration: $subnav-item-hover-text-decoration; - outline: none; - @if(mixin-exists(hook-subnav-item-hover)) {@include hook-subnav-item-hover();} -} - -/* Active */ -.uk-subnav > .uk-active > a { - color: $subnav-item-active-color; - @if(mixin-exists(hook-subnav-item-active)) {@include hook-subnav-item-active();} -} - - -/* Divider modifier - ========================================================================== */ - -/* - * 1. Align items and divider vertically - */ - -.uk-subnav-divider > * { - /* 1 */ - display: flex; - align-items: center; -} - -/* - * Divider - * `nth-child` makes it also work without JS if it's only one row - */ - -.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { - content: ""; - height: $subnav-divider-border-height; - margin-left: ($subnav-divider-margin-horizontal - $subnav-margin-horizontal); - margin-right: $subnav-divider-margin-horizontal; - border-left: $subnav-divider-border-width solid $subnav-divider-border; - @if(mixin-exists(hook-subnav-divider)) {@include hook-subnav-divider();} -} - - -/* Pill modifier - ========================================================================== */ - -.uk-subnav-pill > * > :first-child { - padding: $subnav-pill-item-padding-vertical $subnav-pill-item-padding-horizontal; - background: $subnav-pill-item-background; - color: $subnav-pill-item-color; - @if(mixin-exists(hook-subnav-pill-item)) {@include hook-subnav-pill-item();} -} - -/* Hover + Focus */ -.uk-subnav-pill > * > a:hover, -.uk-subnav-pill > * > a:focus { - background-color: $subnav-pill-item-hover-background; - color: $subnav-pill-item-hover-color; - @if(mixin-exists(hook-subnav-pill-item-hover)) {@include hook-subnav-pill-item-hover();} -} - -/* OnClick */ -.uk-subnav-pill > * > a:active { - background-color: $subnav-pill-item-onclick-background; - color: $subnav-pill-item-onclick-color; - @if(mixin-exists(hook-subnav-pill-item-onclick)) {@include hook-subnav-pill-item-onclick();} -} - -/* Active */ -.uk-subnav-pill > .uk-active > a { - background-color: $subnav-pill-item-active-background; - color: $subnav-pill-item-active-color; - @if(mixin-exists(hook-subnav-pill-item-active)) {@include hook-subnav-pill-item-active();} -} - - -/* Disabled - * The same for all style modifiers - ========================================================================== */ - -.uk-subnav > .uk-disabled > a { - color: $subnav-item-disabled-color; - @if(mixin-exists(hook-subnav-item-disabled)) {@include hook-subnav-item-disabled();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-subnav-misc)) {@include hook-subnav-misc();} - -// @mixin hook-subnav(){} -// @mixin hook-subnav-item(){} -// @mixin hook-subnav-item-hover(){} -// @mixin hook-subnav-item-active(){} -// @mixin hook-subnav-divider(){} -// @mixin hook-subnav-pill-item(){} -// @mixin hook-subnav-pill-item-hover(){} -// @mixin hook-subnav-pill-item-onclick(){} -// @mixin hook-subnav-pill-item-active(){} -// @mixin hook-subnav-item-disabled(){} -// @mixin hook-subnav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-subnav-item-color: $inverse-global-muted-color !default; -$inverse-subnav-item-hover-color: $inverse-global-color !default; -$inverse-subnav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-subnav-divider-border: $inverse-global-border !default; -$inverse-subnav-pill-item-background: transparent !default; -$inverse-subnav-pill-item-color: $inverse-global-muted-color !default; -$inverse-subnav-pill-item-hover-background: $inverse-global-muted-background !default; -$inverse-subnav-pill-item-hover-color: $inverse-global-color !default; -$inverse-subnav-pill-item-onclick-background: $inverse-subnav-pill-item-hover-background !default; -$inverse-subnav-pill-item-onclick-color: $inverse-subnav-pill-item-hover-color !default; -$inverse-subnav-pill-item-active-background: $inverse-global-primary-background !default; -$inverse-subnav-pill-item-active-color: $inverse-global-inverse-color !default; -$inverse-subnav-item-disabled-color: $inverse-global-muted-color !default; - - - -// @mixin hook-inverse-subnav-item(){} -// @mixin hook-inverse-subnav-item-hover(){} -// @mixin hook-inverse-subnav-item-active(){} -// @mixin hook-inverse-subnav-divider(){} -// @mixin hook-inverse-subnav-pill-item(){} -// @mixin hook-inverse-subnav-pill-item-hover(){} -// @mixin hook-inverse-subnav-pill-item-onclick(){} -// @mixin hook-inverse-subnav-pill-item-active(){} -// @mixin hook-inverse-subnav-item-disabled(){} diff --git a/docs/_sass/uikit/components/switcher.scss b/docs/_sass/uikit/components/switcher.scss deleted file mode 100644 index 0d99cdf..0000000 --- a/docs/_sass/uikit/components/switcher.scss +++ /dev/null @@ -1,47 +0,0 @@ -// Name: Switcher -// Description: Component to navigate through different content panes -// -// Component: `uk-switcher` -// -// States: `uk-active` -// -// ======================================================================== - - -/* ======================================================================== - Component: Switcher - ========================================================================== */ - -/* - * Reset list - */ - -.uk-switcher { - margin: 0; - padding: 0; - list-style: none; -} - - -/* Items - ========================================================================== */ - -/* - * Hide not active items - */ - -.uk-switcher > :not(.uk-active) { display: none; } - -/* - * Remove margin from the last-child - */ - -.uk-switcher > * > :last-child { margin-bottom: 0; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-switcher-misc)) {@include hook-switcher-misc();} - -// @mixin hook-switcher-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/tab.scss b/docs/_sass/uikit/components/tab.scss deleted file mode 100644 index 87e0a67..0000000 --- a/docs/_sass/uikit/components/tab.scss +++ /dev/null @@ -1,191 +0,0 @@ -// Name: Tab -// Description: Component to create a tabbed navigation -// -// Component: `uk-tab` -// -// Modifiers: `uk-tab-bottom` -// `uk-tab-left` -// `uk-tab-right` -// -// States: `uk-active` -// `uk-disabled` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$tab-margin-horizontal: 20px !default; - -$tab-item-padding-horizontal: 10px !default; -$tab-item-padding-vertical: 5px !default; -$tab-item-color: $global-muted-color !default; -$tab-item-hover-color: $global-color !default; -$tab-item-hover-text-decoration: none !default; -$tab-item-active-color: $global-emphasis-color !default; -$tab-item-disabled-color: $global-muted-color !default; - - -/* ======================================================================== - Component: Tab - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Gutter - * 3. Reset list - */ - -.uk-tab { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin-left: (-$tab-margin-horizontal); - /* 3 */ - padding: 0; - list-style: none; - @if(mixin-exists(hook-tab)) {@include hook-tab();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - * 3. Create position context for dropdowns - */ - -.uk-tab > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $tab-margin-horizontal; - /* 3 */ - position: relative; -} - - -/* Items - ========================================================================== */ - -/* - * Items must target `a` elements to exclude other elements (e.g. dropdowns) - * 1. Center text if a width is set - * 2. Style - */ - -.uk-tab > * > a { - /* 1 */ - display: block; - text-align: center; - /* 2 */ - padding: $tab-item-padding-vertical $tab-item-padding-horizontal; - color: $tab-item-color; - @if(mixin-exists(hook-tab-item)) {@include hook-tab-item();} -} - -/* Hover + Focus */ -.uk-tab > * > a:hover, -.uk-tab > * > a:focus { - color: $tab-item-hover-color; - text-decoration: $tab-item-hover-text-decoration; - @if(mixin-exists(hook-tab-item-hover)) {@include hook-tab-item-hover();} -} - -/* Active */ -.uk-tab > .uk-active > a { - color: $tab-item-active-color; - @if(mixin-exists(hook-tab-item-active)) {@include hook-tab-item-active();} -} - -/* Disabled */ -.uk-tab > .uk-disabled > a { - color: $tab-item-disabled-color; - @if(mixin-exists(hook-tab-item-disabled)) {@include hook-tab-item-disabled();} -} - - -/* Position modifier - ========================================================================== */ - -/* - * Bottom - */ - -.uk-tab-bottom { - @if(mixin-exists(hook-tab-bottom)) {@include hook-tab-bottom();} -} - -.uk-tab-bottom > * > a { - @if(mixin-exists(hook-tab-bottom-item)) {@include hook-tab-bottom-item();} -} - -/* - * Left + Right - * 1. Reset Gutter - */ - -.uk-tab-left, -.uk-tab-right { - flex-direction: column; - /* 1 */ - margin-left: 0; -} - -/* 1 */ -.uk-tab-left > *, -.uk-tab-right > * { padding-left: 0; } - -.uk-tab-left { - @if(mixin-exists(hook-tab-left)) {@include hook-tab-left();} -} - -.uk-tab-right { - @if(mixin-exists(hook-tab-right)) {@include hook-tab-right();} -} - -.uk-tab-left > * > a { - text-align: left; - @if(mixin-exists(hook-tab-left-item)) {@include hook-tab-left-item();} -} - -.uk-tab-right > * > a { - text-align: left; - @if(mixin-exists(hook-tab-right-item)) {@include hook-tab-right-item();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-tab-misc)) {@include hook-tab-misc();} - -// @mixin hook-tab(){} -// @mixin hook-tab-item(){} -// @mixin hook-tab-item-hover(){} -// @mixin hook-tab-item-active(){} -// @mixin hook-tab-item-disabled(){} -// @mixin hook-tab-bottom(){} -// @mixin hook-tab-bottom-item(){} -// @mixin hook-tab-left(){} -// @mixin hook-tab-left-item(){} -// @mixin hook-tab-right(){} -// @mixin hook-tab-right-item(){} -// @mixin hook-tab-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-tab-item-color: $inverse-global-muted-color !default; -$inverse-tab-item-hover-color: $inverse-global-color !default; -$inverse-tab-item-active-color: $inverse-global-emphasis-color !default; -$inverse-tab-item-disabled-color: $inverse-global-muted-color !default; - - - -// @mixin hook-inverse-tab(){} -// @mixin hook-inverse-tab-item(){} -// @mixin hook-inverse-tab-item-hover(){} -// @mixin hook-inverse-tab-item-active(){} -// @mixin hook-inverse-tab-item-disabled(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/table.scss b/docs/_sass/uikit/components/table.scss deleted file mode 100644 index 313d218..0000000 --- a/docs/_sass/uikit/components/table.scss +++ /dev/null @@ -1,316 +0,0 @@ -// Name: Table -// Description: Styles for tables -// -// Component: `uk-table` -// -// Modifiers: `uk-table-middle` -// `uk-table-divider` -// `uk-table-striped` -// `uk-table-hover` -// `uk-table-small` -// `uk-table-justify` -// `uk-table-shrink` -// `uk-table-expand` -// `uk-table-link` -// `uk-table-responsive` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$table-margin-vertical: $global-margin !default; - -$table-cell-padding-vertical: 16px !default; -$table-cell-padding-horizontal: 12px !default; - -$table-header-cell-font-size: $global-font-size !default; -$table-header-cell-font-weight: bold !default; -$table-header-cell-color: $global-color !default; - -$table-footer-font-size: $global-small-font-size !default; - -$table-caption-font-size: $global-small-font-size !default; -$table-caption-color: $global-muted-color !default; - -$table-row-active-background: #ffd !default; - -$table-divider-border-width: $global-border-width !default; -$table-divider-border: $global-border !default; - -$table-striped-row-background: $global-muted-background !default; - -$table-hover-row-background: $table-row-active-background !default; - -$table-small-cell-padding-vertical: 10px !default; -$table-small-cell-padding-horizontal: 12px !default; - -$table-large-cell-padding-vertical: 22px !default; -$table-large-cell-padding-horizontal: 12px !default; - -$table-expand-min-width: 150px !default; - - -/* ======================================================================== - Component: Table - ========================================================================== */ - -/* - * 1. Remove most spacing between table cells. - * 2. Behave like a block element - * 3. Style - */ - -.uk-table { - /* 1 */ - border-collapse: collapse; - border-spacing: 0; - /* 2 */ - width: 100%; - /* 3 */ - margin-bottom: $table-margin-vertical; - @if(mixin-exists(hook-table)) {@include hook-table();} -} - -/* Add margin if adjacent element */ -* + .uk-table { margin-top: $table-margin-vertical; } - - -/* Header cell - ========================================================================== */ - -/* - * 1. Style - */ - -.uk-table th { - padding: $table-cell-padding-vertical $table-cell-padding-horizontal; - text-align: left; - vertical-align: bottom; - /* 1 */ - font-size: $table-header-cell-font-size; - font-weight: $table-header-cell-font-weight; - color: $table-header-cell-color; - @if(mixin-exists(hook-table-header-cell)) {@include hook-table-header-cell();} -} - - -/* Cell - ========================================================================== */ - -.uk-table td { - padding: $table-cell-padding-vertical $table-cell-padding-horizontal; - vertical-align: top; - @if(mixin-exists(hook-table-cell)) {@include hook-table-cell();} -} - -/* - * Remove margin from the last-child - */ - -.uk-table td > :last-child { margin-bottom: 0; } - - -/* Footer - ========================================================================== */ - -.uk-table tfoot { - font-size: $table-footer-font-size; - @if(mixin-exists(hook-table-footer)) {@include hook-table-footer();} -} - - -/* Caption - ========================================================================== */ - -.uk-table caption { - font-size: $table-caption-font-size; - text-align: left; - color: $table-caption-color; - @if(mixin-exists(hook-table-caption)) {@include hook-table-caption();} -} - - -/* Row - ========================================================================== */ - -.uk-table > tr.uk-active, -.uk-table tbody tr.uk-active { - background: $table-row-active-background; - @if(mixin-exists(hook-table-row-active)) {@include hook-table-row-active();} -} - - -/* Alignment modifier - ========================================================================== */ - -.uk-table-middle, -.uk-table-middle td { vertical-align: middle !important; } - - -/* Style modifiers - ========================================================================== */ - -/* - * Divider - */ - -.uk-table-divider > tr:not(:first-child), -.uk-table-divider > :not(:first-child) > tr, -.uk-table-divider > :first-child > tr:not(:first-child) { - border-top: $table-divider-border-width solid $table-divider-border; - @if(mixin-exists(hook-table-divider)) {@include hook-table-divider();} -} - -/* - * Striped - */ - -.uk-table-striped > tr:nth-of-type(odd), -.uk-table-striped tbody tr:nth-of-type(odd) { - background: $table-striped-row-background; - @if(mixin-exists(hook-table-striped)) {@include hook-table-striped();} -} - -/* - * Hover - */ - -.uk-table-hover > tr:hover, -.uk-table-hover tbody tr:hover { - background: $table-hover-row-background; - @if(mixin-exists(hook-table-hover)) {@include hook-table-hover();} -} - - -/* Size modifier - ========================================================================== */ - -.uk-table-small th, -.uk-table-small td { - padding: $table-small-cell-padding-vertical $table-small-cell-padding-horizontal; - @if(mixin-exists(hook-table-small)) {@include hook-table-small();} -} - -.uk-table-large th, -.uk-table-large td { - padding: $table-large-cell-padding-vertical $table-large-cell-padding-horizontal; - @if(mixin-exists(hook-table-large)) {@include hook-table-large();} -} - - -/* Justify modifier - ========================================================================== */ - -.uk-table-justify th:first-child, -.uk-table-justify td:first-child { padding-left: 0; } - -.uk-table-justify th:last-child, -.uk-table-justify td:last-child { padding-right: 0; } - - -/* Cell size modifier - ========================================================================== */ - -.uk-table-shrink { width: 1px; } -.uk-table-expand { min-width: $table-expand-min-width; } - - -/* Cell link modifier - ========================================================================== */ - -/* - * Does not work with `uk-table-justify` at the moment - */ - -.uk-table-link { padding: 0 !important; } - -.uk-table-link > a { - display: block; - padding: $table-cell-padding-vertical $table-cell-padding-horizontal; -} - -.uk-table-small .uk-table-link > a { padding: $table-small-cell-padding-vertical $table-small-cell-padding-horizontal; } - - -/* Responsive table - ========================================================================== */ - - -/* Phone landscape and smaller */ -@media (max-width: $breakpoint-small-max) { - - .uk-table-responsive, - .uk-table-responsive tbody, - .uk-table-responsive th, - .uk-table-responsive td, - .uk-table-responsive tr { display: block; } - - .uk-table-responsive thead { display: none; } - - .uk-table-responsive th, - .uk-table-responsive td { - width: auto !important; - max-width: none !important; - min-width: 0 !important; - overflow: visible !important; - white-space: normal !important; - } - - .uk-table-responsive th:not(:first-child):not(.uk-table-link), - .uk-table-responsive td:not(:first-child):not(.uk-table-link), - .uk-table-responsive .uk-table-link:not(:first-child) > a { padding-top: round($table-cell-padding-vertical / 3) !important; } - - .uk-table-responsive th:not(:last-child):not(.uk-table-link), - .uk-table-responsive td:not(:last-child):not(.uk-table-link), - .uk-table-responsive .uk-table-link:not(:last-child) > a { padding-bottom: round($table-cell-padding-vertical / 3) !important; } - - .uk-table-justify.uk-table-responsive th, - .uk-table-justify.uk-table-responsive td { - padding-left: 0; - padding-right: 0; - } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-table-misc)) {@include hook-table-misc();} - -// @mixin hook-table(){} -// @mixin hook-table-header-cell(){} -// @mixin hook-table-cell(){} -// @mixin hook-table-footer(){} -// @mixin hook-table-caption(){} -// @mixin hook-table-row-active(){} -// @mixin hook-table-divider(){} -// @mixin hook-table-striped(){} -// @mixin hook-table-hover(){} -// @mixin hook-table-small(){} -// @mixin hook-table-large(){} -// @mixin hook-table-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-table-header-cell-color: $inverse-global-color !default; -$inverse-table-caption-color: $inverse-global-muted-color !default; -$inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default; -$inverse-table-divider-border: $inverse-global-border !default; -$inverse-table-striped-row-background: $inverse-global-muted-background !default; -$inverse-table-hover-row-background: $inverse-table-row-active-background !default; - - - -// @mixin hook-inverse-table-header-cell(){} -// @mixin hook-inverse-table-caption(){} -// @mixin hook-inverse-table-row-active(){} -// @mixin hook-inverse-table-divider(){} -// @mixin hook-inverse-table-striped(){} -// @mixin hook-inverse-table-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/text.scss b/docs/_sass/uikit/components/text.scss deleted file mode 100644 index c60915b..0000000 --- a/docs/_sass/uikit/components/text.scss +++ /dev/null @@ -1,262 +0,0 @@ -// Name: Text -// Description: Utilities for text -// -// Component: `uk-text-*` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$text-lead-font-size: $global-large-font-size !default; -$text-lead-line-height: 1.5 !default; -$text-lead-color: $global-emphasis-color !default; - -$text-meta-font-size: $global-small-font-size !default; -$text-meta-line-height: 1.4 !default; -$text-meta-color: $global-muted-color !default; - -$text-small-font-size: $global-small-font-size !default; -$text-small-line-height: 1.5 !default; - -$text-large-font-size: $global-large-font-size !default; -$text-large-line-height: 1.5 !default; - -$text-bold-font-weight: bolder !default; - -$text-muted-color: $global-muted-color !default; -$text-primary-color: $global-primary-background !default; -$text-success-color: $global-success-background !default; -$text-warning-color: $global-warning-background !default; -$text-danger-color: $global-danger-background !default; - -$text-background-color: $global-primary-background !default; - - -/* ======================================================================== - Component: Text - ========================================================================== */ - - -/* Style modifiers - ========================================================================== */ - -.uk-text-lead { - font-size: $text-lead-font-size; - line-height: $text-lead-line-height; - color: $text-lead-color; - @if(mixin-exists(hook-text-lead)) {@include hook-text-lead();} -} - -.uk-text-meta { - font-size: $text-meta-font-size; - line-height: $text-meta-line-height; - color: $text-meta-color; - @if(mixin-exists(hook-text-meta)) {@include hook-text-meta();} -} - - -/* Size modifiers - ========================================================================== */ - -.uk-text-small { - font-size: $text-small-font-size; - line-height: $text-small-line-height; - @if(mixin-exists(hook-text-small)) {@include hook-text-small();} -} - -.uk-text-large { - font-size: $text-large-font-size; - line-height: $text-large-line-height; - @if(mixin-exists(hook-text-large)) {@include hook-text-large();} -} - - -/* Weight modifier - ========================================================================== */ - -.uk-text-bold { font-weight: $text-bold-font-weight; } - - -/* Transform modifier - ========================================================================== */ - -.uk-text-uppercase { text-transform: uppercase !important; } -.uk-text-capitalize { text-transform: capitalize !important; } -.uk-text-lowercase { text-transform: lowercase !important; } - - -/* Color modifiers - ========================================================================== */ - -.uk-text-muted { color: $text-muted-color !important; } -.uk-text-primary { color: $text-primary-color !important; } -.uk-text-success { color: $text-success-color !important; } -.uk-text-warning { color: $text-warning-color !important; } -.uk-text-danger { color: $text-danger-color !important; } - - -/* Background modifier - ========================================================================== */ - -/* - * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera - * Default color is set to transparent - * 2. Container fits the text - * 3. Fallback color for IE11 - */ - -.uk-text-background { - /* 1 */ - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - /* 2 */ - display: inline-block; - /* 3 */ - color: $text-background-color !important; -} - -@supports (-webkit-background-clip: text) { - - .uk-text-background { - background-color: $text-background-color; - @if(mixin-exists(hook-text-background)) {@include hook-text-background();} - } - -} - - -/* Alignment modifiers - ========================================================================== */ - -.uk-text-left { text-align: left !important; } -.uk-text-right { text-align: right !important; } -.uk-text-center { text-align: center !important; } -.uk-text-justify { text-align: justify !important; } - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-text-left\@s { text-align: left !important; } - .uk-text-right\@s { text-align: right !important; } - .uk-text-center\@s { text-align: center !important; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-text-left\@m { text-align: left !important; } - .uk-text-right\@m { text-align: right !important; } - .uk-text-center\@m { text-align: center !important; } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-text-left\@l { text-align: left !important; } - .uk-text-right\@l { text-align: right !important; } - .uk-text-center\@l { text-align: center !important; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-text-left\@xl { text-align: left !important; } - .uk-text-right\@xl { text-align: right !important; } - .uk-text-center\@xl { text-align: center !important; } - -} - -/* - * Vertical - */ - -.uk-text-top { vertical-align: top !important; } -.uk-text-middle { vertical-align: middle !important; } -.uk-text-bottom { vertical-align: bottom !important; } -.uk-text-baseline { vertical-align: baseline !important; } - - -/* Wrap modifiers - ========================================================================== */ - -/* - * Prevent text from wrapping onto multiple lines - */ - -.uk-text-nowrap { white-space: nowrap; } - -/* - * 1. Make sure a max-width is set after which truncation can occur - * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis - * 3. Fix for table cells - */ - -.uk-text-truncate { - /* 1 */ - max-width: 100%; - /* 2 */ - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -/* 2 */ -th.uk-text-truncate, -td.uk-text-truncate { max-width: 0; } - - -/* - * 1. Wrap long words onto the next line and break them if they are too long to fit - * 2. Legacy `word-wrap` as fallback for `overflow-wrap` - * 3. Add a hyphen where the word breaks - * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge - * Must use `break-all` to support IE11 and Edge - */ - -.uk-text-break { - /* 1 */ - overflow-wrap: break-word; - /* 2 */ - word-wrap: break-word; - /* 3 */ - -ms-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; -} - -/* 4 */ -th.uk-text-break, -td.uk-text-break { word-break: break-all; } - - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-text-misc)) {@include hook-text-misc();} - -// @mixin hook-text-lead(){} -// @mixin hook-text-meta(){} -// @mixin hook-text-small(){} -// @mixin hook-text-large(){} -// @mixin hook-text-background(){} -// @mixin hook-text-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-text-lead-color: $inverse-global-color !default; -$inverse-text-meta-color: $inverse-global-muted-color !default; -$inverse-text-muted-color: $inverse-global-muted-color !default; -$inverse-text-primary-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-text-lead(){} -// @mixin hook-inverse-text-meta(){} diff --git a/docs/_sass/uikit/components/thumbnav.scss b/docs/_sass/uikit/components/thumbnav.scss deleted file mode 100644 index ee551f9..0000000 --- a/docs/_sass/uikit/components/thumbnav.scss +++ /dev/null @@ -1,123 +0,0 @@ -// Name: Thumbnav -// Description: Component to create thumbnail navigations -// -// Component: `uk-thumbnav` -// -// Modifier: `uk-thumbnav-vertical` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$thumbnav-margin-horizontal: 15px !default; -$thumbnav-margin-vertical: $thumbnav-margin-horizontal !default; - - -/* ======================================================================== - Component: Thumbnav - ========================================================================== */ - -/* - * 1. Allow items to wrap into the next line - * 2. Reset list - * 3. Gutter - */ - -.uk-thumbnav { - display: flex; - /* 1 */ - flex-wrap: wrap; - /* 2 */ - margin: 0; - padding: 0; - list-style: none; - /* 3 */ - margin-left: (-$thumbnav-margin-horizontal); - @if(mixin-exists(hook-thumbnav)) {@include hook-thumbnav();} -} - -/* - * 1. Space is allocated solely based on content dimensions: 0 0 auto - * 2. Gutter - */ - -.uk-thumbnav > * { - /* 1 */ - flex: none; - /* 2 */ - padding-left: $thumbnav-margin-horizontal; -} - - -/* Items - ========================================================================== */ - -/* - * Items - */ - -.uk-thumbnav > * > * { - display: inline-block; - @if(mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();} -} - -/* Hover + Focus */ -.uk-thumbnav > * > :hover, -.uk-thumbnav > * > :focus { - outline: none; - @if(mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();} -} - -/* Active */ -.uk-thumbnav > .uk-active > * { - @if(mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();} -} - - -/* Modifier: 'uk-thumbnav-vertical' - ========================================================================== */ - -/* - * 1. Change direction - * 2. Gutter - */ - -.uk-thumbnav-vertical { - /* 1 */ - flex-direction: column; - /* 2 */ - margin-left: 0; - margin-top: (-$thumbnav-margin-vertical); -} - -/* 2 */ -.uk-thumbnav-vertical > * { - padding-left: 0; - padding-top: $thumbnav-margin-vertical; -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();} - -// @mixin hook-thumbnav(){} -// @mixin hook-thumbnav-item(){} -// @mixin hook-thumbnav-item-hover(){} -// @mixin hook-thumbnav-item-active(){} -// @mixin hook-thumbnav-misc(){} - - -// Inverse -// ======================================================================== - - - -// @mixin hook-inverse-thumbnav-item(){} -// @mixin hook-inverse-thumbnav-item-hover(){} -// @mixin hook-inverse-thumbnav-item-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/components/tile.scss b/docs/_sass/uikit/components/tile.scss deleted file mode 100644 index 3a364bf..0000000 --- a/docs/_sass/uikit/components/tile.scss +++ /dev/null @@ -1,224 +0,0 @@ -// Name: Tile -// Description: Component to create tiled boxes -// -// Component: `uk-tile` -// -// Modifiers: `uk-tile-xsmall` -// `uk-tile-small` -// `uk-tile-large` -// `uk-tile-xlarge` -// `uk-tile-default` -// `uk-tile-muted` -// `uk-tile-primary` -// `uk-tile-secondary` -// -// States: `uk-preserve-color` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$tile-padding-horizontal: 15px !default; -$tile-padding-horizontal-s: $global-gutter !default; -$tile-padding-horizontal-m: $global-medium-gutter !default; -$tile-padding-vertical: $global-medium-margin !default; -$tile-padding-vertical-m: $global-large-margin !default; - -$tile-xsmall-padding-vertical: $global-margin !default; - -$tile-small-padding-vertical: $global-medium-margin !default; - -$tile-large-padding-vertical: $global-large-margin !default; -$tile-large-padding-vertical-m: $global-xlarge-margin !default; - -$tile-xlarge-padding-vertical: $global-xlarge-margin !default; -$tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; - -$tile-default-background: $global-background !default; - -$tile-muted-background: $global-muted-background !default; - -$tile-primary-background: $global-primary-background !default; -$tile-primary-color-mode: light !default; - -$tile-secondary-background: $global-secondary-background !default; -$tile-secondary-color-mode: light !default; - - -/* ======================================================================== - Component: Tile - ========================================================================== */ - -.uk-tile { - position: relative; - box-sizing: border-box; - padding-left: $tile-padding-horizontal; - padding-right: $tile-padding-horizontal; - padding-top: $tile-padding-vertical; - padding-bottom: $tile-padding-vertical; - @if(mixin-exists(hook-tile)) {@include hook-tile();} -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-tile { - padding-left: $tile-padding-horizontal-s; - padding-right: $tile-padding-horizontal-s; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-tile { - padding-left: $tile-padding-horizontal-m; - padding-right: $tile-padding-horizontal-m; - padding-top: $tile-padding-vertical-m; - padding-bottom: $tile-padding-vertical-m; - } - -} - -/* - * Micro clearfix - */ - -.uk-tile::before, -.uk-tile::after { - content: ""; - display: table; -} - -.uk-tile::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-tile > :last-child { margin-bottom: 0; } - - -/* Size modifiers - ========================================================================== */ - -/* - * XSmall - */ - -.uk-tile-xsmall { - padding-top: $tile-xsmall-padding-vertical; - padding-bottom: $tile-xsmall-padding-vertical; -} - -/* - * Small - */ - -.uk-tile-small { - padding-top: $tile-small-padding-vertical; - padding-bottom: $tile-small-padding-vertical; -} - -/* - * Large - */ - -.uk-tile-large { - padding-top: $tile-large-padding-vertical; - padding-bottom: $tile-large-padding-vertical; -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-tile-large { - padding-top: $tile-large-padding-vertical-m; - padding-bottom: $tile-large-padding-vertical-m; - } - -} - - -/* - * XLarge - */ - -.uk-tile-xlarge { - padding-top: $tile-xlarge-padding-vertical; - padding-bottom: $tile-xlarge-padding-vertical; -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-tile-xlarge { - padding-top: $tile-xlarge-padding-vertical-m; - padding-bottom: $tile-xlarge-padding-vertical-m; - } - -} - - -/* Style modifiers - ========================================================================== */ - -/* - * Default - */ - -.uk-tile-default { - background: $tile-default-background; - @if(mixin-exists(hook-tile-default)) {@include hook-tile-default();} -} - -/* - * Muted - */ - -.uk-tile-muted { - background: $tile-muted-background; - @if(mixin-exists(hook-tile-muted)) {@include hook-tile-muted();} -} - -/* - * Primary - */ - -.uk-tile-primary { - background: $tile-primary-background; - @if(mixin-exists(hook-tile-primary)) {@include hook-tile-primary();} -} - -// Color Mode -@if ( $tile-primary-color-mode == light ) { .uk-tile-primary:not(.uk-preserve-color) { @extend .uk-light !optional;} } -@if ( $tile-primary-color-mode == dark ) { .uk-tile-primary:not(.uk-preserve-color) { @extend .uk-dark !optional;} } - -/* - * Secondary - */ - -.uk-tile-secondary { - background: $tile-secondary-background; - @if(mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();} -} - -// Color Mode -@if ( $tile-secondary-color-mode == light ) { .uk-tile-secondary:not(.uk-preserve-color) { @extend .uk-light !optional;} } -@if ( $tile-secondary-color-mode == dark ) { .uk-tile-secondary:not(.uk-preserve-color) { @extend .uk-dark !optional;} } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-tile-misc)) {@include hook-tile-misc();} - -// @mixin hook-tile(){} -// @mixin hook-tile-default(){} -// @mixin hook-tile-muted(){} -// @mixin hook-tile-primary(){} -// @mixin hook-tile-secondary(){} -// @mixin hook-tile-misc(){} diff --git a/docs/_sass/uikit/components/tooltip.scss b/docs/_sass/uikit/components/tooltip.scss deleted file mode 100644 index 1f8e8c8..0000000 --- a/docs/_sass/uikit/components/tooltip.scss +++ /dev/null @@ -1,84 +0,0 @@ -// Name: Tooltip -// Description: Component to create tooltips -// -// Component: `uk-tooltip` -// -// Modifiers `uk-tooltip-top` -// `uk-tooltip-top-left` -// `uk-tooltip-top-right` -// `uk-tooltip-bottom` -// `uk-tooltip-bottom-left` -// `uk-tooltip-bottom-right` -// `uk-tooltip-left` -// `uk-tooltip-right` -// -// States: `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$tooltip-z-index: $global-z-index + 30 !default; -$tooltip-max-width: 200px !default; -$tooltip-padding-vertical: 3px !default; -$tooltip-padding-horizontal: 6px !default; -$tooltip-background: #666 !default; -$tooltip-border-radius: 2px !default; -$tooltip-color: $global-inverse-color !default; -$tooltip-font-size: 12px !default; - -$tooltip-margin: 10px !default; - - -/* ======================================================================== - Component: Tooltip - ========================================================================== */ - -/* - * 1. Hide by default - * 2. Position - * 3. Dimensions - * 4. Style - */ - -.uk-tooltip { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: $tooltip-z-index; - /* 3 */ - box-sizing: border-box; - max-width: $tooltip-max-width; - padding: $tooltip-padding-vertical $tooltip-padding-horizontal; - /* 4 */ - background: $tooltip-background; - border-radius: $tooltip-border-radius; - color: $tooltip-color; - font-size: $tooltip-font-size; - @if(mixin-exists(hook-tooltip)) {@include hook-tooltip();} -} - -/* Show */ -.uk-tooltip.uk-active { display: block; } - - -/* Direction / Alignment modifiers - ========================================================================== */ - -/* Direction */ -[class*='uk-tooltip-top'] { margin-top: (-$tooltip-margin); } -[class*='uk-tooltip-bottom'] { margin-top: $tooltip-margin; } -[class*='uk-tooltip-left'] { margin-left: (-$tooltip-margin); } -[class*='uk-tooltip-right'] { margin-left: $tooltip-margin; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();} - -// @mixin hook-tooltip(){} -// @mixin hook-tooltip-misc(){} diff --git a/docs/_sass/uikit/components/totop.scss b/docs/_sass/uikit/components/totop.scss deleted file mode 100644 index 4b8aa1d..0000000 --- a/docs/_sass/uikit/components/totop.scss +++ /dev/null @@ -1,71 +0,0 @@ -// Name: Totop -// Description: Component to create an icon to scroll back to top -// -// Component: `uk-totop` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$totop-padding: 5px !default; -$totop-color: $global-muted-color !default; - -$totop-hover-color: $global-color !default; - -$totop-active-color: $global-emphasis-color !default; - - -/* ======================================================================== - Component: Totop - ========================================================================== */ - -/* - * Addopts `uk-icon` - */ - -.uk-totop { - padding: $totop-padding; - color: $totop-color; - @if(mixin-exists(hook-totop)) {@include hook-totop();} -} - -/* Hover + Focus */ -.uk-totop:hover, -.uk-totop:focus { - color: $totop-hover-color; - outline: none; - @if(mixin-exists(hook-totop-hover)) {@include hook-totop-hover();} -} - -/* OnClick */ -.uk-totop:active { - color: $totop-active-color; - @if(mixin-exists(hook-totop-active)) {@include hook-totop-active();} -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-totop-misc)) {@include hook-totop-misc();} - -// @mixin hook-totop(){} -// @mixin hook-totop-hover(){} -// @mixin hook-totop-active(){} -// @mixin hook-totop-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-totop-color: $inverse-global-muted-color !default; -$inverse-totop-hover-color: $inverse-global-color !default; -$inverse-totop-active-color: $inverse-global-emphasis-color !default; - - - -// @mixin hook-inverse-totop(){} -// @mixin hook-inverse-totop-hover(){} -// @mixin hook-inverse-totop-active(){} diff --git a/docs/_sass/uikit/components/transition.scss b/docs/_sass/uikit/components/transition.scss deleted file mode 100644 index c999274..0000000 --- a/docs/_sass/uikit/components/transition.scss +++ /dev/null @@ -1,145 +0,0 @@ -// Name: Transition -// Description: Utilities for transitions -// -// Component: `uk-transition-*` -// -// Modifiers: `uk-transition-fade` -// `uk-transition-scale-up` -// `uk-transition-scale-down` -// `uk-transition-slide-top-*` -// `uk-transition-slide-bottom-*` -// `uk-transition-slide-left-*` -// `uk-transition-slide-right-*` -// `uk-transition-opaque` -// `uk-transition-slow` -// -// Sub-objects: `uk-transition-toggle`, -// `uk-transition-active` -// -// States: `uk-hover` -// `uk-active` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$transition-duration: 0.3s !default; - -$transition-scale: 1.1 !default; - -$transition-slide-small-translate: 10px !default; -$transition-slide-medium-translate: 50px !default; - -$transition-slow-duration: 0.7s !default; - - -/* ======================================================================== - Component: Transition - ========================================================================== */ - -/* - * Using multiple selectors to exclude `uk-transition-toggle` - * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform` - * Just put the transition in an extra `div` - */ - -.uk-transition-fade, -[class*='uk-transition-scale'], -[class*='uk-transition-slide'] { - transition: $transition-duration ease-out; - transition-property: opacity, transform, filter; -} - -.uk-transition-toggle:focus { outline: none; } - -/* - * Fade - */ - -.uk-transition-fade { opacity: 0; } - -/* Show */ -.uk-transition-toggle:hover [class*='uk-transition-fade'], -.uk-transition-toggle.uk-hover [class*='uk-transition-fade'], -.uk-transition-toggle:focus [class*='uk-transition-fade'], -.uk-transition-active.uk-active [class*='uk-transition-fade'] { opacity: 1; } - -/* - * Scale - * Note: Using `scale3d` for better image rendering - */ - -[class*='uk-transition-scale'] { opacity: 0; } - -.uk-transition-scale-up { transform: scale3d(1,1,1); } - -.uk-transition-scale-down { transform: scale3d($transition-scale,$transition-scale,1); } - -/* Show */ -.uk-transition-toggle:hover .uk-transition-scale-up, -.uk-transition-toggle.uk-hover .uk-transition-scale-up, -.uk-transition-toggle:focus .uk-transition-scale-up, -.uk-transition-active.uk-active .uk-transition-scale-up { - opacity: 1; - transform: scale3d($transition-scale,$transition-scale,1); -} - -.uk-transition-toggle:hover .uk-transition-scale-down, -.uk-transition-toggle.uk-hover .uk-transition-scale-down, -.uk-transition-toggle:focus .uk-transition-scale-down, -.uk-transition-active.uk-active .uk-transition-scale-down { - opacity: 1; - transform: scale3d(1,1,1); -} - -/* - * Slide - */ - -[class*='uk-transition-slide'] { opacity: 0; } - -.uk-transition-slide-top { transform: translateY(-100%); } -.uk-transition-slide-bottom { transform: translateY(100%); } -.uk-transition-slide-left { transform: translateX(-100%); } -.uk-transition-slide-right { transform: translateX(100%); } - -.uk-transition-slide-top-small { transform: translateY(-$transition-slide-small-translate); } -.uk-transition-slide-bottom-small { transform: translateY($transition-slide-small-translate); } -.uk-transition-slide-left-small { transform: translateX(-$transition-slide-small-translate); } -.uk-transition-slide-right-small { transform: translateX($transition-slide-small-translate); } - -.uk-transition-slide-top-medium { transform: translateY(-$transition-slide-medium-translate); } -.uk-transition-slide-bottom-medium { transform: translateY($transition-slide-medium-translate); } -.uk-transition-slide-left-medium { transform: translateX(-$transition-slide-medium-translate); } -.uk-transition-slide-right-medium { transform: translateX($transition-slide-medium-translate); } - -/* Show */ -.uk-transition-toggle:hover [class*='uk-transition-slide'], -.uk-transition-toggle.uk-hover [class*='uk-transition-slide'], -.uk-transition-toggle:focus [class*='uk-transition-slide'], -.uk-transition-active.uk-active [class*='uk-transition-slide'] { - opacity: 1; - transform: translateX(0) translateY(0); -} - - -/* Opacity modifier -========================================================================== */ - -.uk-transition-opaque { opacity: 1; } - - -/* Duration modifiers -========================================================================== */ - -.uk-transition-slow { transition-duration: $transition-slow-duration; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-transition-misc)) {@include hook-transition-misc();} - -// @mixin hook-transition-misc(){} diff --git a/docs/_sass/uikit/components/utility.scss b/docs/_sass/uikit/components/utility.scss deleted file mode 100644 index 2ac1777..0000000 --- a/docs/_sass/uikit/components/utility.scss +++ /dev/null @@ -1,570 +0,0 @@ -// Name: Utility -// Description: Utilities collection -// -// Component: `uk-panel-*` -// `uk-clearfix` -// `uk-float-*` -// `uk-overflow-*` -// `uk-resize-*` -// `uk-display-*` -// `uk-inline-*` -// `uk-height-*` -// `uk-responsive-*` -// `uk-preserve-width` -// `uk-border-*` -// `uk-box-shadow-*` -// `uk-box-shadow-bottom` -// `uk-dropcap` -// `uk-leader` -// `uk-logo` -// `uk-svg` -// `uk-blend-*` -// `uk-transform-*` -// `uk-transform-origin-*` -// -// States: `uk-disabled` -// `uk-drag` -// `uk-dragover` -// `uk-preserve` -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$panel-scrollable-height: 170px !default; -$panel-scrollable-padding: 10px !default; -$panel-scrollable-border-width: $global-border-width !default; -$panel-scrollable-border: $global-border !default; - -$height-small-height: 150px !default; -$height-medium-height: 300px !default; -$height-large-height: 450px !default; - -$border-rounded-border-radius: 5px !default; - -$box-shadow-duration: 0.1s !default; - -$box-shadow-bottom-height: 30px !default; -$box-shadow-bottom-border-radius: 100% !default; -$box-shadow-bottom-background: #444 !default; -$box-shadow-bottom-blur: 20px !default; - -$dropcap-margin-right: 10px !default; -$dropcap-font-size: (($global-line-height * 3) * 1em) !default; - -$leader-fill-content: '.' !default; -$leader-fill-margin-left: $global-small-gutter !default; - -$logo-font-size: $global-large-font-size !default; -$logo-font-family: $global-font-family !default; -$logo-color: $global-color !default; -$logo-hover-color: $global-color !default; - -$dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default; - - -/* ======================================================================== - Component: Utility - ========================================================================== */ - - -/* Panel - ========================================================================== */ - -.uk-panel { - position: relative; - box-sizing: border-box; -} - -/* - * Micro clearfix - */ - -.uk-panel::before, -.uk-panel::after { - content: ""; - display: table; -} - -.uk-panel::after { clear: both; } - -/* - * Remove margin from the last-child - */ - -.uk-panel > :last-child { margin-bottom: 0; } - - -/* - * Scrollable - */ - -.uk-panel-scrollable { - height: $panel-scrollable-height; - padding: $panel-scrollable-padding; - border: $panel-scrollable-border-width solid $panel-scrollable-border; - overflow: auto; - -webkit-overflow-scrolling: touch; - resize: both; - @if(mixin-exists(hook-panel-scrollable)) {@include hook-panel-scrollable();} -} - - -/* Clearfix - ========================================================================== */ - -/* - * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit - * 2. `table` is used again with `::after` because `clear` only works with block elements. - * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari - */ - -/* 1 */ -.uk-clearfix::before { - content: ""; - display: table-cell; -} - -/* 2 */ -.uk-clearfix::after { - content: ""; - display: table; - clear: both; -} - - -/* Float - ========================================================================== */ - -/* - * 1. Prevent content overflow - */ - -.uk-float-left { float: left; } -.uk-float-right { float: right; } - -/* 1 */ -[class*='uk-float-'] { max-width: 100%; } - - -/* Overfow - ========================================================================== */ - -.uk-overflow-hidden { overflow: hidden; } - -/* - * Enable scrollbars if content is clipped - * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 - */ - -.uk-overflow-auto { - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.uk-overflow-auto > :last-child { margin-bottom: 0; } - - -/* Resize - ========================================================================== */ - -.uk-resize { resize: both; } -.uk-resize-vertical { resize: vertical; } - - -/* Display - ========================================================================== */ - -.uk-display-block { display: block !important; } -.uk-display-inline { display: inline !important; } -.uk-display-inline-block { display: inline-block !important; } - - -/* Inline - ========================================================================== */ - -/* - * 1. Container fits its content - * 2. Create position context - * 3. Prevent content overflow - * 4. Behave like most inline-block elements - * 5. Force hardware acceleration without creating a new stacking context - * to fix 1px glitch when combined with overlays and transitions in Webkit - * 6. Clip child elements - */ - -[class*='uk-inline'] { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; - /* 5 */ - -webkit-backface-visibility: hidden; -} - -.uk-inline-clip { - /* 6 */ - overflow: hidden; -} - - -/* Height - ========================================================================== */ - -[class*='uk-height'] { box-sizing: border-box; } - -/* - * Only works if parent element has a height set - */ - -.uk-height-1-1 { height: 100%; } - -/* - * Useful to create image teasers - */ - -.uk-height-viewport { min-height: 100vh; } - -/* - * Pixel - * Useful for `overflow: auto` - */ - -.uk-height-small { height: $height-small-height; } -.uk-height-medium { height: $height-medium-height; } -.uk-height-large { height: $height-large-height; } - -.uk-height-max-small { max-height: $height-small-height; } -.uk-height-max-medium { max-height: $height-medium-height; } -.uk-height-max-large { max-height: $height-large-height; } - - -/* Responsive objects - ========================================================================== */ - -/* - * Preserve original dimensions - * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component - */ - -.uk-preserve-width, -.uk-preserve-width audio, -.uk-preserve-width canvas, -.uk-preserve-width img, -.uk-preserve-width svg, -.uk-preserve-width video { max-width: none; } - -/* - * Responsiveness - * Corrects `max-width` and `max-height` behavior if padding and border are used - */ - -.uk-responsive-width, -.uk-responsive-height { box-sizing: border-box; } - -/* - * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` - * 2. Auto scale the height. Only needed if `height` attribute is present - */ - -.uk-responsive-width { - /* 1 */ - max-width: 100% !important; - /* 2 */ - height: auto; -} - -/* - * 1. Set a maximum height. Only works if the parent element has a fixed height - * 2. Auto scale the width. Only needed if `width` attribute is present - * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default - */ - -.uk-responsive-height { - /* 1 */ - max-height: 100%; - /* 2 */ - width: auto; - /* 3 */ - max-width: none; -} - - -/* Border - ========================================================================== */ - -.uk-border-circle { border-radius: 50%; } -.uk-border-rounded { border-radius: $border-rounded-border-radius; } - -/* - * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit - */ - -.uk-inline-clip[class*='uk-border-'] { -webkit-transform: translateZ(0); } - - -/* Box-shadow - ========================================================================== */ - -.uk-box-shadow-small { box-shadow: $global-small-box-shadow; } -.uk-box-shadow-medium { box-shadow: $global-medium-box-shadow; } -.uk-box-shadow-large { box-shadow: $global-large-box-shadow; } -.uk-box-shadow-xlarge { box-shadow: $global-xlarge-box-shadow; } - -/* - * Hover - */ - -[class*='uk-box-shadow-hover'] { transition: box-shadow $box-shadow-duration ease-in-out; } - -.uk-box-shadow-hover-small:hover { box-shadow: $global-small-box-shadow; } -.uk-box-shadow-hover-medium:hover { box-shadow: $global-medium-box-shadow; } -.uk-box-shadow-hover-large:hover { box-shadow: $global-large-box-shadow; } -.uk-box-shadow-hover-xlarge:hover { box-shadow: $global-xlarge-box-shadow; } - - -/* Box-shadow bottom - ========================================================================== */ - -/* - * 1. Set position. - * 2. Set style - * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. - * Solved by using `before` and add position context to child elements. - */ - -@supports (filter: blur(0)) { - - .uk-box-shadow-bottom { - display: inline-block; - position: relative; - max-width: 100%; - vertical-align: middle; - } - - .uk-box-shadow-bottom::before { - content: ''; - /* 1 */ - position: absolute; - bottom: (-$box-shadow-bottom-height); - left: 0; - right: 0; - /* 2 */ - height: $box-shadow-bottom-height; - border-radius: $box-shadow-bottom-border-radius; - background: $box-shadow-bottom-background; - filter: blur($box-shadow-bottom-blur); - @if(mixin-exists(hook-box-shadow-bottom)) {@include hook-box-shadow-bottom();} - } - - /* 3 */ - .uk-box-shadow-bottom > * { position: relative; } - -} - - -/* Drop cap - ========================================================================== */ - -.uk-dropcap::first-letter, -.uk-dropcap > p:first-of-type::first-letter { - display: block; - margin-right: $dropcap-margin-right; - float: left; - font-size: $dropcap-font-size; - line-height: 1; - @if(mixin-exists(hook-dropcap)) {@include hook-dropcap();} -} - - -/* Leader - ========================================================================== */ - -.uk-leader { overflow: hidden; } - -/* - * 1. Place element in text flow - * 2. Never break into a new line - * 3. Get a string back with as many repeating characters to fill the container - * 4. Prevent wrapping. Overflowing characters will be clipped by the container - */ - -.uk-leader-fill::after { - /* 1 */ - display: inline-block; - margin-left: $leader-fill-margin-left; - /* 2 */ - width: 0; - /* 3 */ - content: attr(data-fill); - /* 4 */ - white-space: nowrap; - @if(mixin-exists(hook-leader)) {@include hook-leader();} -} - -/* - * Hide if media does not match - */ - -.uk-leader-fill.uk-leader-hide::after { display: none; } - -/* Pass fill character to JS */ -.var-leader-fill:before { content: $leader-fill-content; } - - -/* Logo - ========================================================================== */ - -/* - * 1. Required for `a` - */ - -.uk-logo { - font-size: $logo-font-size; - font-family: $logo-font-family; - color: $logo-color; - /* 1 */ - text-decoration: none; - @if(mixin-exists(hook-logo)) {@include hook-logo();} -} - -/* Hover + Focus */ -.uk-logo:hover, -.uk-logo:focus { - color: $logo-hover-color; - outline: none; - /* 1 */ - text-decoration: none; - @if(mixin-exists(hook-logo-hover)) {@include hook-logo-hover();} -} - -.uk-logo-inverse { display: none; } - - -/* SVG - ========================================================================== */ - -/* - * 1. Fill all SVG elements with the current text color if no `fill` attribute is set - * 2. Set the fill and stroke color of all SVG elements to the current text color - * 3. Fix for uppercase attribute names in Edge. Will be fixed in Windows 10 builds 16251+ - */ - -/* 1 */ -.uk-svg, -/* 2 */ -.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve), -.uk-svg:not(.uk-preserve) [FILL*='#']:not(.uk-preserve) { fill: currentcolor; } // 3 -.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), -.uk-svg:not(.uk-preserve) [STROKE*='#']:not(.uk-preserve) { stroke: currentcolor; } // 3 - -/* - * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 - */ - -.uk-svg { transform: translate(0,0); } - - -/* Disabled State - ========================================================================== */ - -.uk-disabled { pointer-events: none; } - - -/* Drag State - ========================================================================== */ - -/* - * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons - * 2. Fix dragging over iframes - */ - -.uk-drag, -/* 1 */ -.uk-drag * { cursor: move; } - -/* 2 */ -.uk-drag iframe { pointer-events: none; } - - -/* Dragover State - ========================================================================== */ - -/* - * Create a box-shadow when dragging a file over the upload area - */ - -.uk-dragover { box-shadow: $dragover-box-shadow; } - - -/* Blend modes - ========================================================================== */ - -.uk-blend-multiply { mix-blend-mode: multiply; } -.uk-blend-screen { mix-blend-mode: screen; } -.uk-blend-overlay { mix-blend-mode: overlay; } -.uk-blend-darken { mix-blend-mode: darken; } -.uk-blend-lighten { mix-blend-mode: lighten; } -.uk-blend-color-dodge { mix-blend-mode: color-dodge; } -.uk-blend-color-burn { mix-blend-mode: color-burn; } -.uk-blend-hard-light { mix-blend-mode: hard-light; } -.uk-blend-soft-light { mix-blend-mode: soft-light; } -.uk-blend-difference { mix-blend-mode: difference; } -.uk-blend-exclusion { mix-blend-mode: exclusion; } -.uk-blend-hue { mix-blend-mode: hue; } -.uk-blend-saturation { mix-blend-mode: saturation; } -.uk-blend-color { mix-blend-mode: color; } -.uk-blend-luminosity { mix-blend-mode: luminosity; } - - -/* Transform -========================================================================== */ - -.uk-transform-center { transform: translate(-50%, -50%); } - - -/* Transform Origin -========================================================================== */ - -.uk-transform-origin-top-left { transform-origin: 0 0; } -.uk-transform-origin-top-center { transform-origin: 50% 0; } -.uk-transform-origin-top-right { transform-origin: 100% 0; } -.uk-transform-origin-center-left { transform-origin: 0 50%; } -.uk-transform-origin-center-right { transform-origin: 100% 50%; } -.uk-transform-origin-bottom-left { transform-origin: 0 100%; } -.uk-transform-origin-bottom-center { transform-origin: 50% 100%; } -.uk-transform-origin-bottom-right { transform-origin: 100% 100%; } - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-utility-misc)) {@include hook-utility-misc();} - -// @mixin hook-panel-scrollable(){} -// @mixin hook-box-shadow-bottom(){} -// @mixin hook-dropcap(){} -// @mixin hook-leader(){} -// @mixin hook-logo(){} -// @mixin hook-logo-hover(){} -// @mixin hook-utility-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-logo-color: $inverse-global-color !default; -$inverse-logo-hover-color: $inverse-global-color !default; - - - -// @mixin hook-inverse-dropcap(){} -// @mixin hook-inverse-leader(){} -// @mixin hook-inverse-logo(){} -// @mixin hook-inverse-logo-hover(){} diff --git a/docs/_sass/uikit/components/variables.scss b/docs/_sass/uikit/components/variables.scss deleted file mode 100644 index a08406a..0000000 --- a/docs/_sass/uikit/components/variables.scss +++ /dev/null @@ -1,117 +0,0 @@ -// -// Component: Variables -// Description: Defines common values which are used across all components -// -// ======================================================================== - - -// Breakpoints -// ======================================================================== - -// Phone Portrait: Galaxy (360x640), iPhone 6 (375x667), iPhone 6+ (414x736) -// Phone Landscape: Galaxy (640x360), iPhone 6 (667x375), iPhone 6+ (736x414) -// Tablet Portrait: iPad (768x1024), Galaxy Tab (800x1280), -// Tablet Landscape: iPad (1024x768), iPad Pro (1024x1366), -// Desktop: Galaxy Tab (1280x800), iPad Pro (1366x1024) - -$breakpoint-small: 640px !default; // Phone landscape -$breakpoint-medium: 960px !default; // Tablet Landscape -$breakpoint-large: 1200px !default; // Desktop -$breakpoint-xlarge: 1600px !default; // Large Screens - -$breakpoint-xsmall-max: ($breakpoint-small - 1) !default; -$breakpoint-small-max: ($breakpoint-medium - 1) !default; -$breakpoint-medium-max: ($breakpoint-large - 1) !default; -$breakpoint-large-max: ($breakpoint-xlarge - 1) !default; - - -// Global variables -// ======================================================================== - -// -// Typography -// - -$global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; -$global-font-size: 16px !default; -$global-line-height: 1.5 !default; // 24px - -$global-xxlarge-font-size: 2.625rem !default; // 42px -$global-xlarge-font-size: 2rem !default; // 32px -$global-large-font-size: 1.5rem !default; // 24px -$global-medium-font-size: 1.25rem !default; // 20px -$global-small-font-size: 0.875rem !default; // 14px - -// -// Colors -// - -$global-color: #666 !default; -$global-emphasis-color: #333 !default; -$global-muted-color: #999 !default; - -$global-link-color: #1e87f0 !default; -$global-link-hover-color: #0f6ecd !default; - -$global-inverse-color: #fff !default; - -// -// Backgrounds -// - -$global-background: #fff !default; - -$global-muted-background: #f8f8f8 !default; -$global-primary-background: #1e87f0 !default; -$global-secondary-background: #222 !default; - -$global-success-background: #32d296 !default; -$global-warning-background: #faa05a !default; -$global-danger-background: #f0506e !default; - -// -// Borders -// - -$global-border-width: 1px !default; -$global-border: #e5e5e5 !default; - -// -// Box-Shadows -// - -$global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08) !default; -$global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08) !default; -$global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16) !default; -$global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16) !default; - -// -// Spacings -// - -// Used in margin, section, list -$global-margin: 20px !default; -$global-small-margin: 10px !default; -$global-medium-margin: 40px !default; -$global-large-margin: 70px !default; -$global-xlarge-margin: 140px !default; - -// Used in grid, column, container, align, card, padding -$global-gutter: 30px !default; -$global-small-gutter: 15px !default; -$global-medium-gutter: 40px !default; -$global-large-gutter: 70px !default; - -// -// Controls -// - -$global-control-height: 40px !default; -$global-control-small-height: 30px !default; -$global-control-large-height: 55px !default; - -// -// Z-index -// - -$global-z-index: 1000 !default; \ No newline at end of file diff --git a/docs/_sass/uikit/components/visibility.scss b/docs/_sass/uikit/components/visibility.scss deleted file mode 100644 index ee800a1..0000000 --- a/docs/_sass/uikit/components/visibility.scss +++ /dev/null @@ -1,151 +0,0 @@ -// Name: Visibility -// Description: Utilities to show or hide content on breakpoints, hover or touch -// -// Component: `uk-hidden-*` -// `uk-visible-*` -// `uk-invisible` -// `uk-visible-toggle` -// `uk-hidden-hover` -// `uk-invisible-hover` -// `uk-hidden-touch` -// `uk-hidden-notouch` -// -// ======================================================================== - - -/* ======================================================================== - Component: Visibility - ========================================================================== */ - -/* - * Hidden - * `hidden` attribute also set here to make it stronger - */ - -[hidden], -.uk-hidden { display: none !important; } - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-hidden\@s { display: none !important; } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-hidden\@m { display: none !important; } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-hidden\@l { display: none !important; } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-hidden\@xl { display: none !important; } - -} - -/* - * Visible - */ - -/* Phone portrait and smaller */ -@media (max-width: $breakpoint-xsmall-max) { - - .uk-visible\@s { display: none !important; } - -} - -/* Phone landscape and smaller */ -@media (max-width: $breakpoint-small-max) { - - .uk-visible\@m { display: none !important; } - -} - -/* Tablet landscape and smaller */ -@media (max-width: $breakpoint-medium-max) { - - .uk-visible\@l { display: none !important; } - -} - -/* Desktop and smaller */ -@media (max-width: $breakpoint-large-max) { - - .uk-visible\@xl { display: none !important; } - -} - - -/* Visibility - ========================================================================== */ - -.uk-invisible { visibility: hidden !important; } - - -/* Hover - ========================================================================== */ - -/* - * Hidden - * Can't use `display: hidden` because it's not focusable. This is accessible through keyboard. - */ - -.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-hidden-hover:not(:focus) { - position: absolute !important; - width: 0 !important; - height: 0 !important; - padding: 0 !important; - margin: 0 !important; - overflow: hidden !important; -} - -/* - * Invisible - * Can't use `visibility: hidden` because it's not focusable. This is accessible through keyboard. - */ - -.uk-visible-toggle:not(:hover):not(.uk-hover) .uk-invisible-hover:not(:focus) { opacity: 0 !important; } - - -/* Touch - ========================================================================== */ - -/* - * Hide if primary pointing device has limited accuracy, e.g. a touch screen. - * Works on mobile browsers: Safari, Chrome and Android browser - */ - -@media (pointer: coarse) { - .uk-hidden-touch { display: none !important; } -} - -/* - * Hide if primary pointing device is accurate, e.g. mouse. - * 1. Fallback for IE11 and Firefox, because `pointer` is not supported - * 2. Reset if supported - */ - -/* 1 */ -.uk-hidden-notouch { display: none !important; } - -@media (pointer: coarse) { - .uk-hidden-notouch { display: block !important; } -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-visibility-misc)) {@include hook-visibility-misc();} - -// @mixin hook-visibility-misc(){} diff --git a/docs/_sass/uikit/components/width.scss b/docs/_sass/uikit/components/width.scss deleted file mode 100644 index 7f4a2cb..0000000 --- a/docs/_sass/uikit/components/width.scss +++ /dev/null @@ -1,398 +0,0 @@ -// Name: Width -// Description: Utilities for widths -// -// Component: `uk-child-width-*` -// `uk-width-*` -// -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$width-small-width: 150px !default; -$width-medium-width: 300px !default; -$width-large-width: 450px !default; -$width-xlarge-width: 600px !default; -$width-xxlarge-width: 750px !default; - - -/* ======================================================================== - Component: Width - ========================================================================== */ - - -/* Equal child widths - ========================================================================== */ - -[class*='uk-child-width'] > * { - box-sizing: border-box; - width: 100%; -} - -.uk-child-width-1-2 > * { width: 50%; } -.uk-child-width-1-3 > * { width: unquote('calc(100% * 1 / 3.001)'); } -.uk-child-width-1-4 > * { width: 25%; } -.uk-child-width-1-5 > * { width: 20%; } -.uk-child-width-1-6 > * { width: unquote('calc(100% * 1 / 6.001)'); } - -.uk-child-width-auto > * { width: auto; } - -/* - * Instead of 0, 1px is needed to make cell wrap into next row if predecessor is 100% wide - * and the grid gutter is 0 pixels wide - */ - -.uk-child-width-expand > * { width: 1px; } - -/* - * 1. Make `width: 1px` work, because according to the spec flex items won’t shrink - * below their minimum content size. To change this, set the min-width. - * Only needed for Firefox. All other browsers ignore this. - * - * 2. `width` is ignored when wrapping flex items in Safari - * https://github.com/philipwalton/flexbugs#11-min-and-max-size-declarations-are-ignored-when-wrapping-flex-items - */ - -.uk-child-width-expand > :not([class*='uk-width']) { - flex: 1; - /* 1 */ - min-width: 0; - /* 2 */ - flex-basis: 1px; -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - .uk-child-width-1-1\@s > * { width: 100%; } - .uk-child-width-1-2\@s > * { width: 50%; } - .uk-child-width-1-3\@s > * { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-child-width-1-4\@s > * { width: 25%; } - .uk-child-width-1-5\@s > * { width: 20%; } - .uk-child-width-1-6\@s > * { width: unquote('calc(100% * 1 / 6.001)'); } - - .uk-child-width-auto\@s > * { width: auto; } - .uk-child-width-expand\@s > * { width: 1px; } - - .uk-child-width-expand\@s > :not([class*='uk-width']) { - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - .uk-child-width-1-1\@m > * { width: 100%; } - .uk-child-width-1-2\@m > * { width: 50%; } - .uk-child-width-1-3\@m > * { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-child-width-1-4\@m > * { width: 25%; } - .uk-child-width-1-5\@m > * { width: 20%; } - .uk-child-width-1-6\@m > * { width: unquote('calc(100% * 1 / 6.001)'); } - - .uk-child-width-auto\@m > * { width: auto; } - .uk-child-width-expand\@m > * { width: 1px; } - - .uk-child-width-expand\@m > :not([class*='uk-width']) { - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - .uk-child-width-1-1\@l > * { width: 100%; } - .uk-child-width-1-2\@l > * { width: 50%; } - .uk-child-width-1-3\@l > * { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-child-width-1-4\@l > * { width: 25%; } - .uk-child-width-1-5\@l > * { width: 20%; } - .uk-child-width-1-6\@l > * { width: unquote('calc(100% * 1 / 6.001)'); } - - .uk-child-width-auto\@l > * { width: auto; } - .uk-child-width-expand\@l > * { width: 1px; } - - .uk-child-width-expand\@l > :not([class*='uk-width']) { - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - .uk-child-width-1-1\@xl > * { width: 100%; } - .uk-child-width-1-2\@xl > * { width: 50%; } - .uk-child-width-1-3\@xl > * { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-child-width-1-4\@xl > * { width: 25%; } - .uk-child-width-1-5\@xl > * { width: 20%; } - .uk-child-width-1-6\@xl > * { width: unquote('calc(100% * 1 / 6.001)'); } - - .uk-child-width-auto\@xl > * { width: auto; } - .uk-child-width-expand\@xl > * { width: 1px; } - - .uk-child-width-expand\@xl > :not([class*='uk-width']) { - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - - -/* Single Widths - ========================================================================== */ - -/* - * 1. `max-width` is needed for the pixel-based classes - */ - -[class*='uk-width'] { - box-sizing: border-box; - width: 100%; - /* 1 */ - max-width: 100%; -} - -/* Halves */ -.uk-width-1-2 { width: 50%; } - -/* Thirds */ -.uk-width-1-3 { width: unquote('calc(100% * 1 / 3.001)'); } -.uk-width-2-3 { width: unquote('calc(100% * 2 / 3.001)'); } - -/* Quarters */ -.uk-width-1-4 { width: 25%; } -.uk-width-3-4 { width: 75%; } - -/* Fifths */ -.uk-width-1-5 { width: 20%; } -.uk-width-2-5 { width: 40%; } -.uk-width-3-5 { width: 60%; } -.uk-width-4-5 { width: 80%; } - -/* Sixths */ -.uk-width-1-6 { width: unquote('calc(100% * 1 / 6.001)'); } -.uk-width-5-6 { width: unquote('calc(100% * 5 / 6.001)'); } - -/* Pixel */ -.uk-width-small { width: $width-small-width; } -.uk-width-medium { width: $width-medium-width; } -.uk-width-large { width: $width-large-width; } -.uk-width-xlarge { width: $width-xlarge-width; } -.uk-width-xxlarge { width: $width-xxlarge-width; } - -/* Auto */ -.uk-width-auto { width: auto; } - -/* Expand */ -.uk-width-expand { - width: 1px; - flex: 1; - min-width: 0; - flex-basis: 1px; -} - -/* Phone landscape and bigger */ -@media (min-width: $breakpoint-small) { - - /* Whole */ - .uk-width-1-1\@s { width: 100%; } - - /* Halves */ - .uk-width-1-2\@s { width: 50%; } - - /* Thirds */ - .uk-width-1-3\@s { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-width-2-3\@s { width: unquote('calc(100% * 2 / 3.001)'); } - - /* Quarters */ - .uk-width-1-4\@s { width: 25%; } - .uk-width-3-4\@s { width: 75%; } - - /* Fifths */ - .uk-width-1-5\@s { width: 20%; } - .uk-width-2-5\@s { width: 40%; } - .uk-width-3-5\@s { width: 60%; } - .uk-width-4-5\@s { width: 80%; } - - /* Sixths */ - .uk-width-1-6\@s { width: unquote('calc(100% * 1 / 6.001)'); } - .uk-width-5-6\@s { width: unquote('calc(100% * 5 / 6.001)'); } - - /* Pixel */ - .uk-width-small\@s { width: $width-small-width; } - .uk-width-medium\@s { width: $width-medium-width; } - .uk-width-large\@s { width: $width-large-width; } - .uk-width-xlarge\@s { width: $width-xlarge-width; } - .uk-width-xxlarge\@s { width: $width-xxlarge-width; } - - /* Auto */ - .uk-width-auto\@s { width: auto; } - - /* Expand */ - .uk-width-expand\@s { - width: 1px; - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Tablet landscape and bigger */ -@media (min-width: $breakpoint-medium) { - - /* Whole */ - .uk-width-1-1\@m { width: 100%; } - - /* Halves */ - .uk-width-1-2\@m { width: 50%; } - - /* Thirds */ - .uk-width-1-3\@m { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-width-2-3\@m { width: unquote('calc(100% * 2 / 3.001)'); } - - /* Quarters */ - .uk-width-1-4\@m { width: 25%; } - .uk-width-3-4\@m { width: 75%; } - - /* Fifths */ - .uk-width-1-5\@m { width: 20%; } - .uk-width-2-5\@m { width: 40%; } - .uk-width-3-5\@m { width: 60%; } - .uk-width-4-5\@m { width: 80%; } - - /* Sixths */ - .uk-width-1-6\@m { width: unquote('calc(100% * 1 / 6.001)'); } - .uk-width-5-6\@m { width: unquote('calc(100% * 5 / 6.001)'); } - - /* Pixel */ - .uk-width-small\@m { width: $width-small-width; } - .uk-width-medium\@m { width: $width-medium-width; } - .uk-width-large\@m { width: $width-large-width; } - .uk-width-xlarge\@m { width: $width-xlarge-width; } - .uk-width-xxlarge\@m { width: $width-xxlarge-width; } - - /* Auto */ - .uk-width-auto\@m { width: auto; } - - /* Expand */ - .uk-width-expand\@m { - width: 1px; - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Desktop and bigger */ -@media (min-width: $breakpoint-large) { - - /* Whole */ - .uk-width-1-1\@l { width: 100%; } - - /* Halves */ - .uk-width-1-2\@l { width: 50%; } - - /* Thirds */ - .uk-width-1-3\@l { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-width-2-3\@l { width: unquote('calc(100% * 2 / 3.001)'); } - - /* Quarters */ - .uk-width-1-4\@l { width: 25%; } - .uk-width-3-4\@l { width: 75%; } - - /* Fifths */ - .uk-width-1-5\@l { width: 20%; } - .uk-width-2-5\@l { width: 40%; } - .uk-width-3-5\@l { width: 60%; } - .uk-width-4-5\@l { width: 80%; } - - /* Sixths */ - .uk-width-1-6\@l { width: unquote('calc(100% * 1 / 6.001)'); } - .uk-width-5-6\@l { width: unquote('calc(100% * 5 / 6.001)'); } - - /* Pixel */ - .uk-width-small\@l { width: $width-small-width; } - .uk-width-medium\@l { width: $width-medium-width; } - .uk-width-large\@l { width: $width-large-width; } - .uk-width-xlarge\@l { width: $width-xlarge-width; } - .uk-width-xxlarge\@l { width: $width-xxlarge-width; } - - /* Auto */ - .uk-width-auto\@l { width: auto; } - - /* Expand */ - .uk-width-expand\@l { - width: 1px; - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - -/* Large screen and bigger */ -@media (min-width: $breakpoint-xlarge) { - - /* Whole */ - .uk-width-1-1\@xl { width: 100%; } - - /* Halves */ - .uk-width-1-2\@xl { width: 50%; } - - /* Thirds */ - .uk-width-1-3\@xl { width: unquote('calc(100% * 1 / 3.001)'); } - .uk-width-2-3\@xl { width: unquote('calc(100% * 2 / 3.001)'); } - - /* Quarters */ - .uk-width-1-4\@xl { width: 25%; } - .uk-width-3-4\@xl { width: 75%; } - - /* Fifths */ - .uk-width-1-5\@xl { width: 20%; } - .uk-width-2-5\@xl { width: 40%; } - .uk-width-3-5\@xl { width: 60%; } - .uk-width-4-5\@xl { width: 80%; } - - /* Sixths */ - .uk-width-1-6\@xl { width: unquote('calc(100% * 1 / 6.001)'); } - .uk-width-5-6\@xl { width: unquote('calc(100% * 5 / 6.001)'); } - - /* Pixel */ - .uk-width-small\@xl { width: $width-small-width; } - .uk-width-medium\@xl { width: $width-medium-width; } - .uk-width-large\@xl { width: $width-large-width; } - .uk-width-xlarge\@xl { width: $width-xlarge-width; } - .uk-width-xxlarge\@xl { width: $width-xxlarge-width; } - - /* Auto */ - .uk-width-auto\@xl { width: auto; } - - /* Expand */ - .uk-width-expand\@xl { - width: 1px; - flex: 1; - min-width: 0; - flex-basis: 1px; - } - -} - - -// Hooks -// ======================================================================== - -@if(mixin-exists(hook-width-misc)) {@include hook-width-misc();} - -// @mixin hook-width-misc(){} diff --git a/docs/_sass/uikit/mixins-theme.scss b/docs/_sass/uikit/mixins-theme.scss deleted file mode 100644 index 993cf20..0000000 --- a/docs/_sass/uikit/mixins-theme.scss +++ /dev/null @@ -1,2033 +0,0 @@ -@mixin hook-accordion(){} -@mixin hook-accordion-item(){} -@mixin hook-accordion-title(){ - - overflow: hidden; - - &::after { - content: ""; - width: ($accordion-title-line-height * 1em); - height: ($accordion-title-line-height * 1em); - float: right; - @include svg-fill($internal-accordion-close-image, "#000", $accordion-icon-color); - background-repeat: no-repeat; - background-position: 50% 50%; - } - - .uk-open > &::after { @include svg-fill($internal-accordion-open-image, "#000", $accordion-icon-color); } - -} -@mixin hook-accordion-title-hover(){} -@mixin hook-accordion-content(){} -@mixin hook-accordion-misc(){} -@mixin hook-inverse-accordion-item(){} -@mixin hook-inverse-accordion-title(){} -@mixin hook-inverse-accordion-title-hover(){} -@mixin hook-inverse-component-accordion(){ - - .uk-accordion-title::after { @include svg-fill($internal-accordion-close-image, "#000", $inverse-global-color); } - - .uk-open > .uk-accordion-title::after { @include svg-fill($internal-accordion-open-image, "#000", $inverse-global-color); } - -} -@mixin hook-align-misc(){} -@mixin hook-alert(){} -@mixin hook-alert-close(){ - color: inherit; - opacity: $alert-close-opacity; -} -@mixin hook-alert-close-hover(){ - color: inherit; - opacity: $alert-close-hover-opacity; -} -@mixin hook-alert-primary(){} -@mixin hook-alert-success(){} -@mixin hook-alert-warning(){} -@mixin hook-alert-danger(){} -@mixin hook-alert-misc(){ - - /* - * Content - */ - - .uk-alert h1, - .uk-alert h2, - .uk-alert h3, - .uk-alert h4, - .uk-alert h5, - .uk-alert h6 { color: inherit; } - - .uk-alert a:not([class]) { - color: inherit; - text-decoration: underline; - } - - .uk-alert a:not([class]):hover { - color: inherit; - text-decoration: underline; - } - -} -@mixin hook-article(){} -@mixin hook-article-adjacent(){} -@mixin hook-article-title(){} -@mixin hook-article-meta(){ - - a { color: $article-meta-link-color; } - - a:hover { - color: $article-meta-link-hover-color; - text-decoration: none; - } - -} -@mixin hook-article-misc(){} -@mixin hook-inverse-article-title(){} -@mixin hook-inverse-article-meta(){} -@mixin hook-inverse-component-article(){ - - .uk-article-title { - @if(mixin-exists(hook-inverse-article-title)) {@include hook-inverse-article-title();} - } - - .uk-article-meta { - color: $inverse-article-meta-color; - @if(mixin-exists(hook-inverse-article-meta)) {@include hook-inverse-article-meta();} - } - -} -@mixin hook-animation-misc(){} -@mixin hook-background-misc(){} -@mixin hook-badge(){} -@mixin hook-badge-hover(){} -@mixin hook-badge-misc(){} -@mixin hook-inverse-badge(){} -@mixin hook-inverse-badge-hover(){} -@mixin hook-inverse-component-badge(){ - - .uk-badge { - background-color: $inverse-badge-background; - color: $inverse-badge-color; - @if(mixin-exists(hook-inverse-badge)) {@include hook-inverse-badge();} - } - - .uk-badge:hover, - .uk-badge:focus { - color: $inverse-badge-hover-color; - @if(mixin-exists(hook-inverse-badge-hover)) {@include hook-inverse-badge-hover();} - } - -} -@mixin hook-base-body(){} -@mixin hook-base-link(){} -@mixin hook-base-link-hover(){} -@mixin hook-base-code(){ - padding: $base-code-padding-vertical $base-code-padding-horizontal; - background: $base-code-background; -} -@mixin hook-base-heading(){} -@mixin hook-base-h1(){} -@mixin hook-base-h2(){} -@mixin hook-base-h3(){} -@mixin hook-base-h4(){} -@mixin hook-base-h5(){} -@mixin hook-base-h6(){} -@mixin hook-base-hr(){} -@mixin hook-base-blockquote(){ - color: $base-blockquote-color; -} -@mixin hook-base-blockquote-footer(){ - - color: $base-blockquote-footer-color; - - &::before { content: "— "; } - -} -@mixin hook-base-pre(){ - padding: $base-pre-padding; - border: $base-pre-border-width solid $base-pre-border; - border-radius: $base-pre-border-radius; - background: $base-pre-background; -} -@mixin hook-base-misc(){} -@mixin hook-inverse-base-link(){} -@mixin hook-inverse-base-link-hover(){} -@mixin hook-inverse-base-code(){ - background: $inverse-global-muted-background; -} -@mixin hook-inverse-base-heading(){} -@mixin hook-inverse-base-h1(){} -@mixin hook-inverse-base-h2(){} -@mixin hook-inverse-base-h3(){} -@mixin hook-inverse-base-h4(){} -@mixin hook-inverse-base-h5(){} -@mixin hook-inverse-base-h6(){} -@mixin hook-inverse-base-blockquote(){ color: $inverse-base-blockquote-color; } -@mixin hook-inverse-base-blockquote-footer(){ color: $inverse-base-blockquote-footer-color; } -@mixin hook-inverse-base-hr(){} -@mixin hook-inverse-component-base(){ - - color: $inverse-base-color; - - // Base - // ======================================================================== - - // - // Link - // - - a, - .uk-link { - color: $inverse-base-link-color; - @if(mixin-exists(hook-inverse-base-link)) {@include hook-inverse-base-link();} - } - - a:hover, - .uk-link:hover { - color: $inverse-base-link-hover-color; - @if(mixin-exists(hook-inverse-base-link-hover)) {@include hook-inverse-base-link-hover();} - } - - // - // Code - // - - :not(pre) > code, - :not(pre) > kbd, - :not(pre) > samp { - color: $inverse-base-code-color; - @if(mixin-exists(hook-inverse-base-code)) {@include hook-inverse-base-code();} - } - - // - // Emphasize - // - - em { color: $inverse-base-em-color; } - - // - // Headings - // - - h1, .uk-h1, - h2, .uk-h2, - h3, .uk-h3, - h4, .uk-h4, - h5, .uk-h5, - h6, .uk-h6 { - color: $inverse-base-heading-color; - @if(mixin-exists(hook-inverse-base-heading)) {@include hook-inverse-base-heading();} - } - - h1, .uk-h1 { - @if(mixin-exists(hook-inverse-base-h1)) {@include hook-inverse-base-h1();} - } - - h2, .uk-h2 { - @if(mixin-exists(hook-inverse-base-h2)) {@include hook-inverse-base-h2();} - } - - h3, .uk-h3 { - @if(mixin-exists(hook-inverse-base-h3)) {@include hook-inverse-base-h3();} - } - - h4, .uk-h4 { - @if(mixin-exists(hook-inverse-base-h4)) {@include hook-inverse-base-h4();} - } - - h5, .uk-h5 { - @if(mixin-exists(hook-inverse-base-h5)) {@include hook-inverse-base-h5();} - } - - h6, .uk-h6 { - @if(mixin-exists(hook-inverse-base-h6)) {@include hook-inverse-base-h6();} - } - - // - // Blockquotes - // - - blockquote { - @if(mixin-exists(hook-inverse-base-blockquote)) {@include hook-inverse-base-blockquote();} - } - - blockquote footer { - @if(mixin-exists(hook-inverse-base-blockquote-footer)) {@include hook-inverse-base-blockquote-footer();} - } - - // - // Horizontal rules - // - - hr, .uk-hr { - border-top-color: $inverse-base-hr-border; - @if(mixin-exists(hook-inverse-base-hr)) {@include hook-inverse-base-hr();} - } - -} -@mixin hook-breadcrumb(){} -@mixin hook-breadcrumb-item(){} -@mixin hook-breadcrumb-item-hover(){} -@mixin hook-breadcrumb-item-disabled(){} -@mixin hook-breadcrumb-item-active(){} -@mixin hook-breadcrumb-divider(){} -@mixin hook-breadcrumb-misc(){} -@mixin hook-inverse-breadcrumb-item(){} -@mixin hook-inverse-breadcrumb-item-hover(){} -@mixin hook-inverse-breadcrumb-item-disabled(){} -@mixin hook-inverse-breadcrumb-item-active(){} -@mixin hook-inverse-breadcrumb-divider(){} -@mixin hook-inverse-component-breadcrumb(){ - - .uk-breadcrumb > * > * { - color: $inverse-breadcrumb-item-color; - @if(mixin-exists(hook-inverse-breadcrumb-item)) {@include hook-inverse-breadcrumb-item();} - } - - .uk-breadcrumb > * > :hover, - .uk-breadcrumb > * > :focus { - color: $inverse-breadcrumb-item-hover-color; - @if(mixin-exists(hook-inverse-breadcrumb-item-hover)) {@include hook-inverse-breadcrumb-item-hover();} - } - - - .uk-breadcrumb > .uk-disabled > * { - @if(mixin-exists(hook-inverse-breadcrumb-item-disabled)) {@include hook-inverse-breadcrumb-item-disabled();} - } - - .uk-breadcrumb > :last-child > * { - color: $inverse-breadcrumb-item-active-color; - @if(mixin-exists(hook-inverse-breadcrumb-item-active)) {@include hook-inverse-breadcrumb-item-active();} - } - - // - // Divider - // - - .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - color: $inverse-breadcrumb-divider-color; - @if(mixin-exists(hook-inverse-breadcrumb-divider)) {@include hook-inverse-breadcrumb-divider();} - } - -} -@mixin hook-button(){ - text-transform: $button-text-transform; - transition: 0.1s ease-in-out; - transition-property: color, background-color, border-color; -} -@mixin hook-button-hover(){} -@mixin hook-button-focus(){} -@mixin hook-button-active(){} -@mixin hook-button-default(){ border: $button-border-width solid $button-default-border; } -@mixin hook-button-default-hover(){ border-color: $button-default-hover-border; } -@mixin hook-button-default-active(){ border-color: $button-default-active-border; } -@mixin hook-button-primary(){ border: $button-border-width solid transparent; } -@mixin hook-button-primary-hover(){} -@mixin hook-button-primary-active(){} -@mixin hook-button-secondary(){ border: $button-border-width solid transparent; } -@mixin hook-button-secondary-hover(){} -@mixin hook-button-secondary-active(){} -@mixin hook-button-danger(){ border: $button-border-width solid transparent; } -@mixin hook-button-danger-hover(){} -@mixin hook-button-danger-active(){} -@mixin hook-button-disabled(){ border-color: $button-disabled-border; } -@mixin hook-button-small(){} -@mixin hook-button-large(){} -@mixin hook-button-text(){ - - position: relative; - - &::before { - content: ""; - position: absolute; - bottom: 0; - left: 0; - right: 100%; - border-bottom: $button-text-border-width solid $button-text-border; - transition: right 0.3s ease-out; - } - -} -@mixin hook-button-text-hover(){ - - &::before { right: 0; } - -} -@mixin hook-button-text-disabled(){ - - &::before { display: none; } - -} -@mixin hook-button-link(){} -@mixin hook-button-misc(){ - - /* Group - ========================================================================== */ - - /* - * Collapse border - */ - - .uk-button-group > .uk-button:nth-child(n+2), - .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: (-$button-border-width); } - - /* - * Create position context to superimpose the successor elements border - * Known issue: If you use an `a` element as button and an icon inside, - * the active state will not work if you click the icon inside the button - * Workaround: Just use a `button` or `input` element as button - */ - - .uk-button-group .uk-button:hover, - .uk-button-group .uk-button:focus, - .uk-button-group .uk-button:active, - .uk-button-group .uk-button.uk-active { - position: relative; - z-index: 1; - } - -} -@mixin hook-inverse-button-default(){ border-color: $inverse-global-color; } -@mixin hook-inverse-button-default-hover(){ border-color: $inverse-global-emphasis-color; } -@mixin hook-inverse-button-default-active(){ border-color: $inverse-global-emphasis-color; } -@mixin hook-inverse-button-primary(){} -@mixin hook-inverse-button-primary-hover(){} -@mixin hook-inverse-button-primary-active(){} -@mixin hook-inverse-button-secondary(){} -@mixin hook-inverse-button-secondary-hover(){} -@mixin hook-inverse-button-secondary-active(){} -@mixin hook-inverse-button-text(){ - &::before { border-bottom-color: $inverse-global-emphasis-color; } -} -@mixin hook-inverse-button-text-hover(){} -@mixin hook-inverse-button-text-disabled(){} -@mixin hook-inverse-button-link(){} -@mixin hook-inverse-component-button(){ - - // - // Default - // - - .uk-button-default { - background-color: $inverse-button-default-background; - color: $inverse-button-default-color; - @if(mixin-exists(hook-inverse-button-default)) {@include hook-inverse-button-default();} - } - - .uk-button-default:hover, - .uk-button-default:focus { - background-color: $inverse-button-default-hover-background; - color: $inverse-button-default-hover-color; - @if(mixin-exists(hook-inverse-button-default-hover)) {@include hook-inverse-button-default-hover();} - } - - .uk-button-default:active, - .uk-button-default.uk-active { - background-color: $inverse-button-default-active-background; - color: $inverse-button-default-active-color; - @if(mixin-exists(hook-inverse-button-default-active)) {@include hook-inverse-button-default-active();} - } - - // - // Primary - // - - .uk-button-primary { - background-color: $inverse-button-primary-background; - color: $inverse-button-primary-color; - @if(mixin-exists(hook-inverse-button-primary)) {@include hook-inverse-button-primary();} - } - - .uk-button-primary:hover, - .uk-button-primary:focus { - background-color: $inverse-button-primary-hover-background; - color: $inverse-button-primary-hover-color; - @if(mixin-exists(hook-inverse-button-primary-hover)) {@include hook-inverse-button-primary-hover();} - } - - .uk-button-primary:active, - .uk-button-primary.uk-active { - background-color: $inverse-button-primary-active-background; - color: $inverse-button-primary-active-color; - @if(mixin-exists(hook-inverse-button-primary-active)) {@include hook-inverse-button-primary-active();} - } - - // - // Secondary - // - - .uk-button-secondary { - background-color: $inverse-button-secondary-background; - color: $inverse-button-secondary-color; - @if(mixin-exists(hook-inverse-button-secondary)) {@include hook-inverse-button-secondary();} - } - - .uk-button-secondary:hover, - .uk-button-secondary:focus { - background-color: $inverse-button-secondary-hover-background; - color: $inverse-button-secondary-hover-color; - @if(mixin-exists(hook-inverse-button-secondary-hover)) {@include hook-inverse-button-secondary-hover();} - } - - .uk-button-secondary:active, - .uk-button-secondary.uk-active { - background-color: $inverse-button-secondary-active-background; - color: $inverse-button-secondary-active-color; - @if(mixin-exists(hook-inverse-button-secondary-active)) {@include hook-inverse-button-secondary-active();} - } - - // - // Text - // - - .uk-button-text { - color: $inverse-button-text-color; - @if(mixin-exists(hook-inverse-button-text)) {@include hook-inverse-button-text();} - } - - .uk-button-text:hover, - .uk-button-text:focus { - color: $inverse-button-text-hover-color; - @if(mixin-exists(hook-inverse-button-text-hover)) {@include hook-inverse-button-text-hover();} - } - - .uk-button-text:disabled { - color: $inverse-button-text-disabled-color; - @if(mixin-exists(hook-inverse-button-text-disabled)) {@include hook-inverse-button-text-disabled();} - } - - // - // Link - // - - .uk-button-link { - color: $inverse-button-link-color; - @if(mixin-exists(hook-inverse-button-link)) {@include hook-inverse-button-link();} - } - - .uk-button-link:hover, - .uk-button-link:focus { color: $inverse-button-link-hover-color; } - - -} -@mixin hook-card(){ transition: box-shadow 0.1s ease-in-out; } -@mixin hook-card-body(){} -@mixin hook-card-header(){} -@mixin hook-card-footer(){} -@mixin hook-card-media(){} -@mixin hook-card-media-top(){} -@mixin hook-card-media-bottom(){} -@mixin hook-card-media-left(){} -@mixin hook-card-media-right(){} -@mixin hook-card-title(){} -@mixin hook-card-badge(){} -@mixin hook-card-hover(){ box-shadow: $card-hover-box-shadow; } -@mixin hook-card-default(){ box-shadow: $card-default-box-shadow; } -@mixin hook-card-default-title(){} -@mixin hook-card-default-hover(){ box-shadow: $card-default-hover-box-shadow; } -@mixin hook-card-default-header(){ border-bottom: $card-default-header-border-width solid $card-default-header-border; } -@mixin hook-card-default-footer(){ border-top: $card-default-footer-border-width solid $card-default-footer-border; } -@mixin hook-card-primary(){ box-shadow: $card-primary-box-shadow; } -@mixin hook-card-primary-title(){} -@mixin hook-card-primary-hover(){ box-shadow: $card-primary-hover-box-shadow; } -@mixin hook-card-secondary(){ box-shadow: $card-secondary-box-shadow; } -@mixin hook-card-secondary-title(){} -@mixin hook-card-secondary-hover(){ box-shadow: $card-secondary-hover-box-shadow; } -@mixin hook-card-misc(){ - - /* - * Default - */ - - .uk-card-body .uk-nav-default { margin: (-$card-body-padding-vertical + 15px) (-$card-body-padding-horizontal); } - .uk-card-title + .uk-nav-default { margin-top: 0; } - - .uk-card-body .uk-nav-default > li > a, - .uk-card-body .uk-nav-default .uk-nav-header, - .uk-card-body .uk-nav-default .uk-nav-divider { - padding-left: $card-body-padding-horizontal; - padding-right: $card-body-padding-horizontal; - } - - .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: $nav-sublist-deeper-padding-left + $card-body-padding-horizontal; } - - - /* Desktop and bigger */ - @media (min-width: $breakpoint-large) { - - .uk-card-body .uk-nav-default { margin: (-$card-body-padding-vertical-l + 15px) (-$card-body-padding-horizontal-l); } - .uk-card-title + .uk-nav-default { margin-top: 0; } - - .uk-card-body .uk-nav-default > li > a, - .uk-card-body .uk-nav-default .uk-nav-header, - .uk-card-body .uk-nav-default .uk-nav-divider { - padding-left: $card-body-padding-horizontal-l; - padding-right: $card-body-padding-horizontal-l; - } - - .uk-card-body .uk-nav-default .uk-nav-sub { padding-left: $nav-sublist-deeper-padding-left + $card-body-padding-horizontal-l; } - - } - - /* - * Small - */ - - .uk-card-small .uk-nav-default { margin: (-$card-small-body-padding-vertical + 15px) (-$card-small-body-padding-horizontal); } - .uk-card-small .uk-card-title + .uk-nav-default { margin-top: 0; } - - .uk-card-small .uk-nav-default > li > a, - .uk-card-small .uk-nav-default .uk-nav-header, - .uk-card-small .uk-nav-default .uk-nav-divider { - padding-left: $card-small-body-padding-horizontal; - padding-right: $card-small-body-padding-horizontal; - } - - .uk-card-small .uk-nav-default .uk-nav-sub { padding-left: $nav-sublist-deeper-padding-left + $card-small-body-padding-horizontal; } - - /* - * Large - */ - - /* Desktop and bigger */ - @media (min-width: $breakpoint-large) { - - .uk-card-large .uk-nav-default { margin: (-$card-large-body-padding-vertical-l + 15px) (-$card-large-body-padding-horizontal-l); } - .uk-card-large .uk-card-title + .uk-nav-default { margin-top: 0; } - - } - -} -@mixin hook-close(){ - transition: 0.1s ease-in-out; - transition-property: color, opacity; -} -@mixin hook-close-hover(){} -@mixin hook-close-misc(){} -@mixin hook-inverse-close(){} -@mixin hook-inverse-close-hover(){} -@mixin hook-inverse-component-close(){ - - .uk-close { - color: $inverse-close-color; - @if(mixin-exists(hook-inverse-close)) {@include hook-inverse-close();} - } - - .uk-close:hover, - .uk-close:focus { - color: $inverse-close-hover-color; - @if(mixin-exists(hook-inverse-close-hover)) {@include hook-inverse-close-hover();} - } - -} -@mixin hook-column-misc(){} -@mixin hook-inverse-component-column(){ - - .uk-column-divider { column-rule-color: $inverse-column-divider-rule-color; } - -} -@mixin hook-comment(){} -@mixin hook-comment-body(){} -@mixin hook-comment-header(){} -@mixin hook-comment-title(){} -@mixin hook-comment-meta(){} -@mixin hook-comment-avatar(){} -@mixin hook-comment-list-adjacent(){} -@mixin hook-comment-list-sub(){} -@mixin hook-comment-list-sub-adjacent(){} -@mixin hook-comment-primary(){ - padding: $comment-primary-padding; - background-color: $comment-primary-background; -} -@mixin hook-comment-misc(){} -@mixin hook-container-misc(){} -@mixin hook-countdown(){} -@mixin hook-countdown-item(){} -@mixin hook-countdown-number(){} -@mixin hook-countdown-separator(){} -@mixin hook-countdown-label(){} -@mixin hook-countdown-misc(){} -@mixin hook-inverse-countdown-item(){} -@mixin hook-inverse-countdown-number(){} -@mixin hook-inverse-countdown-separator(){} -@mixin hook-inverse-countdown-label(){} -@mixin hook-inverse-component-countdown(){ - - .uk-countdown-number, - .uk-countdown-separator { - @if(mixin-exists(hook-inverse-countdown-item)) {@include hook-inverse-countdown-item();} - } - - .uk-countdown-number { - @if(mixin-exists(hook-inverse-countdown-number)) {@include hook-inverse-countdown-number();} - } - - .uk-countdown-separator { - @if(mixin-exists(hook-inverse-countdown-separator)) {@include hook-inverse-countdown-separator();} - } - - .uk-countdown-label { - @if(mixin-exists(hook-inverse-countdown-label)) {@include hook-inverse-countdown-label();} - } - -} -@mixin hook-cover-misc(){} -@mixin hook-description-list-term(){ - font-size: $description-list-term-font-size; - font-weight: $description-list-term-font-weight; - text-transform: $description-list-term-text-transform; -} -@mixin hook-description-list-description(){} -@mixin hook-description-list-divider-term(){} -@mixin hook-description-list-misc(){} -@mixin svg-fill($src, $color-default, $color-new, $property: background-image){ - - $escape-color-default: escape($color-default) !default; - $escape-color-new: escape("#{$color-new}") !default; - - $data-uri: data-uri('image/svg+xml;charset=UTF-8', "#{$src}") !default; - $replace-src: replace("#{$data-uri}", "#{$escape-color-default}", "#{$escape-color-new}", "g") !default; - - #{$property}: unquote($replace-src); -} -@mixin hook-divider-icon(){} -@mixin hook-divider-icon-line(){} -@mixin hook-divider-icon-line-left(){} -@mixin hook-divider-icon-line-right(){} -@mixin hook-divider-small(){} -@mixin hook-divider-misc(){} -@mixin hook-inverse-divider-icon(){} -@mixin hook-inverse-divider-icon-line(){} -@mixin hook-inverse-divider-small(){} -@mixin hook-inverse-component-divider(){ - - .uk-divider-icon { - @include svg-fill($internal-divider-icon-image, "#000", $inverse-divider-icon-color); - @if(mixin-exists(hook-inverse-divider-icon)) {@include hook-inverse-divider-icon();} - } - - .uk-divider-icon::before, - .uk-divider-icon::after { - border-bottom-color: $inverse-divider-icon-line-border; - @if(mixin-exists(hook-inverse-divider-icon-line)) {@include hook-inverse-divider-icon-line();} - } - - .uk-divider-small::after { - border-top-color: $inverse-divider-small-border; - @if(mixin-exists(hook-inverse-divider-small)) {@include hook-inverse-divider-small();} - } - -} -@mixin hook-dotnav(){} -@mixin hook-dotnav-item(){ - border: $dotnav-item-border-width solid $dotnav-item-border; - transition: 0.2s ease-in-out; - transition-property: background-color, border-color; -} -@mixin hook-dotnav-item-hover(){ border-color: $dotnav-item-hover-border; } -@mixin hook-dotnav-item-onclick(){ border-color: $dotnav-item-onclick-border; } -@mixin hook-dotnav-item-active(){ border-color: $dotnav-item-active-border; } -@mixin hook-dotnav-misc(){} -@mixin hook-inverse-dotnav-item(){ border-color: rgba($inverse-global-color, 0.9); } -@mixin hook-inverse-dotnav-item-hover(){ border-color: transparent; } -@mixin hook-inverse-dotnav-item-onclick(){ border-color: transparent; } -@mixin hook-inverse-dotnav-item-active(){ border-color: transparent; } -@mixin hook-inverse-component-dotnav(){ - - .uk-dotnav > * > * { - background-color: $inverse-dotnav-item-background; - @if(mixin-exists(hook-inverse-dotnav-item)) {@include hook-inverse-dotnav-item();} - } - - .uk-dotnav > * > :hover, - .uk-dotnav > * > :focus { - background-color: $inverse-dotnav-item-hover-background; - @if(mixin-exists(hook-inverse-dotnav-item-hover)) {@include hook-inverse-dotnav-item-hover();} - } - - .uk-dotnav > * > :active { - background-color: $inverse-dotnav-item-onclick-background; - @if(mixin-exists(hook-inverse-dotnav-item-onclick)) {@include hook-inverse-dotnav-item-onclick();} - } - - .uk-dotnav > .uk-active > * { - background-color: $inverse-dotnav-item-active-background; - @if(mixin-exists(hook-inverse-dotnav-item-active)) {@include hook-inverse-dotnav-item-active();} - } - -} -@mixin hook-drop-misc(){} -@mixin hook-dropdown(){ box-shadow: $dropdown-box-shadow; } -@mixin hook-dropdown-nav(){ font-size: $dropdown-nav-font-size; } -@mixin hook-dropdown-nav-item(){} -@mixin hook-dropdown-nav-item-hover(){} -@mixin hook-dropdown-nav-header(){} -@mixin hook-dropdown-nav-divider(){} -@mixin hook-dropdown-misc(){} -@mixin hook-flex-misc(){} -@mixin hook-form-range(){} -@mixin hook-form-range-thumb(){ border: $form-range-thumb-border-width solid $form-range-thumb-border; } -@mixin hook-form-range-track(){ border-radius: $form-range-track-border-radius; } -@mixin hook-form-range-track-focus(){} -@mixin hook-form-range-misc(){} -@mixin hook-form(){ - border: $form-border-width solid $form-border; - transition: 0.2s ease-in-out; - transition-property: color, background-color, border; -} -@mixin hook-form-single-line(){} -@mixin hook-form-multi-line(){} -@mixin hook-form-focus(){ border-color: $form-focus-border; } -@mixin hook-form-disabled(){ border-color: $form-disabled-border; } -@mixin hook-form-danger(){ border-color: $form-danger-border; } -@mixin hook-form-success(){ border-color: $form-success-border; } -@mixin hook-form-blank(){ border-color: transparent; } -@mixin hook-form-blank-focus(){ - border-color: $form-blank-focus-border; - border-style: $form-blank-focus-border-style; -} -@mixin hook-form-radio(){ - border: $form-radio-border-width solid $form-radio-border; - transition: 0.2s ease-in-out; - transition-property: background-color, border; -} -@mixin hook-form-radio-focus(){ border-color: $form-radio-focus-border; } -@mixin hook-form-radio-checked(){ border-color: $form-radio-checked-border; } -@mixin hook-form-radio-checked-focus(){} -@mixin hook-form-radio-disabled(){ border-color: $form-radio-disabled-border; } -@mixin hook-form-legend(){} -@mixin hook-form-label(){ - color: $form-label-color; - font-size: $form-label-font-size; -} -@mixin hook-form-stacked-label(){} -@mixin hook-form-horizontal-label(){} -@mixin hook-form-misc(){} -@mixin hook-inverse-form(){ border-color: $inverse-global-border; } -@mixin hook-inverse-form-focus(){ border-color: $inverse-global-color; } -@mixin hook-inverse-form-radio(){ border-color: $inverse-global-border; } -@mixin hook-inverse-form-radio-focus(){ border-color: $inverse-global-color; } -@mixin hook-inverse-form-radio-checked(){ border-color: $inverse-global-color; } -@mixin hook-inverse-form-radio-checked-focus(){} -@mixin hook-inverse-form-label(){ color: $inverse-form-label-color; } -@mixin hook-inverse-component-form(){ - - .uk-input, - .uk-select, - .uk-textarea { - background-color: $inverse-form-background; - color: $inverse-form-color; - background-clip: padding-box; - @if(mixin-exists(hook-inverse-form)) {@include hook-inverse-form();} - - &:focus { - background-color: $inverse-form-focus-background; - color: $inverse-form-focus-color; - @if(mixin-exists(hook-inverse-form-focus)) {@include hook-inverse-form-focus();} - } - } - - // - // Placeholder - // - - .uk-input:-ms-input-placeholder { color: $inverse-form-placeholder-color !important; } - .uk-input::placeholder { color: $inverse-form-placeholder-color; } - - .uk-textarea:-ms-input-placeholder { color: $inverse-form-placeholder-color !important; } - .uk-textarea::placeholder { color: $inverse-form-placeholder-color; } - - // - // Radio and checkbox - // - - .uk-select:not([multiple]):not([size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); } - - // - // Radio and checkbox - // - - .uk-radio, - .uk-checkbox { - background-color: $inverse-form-radio-background; - @if(mixin-exists(hook-inverse-form-radio)) {@include hook-inverse-form-radio();} - } - - // Focus - .uk-radio:focus, - .uk-checkbox:focus { - @if(mixin-exists(hook-inverse-form-radio-focus)) {@include hook-inverse-form-radio-focus();} - } - - // Checked - .uk-radio:checked, - .uk-checkbox:checked, - .uk-checkbox:indeterminate { - background-color: $inverse-form-radio-checked-background; - @if(mixin-exists(hook-inverse-form-radio-checked)) {@include hook-inverse-form-radio-checked();} - } - - // Focus - .uk-radio:checked:focus, - .uk-checkbox:checked:focus, - .uk-checkbox:indeterminate:focus { - background-color: $inverse-form-radio-checked-focus-background; - @if(mixin-exists(hook-inverse-form-radio-checked-focus)) {@include hook-inverse-form-radio-checked-focus();} - } - - // Icon - .uk-radio:checked { @include svg-fill($internal-form-radio-image, "#000", $inverse-form-radio-checked-icon-color); } - .uk-checkbox:checked { @include svg-fill($internal-form-checkbox-image, "#000", $inverse-form-radio-checked-icon-color); } - .uk-checkbox:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $inverse-form-radio-checked-icon-color); } - - // Label - .uk-form-label { - @if(mixin-exists(hook-inverse-form-label)) {@include hook-inverse-form-label();} - } - -} -@mixin hook-grid-misc(){} -@mixin hook-inverse-component-grid(){ - - .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: $inverse-grid-divider-border; } - .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { border-top-color: $inverse-grid-divider-border; } - -} -@mixin hook-heading-primary(){} -@mixin hook-heading-hero(){} -@mixin hook-heading-divider(){} -@mixin hook-heading-bullet(){} -@mixin hook-heading-line(){} -@mixin hook-heading-misc(){} -@mixin hook-inverse-heading-primary(){} -@mixin hook-inverse-heading-hero(){} -@mixin hook-inverse-heading-divider(){} -@mixin hook-inverse-heading-bullet(){} -@mixin hook-inverse-heading-line(){} -@mixin hook-inverse-component-heading(){ - - .uk-heading-primary { - @if(mixin-exists(hook-inverse-heading-primary)) {@include hook-inverse-heading-primary();} - } - - .uk-heading-hero { - @if(mixin-exists(hook-inverse-heading-hero)) {@include hook-inverse-heading-hero();} - } - - .uk-heading-divider { - border-bottom-color: $inverse-heading-divider-border; - @if(mixin-exists(hook-inverse-heading-divider)) {@include hook-inverse-heading-divider();} - } - - .uk-heading-bullet::before { - border-left-color: $inverse-heading-bullet-border; - @if(mixin-exists(hook-inverse-heading-bullet)) {@include hook-inverse-heading-bullet();} - } - - .uk-heading-line > ::before, - .uk-heading-line > ::after { - border-bottom-color: $inverse-heading-line-border; - @if(mixin-exists(hook-inverse-heading-line)) {@include hook-inverse-heading-line();} - } - -} -@mixin hook-icon-link(){} -@mixin hook-icon-link-hover(){} -@mixin hook-icon-link-active(){} -@mixin hook-icon-button(){ - transition: 0.1s ease-in-out; - transition-property: color, background-color -} -@mixin hook-icon-button-hover(){} -@mixin hook-icon-button-active(){} -@mixin hook-icon-misc(){} -@mixin hook-inverse-icon-link(){} -@mixin hook-inverse-icon-link-hover(){} -@mixin hook-inverse-icon-link-active(){} -@mixin hook-inverse-icon-button(){} -@mixin hook-inverse-icon-button-hover(){} -@mixin hook-inverse-icon-button-active(){} -@mixin hook-inverse-component-icon(){ - - // - // Link - // - - .uk-icon-link { - color: $inverse-icon-link-color; - @if(mixin-exists(hook-inverse-icon-link)) {@include hook-inverse-icon-link();} - } - - .uk-icon-link:hover, - .uk-icon-link:focus { - color: $inverse-icon-link-hover-color; - @if(mixin-exists(hook-inverse-icon-link-hover)) {@include hook-inverse-icon-link-hover();} - } - - .uk-icon-link:active, - .uk-active > .uk-icon-link { - color: $inverse-icon-link-active-color; - @if(mixin-exists(hook-inverse-icon-link-active)) {@include hook-inverse-icon-link-active();} - } - - // - // Button - // - - .uk-icon-button { - background-color: $inverse-icon-button-background; - color: $inverse-icon-button-color; - @if(mixin-exists(hook-inverse-icon-button)) {@include hook-inverse-icon-button();} - } - - .uk-icon-button:hover, - .uk-icon-button:focus { - background-color: $inverse-icon-button-hover-background; - color: $inverse-icon-button-hover-color; - @if(mixin-exists(hook-inverse-icon-button-hover)) {@include hook-inverse-icon-button-hover();} - } - - .uk-icon-button:active { - background-color: $inverse-icon-button-active-background; - color: $inverse-icon-button-active-color; - @if(mixin-exists(hook-inverse-icon-button-active)) {@include hook-inverse-icon-button-active();} - } - -} -@mixin hook-iconnav(){} -@mixin hook-iconnav-item(){} -@mixin hook-iconnav-item-hover(){} -@mixin hook-iconnav-item-active(){} -@mixin hook-iconnav-misc(){} -@mixin hook-inverse-iconnav-item(){} -@mixin hook-inverse-iconnav-item-hover(){} -@mixin hook-inverse-iconnav-item-active(){} -@mixin hook-inverse-component-iconnav(){ - - .uk-iconnav > * > a { - color: $inverse-iconnav-item-color; - @if(mixin-exists(hook-inverse-iconnav-item)) {@include hook-inverse-iconnav-item();} - } - - .uk-iconnav > * > a:hover, - .uk-iconnav > * > a:focus { - color: $inverse-iconnav-item-hover-color; - @if(mixin-exists(hook-inverse-iconnav-item-hover)) {@include hook-inverse-iconnav-item-hover();} - } - - .uk-iconnav > .uk-active > a { - color: $inverse-iconnav-item-active-color; - @if(mixin-exists(hook-inverse-iconnav-item-active)) {@include hook-inverse-iconnav-item-active();} - } - -} -@mixin hook-inverse-component-link(){ - - a.uk-link-muted, - .uk-link-muted a { - color: $inverse-link-muted-color; - @if(mixin-exists(hook-inverse-link-muted)) {@include hook-inverse-link-muted();} - } - - a.uk-link-muted:hover, - .uk-link-muted a:hover { - color: $inverse-link-muted-hover-color; - @if(mixin-exists(hook-inverse-link-muted-hover)) {@include hook-inverse-link-muted-hover();} - } - - a.uk-link-text:hover, - .uk-link-text a:hover { - color: $inverse-link-text-hover-color; - @if(mixin-exists(hook-inverse-link-text-hover)) {@include hook-inverse-link-text-hover();} - } - - a.uk-link-heading:hover, - .uk-link-heading a:hover { - color: $inverse-link-heading-hover-color; - @if(mixin-exists(hook-inverse-link-heading-hover)) {@include hook-inverse-link-heading-hover();} - } - -} -@mixin hook-inverse-component-list(){ - - .uk-list-divider > li:nth-child(n+2) { - border-top-color: $inverse-list-divider-border; - @if(mixin-exists(hook-inverse-list-divider)) {@include hook-inverse-list-divider();} - } - - .uk-list-striped > li { - @if(mixin-exists(hook-inverse-list-striped)) {@include hook-inverse-list-striped();} - } - - .uk-list-striped > li:nth-of-type(odd) { background-color: $inverse-list-striped-background; } - - .uk-list-bullet > li::before { - @include svg-fill($internal-list-bullet-image, "#000", $inverse-list-bullet-icon-color); - @if(mixin-exists(hook-inverse-list-bullet)) {@include hook-inverse-list-bullet();} - } - -} -@mixin hook-inverse-component-totop(){ - - .uk-totop { - color: $inverse-totop-color; - @if(mixin-exists(hook-inverse-totop)) {@include hook-inverse-totop();} - } - - .uk-totop:hover, - .uk-totop:focus { - color: $inverse-totop-hover-color; - @if(mixin-exists(hook-inverse-totop-hover)) {@include hook-inverse-totop-hover();} - } - - .uk-totop:active { - color: $inverse-totop-active-color; - @if(mixin-exists(hook-inverse-totop-active)) {@include hook-inverse-totop-active();} - } - -} -@mixin hook-inverse-component-label(){ - - .uk-label { - background-color: $inverse-label-background; - color: $inverse-label-color; - @if(mixin-exists(hook-inverse-label)) {@include hook-inverse-label();} - } - -} -@mixin hook-inverse-component-search(){ - - // - // Input - // - - .uk-search-input { color: $inverse-search-color; } - - .uk-search-input:-ms-input-placeholder { color: $inverse-search-placeholder-color !important; } - .uk-search-input::placeholder { color: $inverse-search-placeholder-color; } - - - // - // Icon - // - - .uk-search .uk-search-icon { color: $inverse-search-icon-color; } - - .uk-search .uk-search-icon:hover { color: $inverse-search-icon-color; } - - // - // Style modifier - // - - .uk-search-default .uk-search-input { - background-color: $inverse-search-default-background; - @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();} - } - .uk-search-default .uk-search-input:focus { - background-color: $inverse-search-default-background; - @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();} - } - - .uk-search-navbar .uk-search-input { - background-color: $inverse-search-navbar-background; - @if(mixin-exists(hook-inverse-search-navbar-input)) {@include hook-inverse-search-navbar-input();} - } - - .uk-search-large .uk-search-input { - background-color: $inverse-search-large-background; - @if(mixin-exists(hook-inverse-search-large-input)) {@include hook-inverse-search-large-input();} - } - - // - // Toggle - // - - .uk-search-toggle { - color: $inverse-search-toggle-color; - @if(mixin-exists(hook-inverse-search-toggle)) {@include hook-inverse-search-toggle();} - } - - .uk-search-toggle:hover, - .uk-search-toggle:focus { - color: $inverse-search-toggle-hover-color; - @if(mixin-exists(hook-inverse-search-toggle-hover)) {@include hook-inverse-search-toggle-hover();} - } - -} -@mixin hook-inverse-component-nav(){ - - // - // Parent icon modifier - // - - .uk-nav-parent-icon > .uk-parent > a::after { - @include svg-fill($internal-nav-parent-close-image, "#000", $inverse-nav-parent-icon-color); - @if(mixin-exists(hook-inverse-nav-parent-icon)) {@include hook-inverse-nav-parent-icon();} - } - - .uk-nav-parent-icon > .uk-parent.uk-open > a::after { @include svg-fill($internal-nav-parent-open-image, "#000", $inverse-nav-parent-icon-color); } - - // - // Default - // - - .uk-nav-default > li > a { - color: $inverse-nav-default-item-color; - @if(mixin-exists(hook-inverse-nav-default-item)) {@include hook-inverse-nav-default-item();} - } - - .uk-nav-default > li > a:hover, - .uk-nav-default > li > a:focus { - color: $inverse-nav-default-item-hover-color; - @if(mixin-exists(hook-inverse-nav-default-item-hover)) {@include hook-inverse-nav-default-item-hover();} - } - - .uk-nav-default > li.uk-active > a { - color: $inverse-nav-default-item-active-color; - @if(mixin-exists(hook-inverse-nav-default-item-active)) {@include hook-inverse-nav-default-item-active();} - } - - .uk-nav-default .uk-nav-header { - color: $inverse-nav-default-header-color; - @if(mixin-exists(hook-inverse-nav-default-header)) {@include hook-inverse-nav-default-header();} - } - - .uk-nav-default .uk-nav-divider { - border-top-color: $inverse-nav-default-divider-border; - @if(mixin-exists(hook-inverse-nav-default-divider)) {@include hook-inverse-nav-default-divider();} - } - - .uk-nav-default .uk-nav-sub a { color: $inverse-nav-default-sublist-item-color; } - - .uk-nav-default .uk-nav-sub a:hover, - .uk-nav-default .uk-nav-sub a:focus { color: $inverse-nav-default-sublist-item-hover-color; } - - // - // Primary - // - - .uk-nav-primary > li > a { - color: $inverse-nav-primary-item-color; - @if(mixin-exists(hook-inverse-nav-primary-item)) {@include hook-inverse-nav-primary-item();} - } - - .uk-nav-primary > li > a:hover, - .uk-nav-primary > li > a:focus { - color: $inverse-nav-primary-item-hover-color; - @if(mixin-exists(hook-inverse-nav-primary-item-hover)) {@include hook-inverse-nav-primary-item-hover();} - } - - .uk-nav-primary > li.uk-active > a { - color: $inverse-nav-primary-item-active-color; - @if(mixin-exists(hook-inverse-nav-primary-item-active)) {@include hook-inverse-nav-primary-item-active();} - } - - .uk-nav-primary .uk-nav-header { - color: $inverse-nav-primary-header-color; - @if(mixin-exists(hook-inverse-nav-primary-header)) {@include hook-inverse-nav-primary-header();} - } - - .uk-nav-primary .uk-nav-divider { - border-top-color: $inverse-nav-primary-divider-border; - @if(mixin-exists(hook-inverse-nav-primary-divider)) {@include hook-inverse-nav-primary-divider();} - } - - .uk-nav-primary .uk-nav-sub a { color: $inverse-nav-primary-sublist-item-color; } - - .uk-nav-primary .uk-nav-sub a:hover, - .uk-nav-primary .uk-nav-sub a:focus { color: $inverse-nav-primary-sublist-item-hover-color; } - -} -@mixin hook-inverse-component-navbar(){ - - .uk-navbar-nav > li > a { - color: $inverse-navbar-nav-item-color; - @if(mixin-exists(hook-inverse-navbar-nav-item)) {@include hook-inverse-navbar-nav-item();} - } - - .uk-navbar-nav > li:hover > a, - .uk-navbar-nav > li > a:focus, - .uk-navbar-nav > li > a.uk-open { - color: $inverse-navbar-nav-item-hover-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-hover)) {@include hook-inverse-navbar-nav-item-hover();} - } - - .uk-navbar-nav > li > a:active { - color: $inverse-navbar-nav-item-onclick-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-onclick)) {@include hook-inverse-navbar-nav-item-onclick();} - } - - .uk-navbar-nav > li.uk-active > a { - color: $inverse-navbar-nav-item-active-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-active)) {@include hook-inverse-navbar-nav-item-active();} - } - - .uk-navbar-item { - color: $inverse-navbar-item-color; - @if(mixin-exists(hook-inverse-navbar-item)) {@include hook-inverse-navbar-item();} - } - - .uk-navbar-toggle { - color: $inverse-navbar-toggle-color; - @if(mixin-exists(hook-inverse-navbar-toggle)) {@include hook-inverse-navbar-toggle();} - } - - .uk-navbar-toggle:hover, - .uk-navbar-toggle:focus, - .uk-navbar-toggle.uk-open { - color: $inverse-navbar-toggle-hover-color; - @if(mixin-exists(hook-inverse-navbar-toggle-hover)) {@include hook-inverse-navbar-toggle-hover();} - } - -} -@mixin hook-inverse-component-subnav(){ - - .uk-subnav > * > :first-child { - color: $inverse-subnav-item-color; - @if(mixin-exists(hook-inverse-subnav-item)) {@include hook-inverse-subnav-item();} - } - - .uk-subnav > * > a:hover, - .uk-subnav > * > a:focus { - color: $inverse-subnav-item-hover-color; - @if(mixin-exists(hook-inverse-subnav-item-hover)) {@include hook-inverse-subnav-item-hover();} - } - - .uk-subnav > .uk-active > a { - color: $inverse-subnav-item-active-color; - @if(mixin-exists(hook-inverse-subnav-item-active)) {@include hook-inverse-subnav-item-active();} - } - - // - // Divider - // - - .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { - border-left-color: $inverse-subnav-divider-border; - @if(mixin-exists(hook-inverse-subnav-divider)) {@include hook-inverse-subnav-divider();} - } - - // - // Pill - // - - .uk-subnav-pill > * > :first-child { - background-color: $inverse-subnav-pill-item-background; - color: $inverse-subnav-pill-item-color; - @if(mixin-exists(hook-inverse-subnav-pill-item)) {@include hook-inverse-subnav-pill-item();} - } - - .uk-subnav-pill > * > a:hover, - .uk-subnav-pill > * > a:focus { - background-color: $inverse-subnav-pill-item-hover-background; - color: $inverse-subnav-pill-item-hover-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-hover)) {@include hook-inverse-subnav-pill-item-hover();} - } - - .uk-subnav-pill > * > a:active { - background-color: $inverse-subnav-pill-item-onclick-background; - color: $inverse-subnav-pill-item-onclick-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-onclick)) {@include hook-inverse-subnav-pill-item-onclick();} - } - - .uk-subnav-pill > .uk-active > a { - background-color: $inverse-subnav-pill-item-active-background; - color: $inverse-subnav-pill-item-active-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-active)) {@include hook-inverse-subnav-pill-item-active();} - } - - // - // Disabled - // - - .uk-subnav > .uk-disabled > a { - color: $inverse-subnav-item-disabled-color; - @if(mixin-exists(hook-inverse-subnav-item-disabled)) {@include hook-inverse-subnav-item-disabled();} - } - -} -@mixin hook-inverse-component-pagination(){ - - .uk-pagination > * > * { - color: $inverse-pagination-item-color; - @if(mixin-exists(hook-inverse-pagination-item)) {@include hook-inverse-pagination-item();} - } - - .uk-pagination > * > :hover, - .uk-pagination > * > :focus { - color: $inverse-pagination-item-hover-color; - @if(mixin-exists(hook-inverse-pagination-item-hover)) {@include hook-inverse-pagination-item-hover();} - } - - .uk-pagination > .uk-active > * { - color: $inverse-pagination-item-active-color; - @if(mixin-exists(hook-inverse-pagination-item-active)) {@include hook-inverse-pagination-item-active();} - } - - .uk-pagination > .uk-disabled > * { - color: $inverse-pagination-item-disabled-color; - @if(mixin-exists(hook-inverse-pagination-item-disabled)) {@include hook-inverse-pagination-item-disabled();} - } - -} -@mixin hook-inverse-component-tab(){ - - .uk-tab { - @if(mixin-exists(hook-inverse-tab)) {@include hook-inverse-tab();} - } - - .uk-tab > * > a { - color: $inverse-tab-item-color; - @if(mixin-exists(hook-inverse-tab-item)) {@include hook-inverse-tab-item();} - } - - .uk-tab > * > a:hover, - .uk-tab > * > a:focus{ - color: $inverse-tab-item-hover-color; - @if(mixin-exists(hook-inverse-tab-item-hover)) {@include hook-inverse-tab-item-hover();} - } - - .uk-tab > .uk-active > a { - color: $inverse-tab-item-active-color; - @if(mixin-exists(hook-inverse-tab-item-active)) {@include hook-inverse-tab-item-active();} - } - - .uk-tab > .uk-disabled > a { - color: $inverse-tab-item-disabled-color; - @if(mixin-exists(hook-inverse-tab-item-disabled)) {@include hook-inverse-tab-item-disabled();} - } - -} -@mixin hook-inverse-component-slidenav(){ - - .uk-slidenav { - color: $inverse-slidenav-color; - @if(mixin-exists(hook-inverse-slidenav)) {@include hook-inverse-slidenav();} - } - - .uk-slidenav:hover, - .uk-slidenav:focus { - color: $inverse-slidenav-hover-color; - @if(mixin-exists(hook-inverse-slidenav-hover)) {@include hook-inverse-slidenav-hover();} - } - - .uk-slidenav:active { - color: $inverse-slidenav-active-color; - @if(mixin-exists(hook-inverse-slidenav-active)) {@include hook-inverse-slidenav-active();} - } - -} -@mixin hook-inverse-component-text(){ - - .uk-text-lead { - color: $inverse-text-lead-color; - @if(mixin-exists(hook-inverse-text-lead)) {@include hook-inverse-text-lead();} - } - - .uk-text-meta { - color: $inverse-text-meta-color; - @if(mixin-exists(hook-inverse-text-meta)) {@include hook-inverse-text-meta();} - } - - .uk-text-muted { color: $inverse-text-muted-color !important; } - .uk-text-primary { color: $inverse-text-primary-color !important; } - -} -@mixin hook-inverse-component-utility(){ - - .uk-dropcap::first-letter, - .uk-dropcap p:first-of-type::first-letter { - @if(mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();} - } - - .uk-leader-fill { - @if(mixin-exists(hook-inverse-leader)) {@include hook-inverse-leader();} - } - - .uk-logo { - color: $inverse-logo-color; - @if(mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();} - } - - .uk-logo:hover, - .uk-logo:focus { - color: $inverse-logo-hover-color; - @if(mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();} - } - - .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; } - .uk-logo-inverse { display: inline; } - -} -@mixin hook-inverse(){ - @include hook-inverse-component-base(); - @include hook-inverse-component-link(); - @include hook-inverse-component-heading(); - @include hook-inverse-component-divider(); - @include hook-inverse-component-list(); - @include hook-inverse-component-icon(); - @include hook-inverse-component-form(); - @include hook-inverse-component-button(); - @include hook-inverse-component-grid(); - @include hook-inverse-component-close(); - @include hook-inverse-component-totop(); - @include hook-inverse-component-badge(); - @include hook-inverse-component-label(); - @include hook-inverse-component-article(); - @include hook-inverse-component-search(); - @include hook-inverse-component-nav(); - @include hook-inverse-component-navbar(); - @include hook-inverse-component-subnav(); - @include hook-inverse-component-breadcrumb(); - @include hook-inverse-component-pagination(); - @include hook-inverse-component-tab(); - @include hook-inverse-component-slidenav(); - @include hook-inverse-component-dotnav(); - @include hook-inverse-component-accordion(); - @include hook-inverse-component-iconnav(); - @include hook-inverse-component-text(); - @include hook-inverse-component-column(); - @include hook-inverse-component-utility(); -} -@mixin hook-label(){ - border-radius: $label-border-radius; - text-transform: $label-text-transform; -} -@mixin hook-label-success(){} -@mixin hook-label-warning(){} -@mixin hook-label-danger(){} -@mixin hook-label-misc(){} -@mixin hook-inverse-label(){} -@mixin hook-lightbox(){} -@mixin hook-lightbox-item(){} -@mixin hook-lightbox-toolbar(){} -@mixin hook-lightbox-toolbar-icon(){} -@mixin hook-lightbox-toolbar-icon-hover(){} -@mixin hook-lightbox-button(){} -@mixin hook-lightbox-button-hover(){} -@mixin hook-lightbox-misc(){} -@mixin hook-link-muted(){} -@mixin hook-link-muted-hover(){} -@mixin hook-link-text(){} -@mixin hook-link-text-hover(){} -@mixin hook-link-heading(){} -@mixin hook-link-heading-hover(){} -@mixin hook-link-reset(){} -@mixin hook-link-misc(){} -@mixin hook-inverse-link-muted(){} -@mixin hook-inverse-link-muted-hover(){} -@mixin hook-inverse-link-text-hover(){} -@mixin hook-inverse-link-heading-hover(){} -@mixin hook-list-divider(){} -@mixin hook-list-striped(){ - - &:nth-of-type(odd) { - border-top: $list-striped-border-width solid $list-striped-border; - border-bottom: $list-striped-border-width solid $list-striped-border; - } - -} -@mixin hook-list-bullet(){} -@mixin hook-list-misc(){} -@mixin hook-inverse-list-divider(){} -@mixin hook-inverse-list-striped(){ - - &:nth-of-type(odd) { - border-top-color: $inverse-global-border; - border-bottom-color: $inverse-global-border; - } - -} -@mixin hook-inverse-list-bullet(){} -@mixin hook-margin-misc(){} -@mixin hook-marker(){ - border-radius: 500px; -} -@mixin hook-marker-hover(){} -@mixin hook-marker-misc(){} -@mixin hook-inverse-marker(){} -@mixin hook-inverse-marker-hover(){} -@mixin hook-inverse-component-marker(){ - - .uk-marker { - background: $inverse-marker-background; - color: $inverse-marker-color; - @if(mixin-exists(hook-inverse-marker)) {@include hook-inverse-marker();} - } - - .uk-marker:hover, - .uk-marker:focus { - color: $inverse-marker-hover-color; - @if(mixin-exists(hook-inverse-marker-hover)) {@include hook-inverse-marker-hover();} - } - -} -@mixin hook-modal(){} -@mixin hook-modal-dialog(){} -@mixin hook-modal-full(){} -@mixin hook-modal-body(){} -@mixin hook-modal-header(){ border-bottom: $modal-header-border-width solid $modal-header-border; } -@mixin hook-modal-footer(){ border-top: $modal-footer-border-width solid $modal-footer-border; } -@mixin hook-modal-title(){} -@mixin hook-modal-close(){} -@mixin hook-modal-close-hover(){} -@mixin hook-modal-close-default(){} -@mixin hook-modal-close-default-hover(){} -@mixin hook-modal-close-outside(){} -@mixin hook-modal-close-outside-hover(){} -@mixin hook-modal-close-full(){ - top: 0; - right: 0; - padding: $modal-close-full-padding; - background: $modal-close-full-background; -} -@mixin hook-modal-close-full-hover(){} -@mixin hook-modal-misc(){} -@mixin hook-nav-sub(){} -@mixin hook-nav-parent-icon(){} -@mixin hook-nav-header(){} -@mixin hook-nav-divider(){} -@mixin hook-nav-default(){ font-size: $nav-default-font-size; } -@mixin hook-nav-default-item(){} -@mixin hook-nav-default-item-hover(){} -@mixin hook-nav-default-item-active(){} -@mixin hook-nav-default-header(){} -@mixin hook-nav-default-divider(){} -@mixin hook-nav-primary(){} -@mixin hook-nav-primary-item(){} -@mixin hook-nav-primary-item-hover(){} -@mixin hook-nav-primary-item-active(){} -@mixin hook-nav-primary-header(){} -@mixin hook-nav-primary-divider(){} -@mixin hook-nav-misc(){} -@mixin hook-inverse-nav-parent-icon(){} -@mixin hook-inverse-nav-default-item(){} -@mixin hook-inverse-nav-default-item-hover(){} -@mixin hook-inverse-nav-default-item-active(){} -@mixin hook-inverse-nav-default-header(){} -@mixin hook-inverse-nav-default-divider(){} -@mixin hook-inverse-nav-primary-item(){} -@mixin hook-inverse-nav-primary-item-hover(){} -@mixin hook-inverse-nav-primary-item-active(){} -@mixin hook-inverse-nav-primary-header(){} -@mixin hook-inverse-nav-primary-divider(){} -@mixin hook-navbar(){} -@mixin hook-navbar-container(){} -@mixin hook-navbar-nav-item(){ - text-transform: $navbar-nav-item-text-transform; - transition: 0.1s ease-in-out; - transition-property: color, background-color; -} -@mixin hook-navbar-nav-item-hover(){} -@mixin hook-navbar-nav-item-onclick(){} -@mixin hook-navbar-nav-item-active(){} -@mixin hook-navbar-item(){} -@mixin hook-navbar-toggle(){} -@mixin hook-navbar-toggle-hover(){} -@mixin hook-navbar-toggle-icon(){} -@mixin hook-navbar-toggle-icon-hover(){} -@mixin hook-navbar-subtitle(){} -@mixin hook-navbar-transparent(){} -@mixin hook-navbar-sticky(){} -@mixin hook-navbar-dropdown(){ box-shadow: $navbar-dropdown-box-shadow; } -@mixin hook-navbar-dropdown-dropbar(){ box-shadow: none; } -@mixin hook-navbar-dropdown-nav(){ font-size: $navbar-dropdown-nav-font-size; } -@mixin hook-navbar-dropdown-nav-item(){} -@mixin hook-navbar-dropdown-nav-item-hover(){} -@mixin hook-navbar-dropdown-nav-item-active(){} -@mixin hook-navbar-dropdown-nav-header(){} -@mixin hook-navbar-dropdown-nav-divider(){} -@mixin hook-navbar-dropbar(){} -@mixin hook-navbar-dropbar-slide(){ box-shadow: $navbar-dropbar-box-shadow; } -@mixin hook-navbar-misc(){ - - /* - * Navbar - */ - - .uk-navbar-container > .uk-container .uk-navbar-left { - margin-left: (-$navbar-nav-item-padding-horizontal); - margin-right: (-$navbar-nav-item-padding-horizontal); - } - .uk-navbar-container > .uk-container .uk-navbar-right { margin-right: (-$navbar-nav-item-padding-horizontal); } - - /* - * Grid Divider - */ - - .uk-navbar-dropdown-grid > * { position: relative; } - - .uk-navbar-dropdown-grid > :not(.uk-first-column)::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: ($navbar-dropdown-grid-gutter-horizontal / 2); - border-left: $navbar-dropdown-grid-divider-border-width solid $navbar-dropdown-grid-divider-border; - } - - /* Vertical */ - .uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { - content: ""; - position: absolute; - top: -($navbar-dropdown-grid-gutter-vertical / 2); - left: $navbar-dropdown-grid-gutter-horizontal; - right: 0; - border-top: $navbar-dropdown-grid-divider-border-width solid $navbar-dropdown-grid-divider-border; - } - -} -@mixin hook-inverse-navbar-nav-item(){} -@mixin hook-inverse-navbar-nav-item-hover(){} -@mixin hook-inverse-navbar-nav-item-onclick(){} -@mixin hook-inverse-navbar-nav-item-active(){} -@mixin hook-inverse-navbar-item(){} -@mixin hook-inverse-navbar-toggle(){} -@mixin hook-inverse-navbar-toggle-hover(){} -@mixin hook-notification(){} -@mixin hook-notification-message(){} -@mixin hook-notification-close(){} -@mixin hook-notification-message-primary(){} -@mixin hook-notification-message-success(){} -@mixin hook-notification-message-warning(){} -@mixin hook-notification-message-danger(){} -@mixin hook-notification-misc(){} -@mixin hook-offcanvas-bar(){} -@mixin hook-offcanvas-close(){} -@mixin hook-offcanvas-overlay(){} -@mixin hook-offcanvas-misc(){} -@mixin hook-overlay(){} -@mixin hook-overlay-icon(){} -@mixin hook-overlay-default(){} -@mixin hook-overlay-primary(){} -@mixin hook-overlay-misc(){} -@mixin hook-padding-misc(){} -@mixin hook-pagination(){} -@mixin hook-pagination-item(){ transition: color 0.1s ease-in-out; } -@mixin hook-pagination-item-hover(){} -@mixin hook-pagination-item-active(){} -@mixin hook-pagination-item-disabled(){} -@mixin hook-pagination-misc(){} -@mixin hook-inverse-pagination-item(){} -@mixin hook-inverse-pagination-item-hover(){} -@mixin hook-inverse-pagination-item-active(){} -@mixin hook-inverse-pagination-item-disabled(){} -@mixin hook-placeholder(){ border: $placeholder-border-width dashed $placeholder-border; } -@mixin hook-placeholder-misc(){} -@mixin hook-position-misc(){} -@mixin hook-print(){} -@mixin hook-progress(){ - border-radius: $progress-border-radius; - overflow: hidden; -} -@mixin hook-progress-bar(){} -@mixin hook-progress-misc(){} -@mixin hook-search-input(){} -@mixin hook-search-default-input(){ border: $search-default-border-width solid $search-default-border; } -@mixin hook-search-default-input-focus(){} -@mixin hook-search-navbar-input(){} -@mixin hook-search-large-input(){} -@mixin hook-search-toggle(){} -@mixin hook-search-toggle-hover(){} -@mixin hook-search-misc(){} -@mixin hook-inverse-search-default-input(){ border-color: $inverse-global-border; } -@mixin hook-inverse-search-default-input-focus(){} -@mixin hook-inverse-search-navbar-input(){} -@mixin hook-inverse-search-large-input(){} -@mixin hook-inverse-search-toggle(){} -@mixin hook-inverse-search-toggle-hover(){} -@mixin hook-section(){} -@mixin hook-section-default(){} -@mixin hook-section-muted(){} -@mixin hook-section-primary(){} -@mixin hook-section-secondary(){} -@mixin hook-section-overlap(){} -@mixin hook-section-misc(){} -@mixin hook-slidenav(){ transition: color 0.1s ease-in-out; } -@mixin hook-slidenav-hover(){} -@mixin hook-slidenav-active(){} -@mixin hook-slidenav-previous(){} -@mixin hook-slidenav-next(){} -@mixin hook-slidenav-large(){} -@mixin hook-slidenav-container(){} -@mixin hook-slidenav-misc(){} -@mixin hook-inverse-slidenav(){} -@mixin hook-inverse-slidenav-hover(){} -@mixin hook-inverse-slidenav-active(){} -@mixin hook-slider(){} -@mixin hook-slider-misc(){} -@mixin hook-slideshow(){} -@mixin hook-slideshow-misc(){} -@mixin hook-sortable(){} -@mixin hook-sortable-drag(){} -@mixin hook-sortable-placeholder(){} -@mixin hook-sortable-empty(){} -@mixin hook-sortable-misc(){} -@mixin hook-spinner(){} -@mixin hook-spinner-misc(){} -@mixin hook-sticky-misc(){} -@mixin hook-subnav(){} -@mixin hook-subnav-item(){ - font-size: $subnav-item-font-size; - text-transform: $subnav-item-text-transform; - transition: 0.1s ease-in-out; - transition-property: color, background-color; -} -@mixin hook-subnav-item-hover(){} -@mixin hook-subnav-item-active(){} -@mixin hook-subnav-divider(){} -@mixin hook-subnav-pill-item(){} -@mixin hook-subnav-pill-item-hover(){} -@mixin hook-subnav-pill-item-onclick(){} -@mixin hook-subnav-pill-item-active(){} -@mixin hook-subnav-item-disabled(){} -@mixin hook-subnav-misc(){} -@mixin hook-inverse-subnav-item(){} -@mixin hook-inverse-subnav-item-hover(){} -@mixin hook-inverse-subnav-item-active(){} -@mixin hook-inverse-subnav-divider(){} -@mixin hook-inverse-subnav-pill-item(){} -@mixin hook-inverse-subnav-pill-item-hover(){} -@mixin hook-inverse-subnav-pill-item-onclick(){} -@mixin hook-inverse-subnav-pill-item-active(){} -@mixin hook-inverse-subnav-item-disabled(){} -@mixin hook-switcher-misc(){} -@mixin hook-tab(){ - - position: relative; - - &::before { - content: ""; - position: absolute; - bottom: 0; - left: $tab-margin-horizontal; - right: 0; - border-bottom: $tab-border-width solid $tab-border; - } - -} -@mixin hook-tab-item(){ - border-bottom: $tab-item-border-width solid transparent; - font-size: $tab-item-font-size; - text-transform: $tab-item-text-transform; - transition: color 0.1s ease-in-out; -} -@mixin hook-tab-item-hover(){} -@mixin hook-tab-item-active(){ border-color: $tab-item-active-border; } -@mixin hook-tab-item-disabled(){} -@mixin hook-tab-bottom(){ - - &::before { - top: 0; - bottom: auto; - } - -} -@mixin hook-tab-bottom-item(){ - border-top: $tab-item-border-width solid transparent; - border-bottom: none; -} -@mixin hook-tab-left(){ - - &::before { - top: 0; - bottom: 0; - left: auto; - right: 0; - border-left: $tab-border-width solid $tab-border; - border-bottom: none; - } - -} -@mixin hook-tab-right(){ - - &::before { - top: 0; - bottom: 0; - left: 0; - right: auto; - border-left: $tab-border-width solid $tab-border; - border-bottom: none; - } - -} -@mixin hook-tab-left-item(){ - border-right: $tab-item-border-width solid transparent; - border-bottom: none; -} -@mixin hook-tab-right-item(){ - border-left: $tab-item-border-width solid transparent; - border-bottom: none; -} -@mixin hook-tab-misc(){ - - .uk-tab .uk-dropdown { margin-left: ($tab-margin-horizontal + $tab-item-padding-horizontal) } - -} -@mixin hook-inverse-tab(){ - - &::before { border-color: $inverse-tab-border; } - -} -@mixin hook-inverse-tab-item(){} -@mixin hook-inverse-tab-item-hover(){} -@mixin hook-inverse-tab-item-active(){ border-color: $inverse-global-primary-background; } -@mixin hook-inverse-tab-item-disabled(){} -@mixin hook-table(){} -@mixin hook-table-header-cell(){ text-transform: uppercase; } -@mixin hook-table-cell(){} -@mixin hook-table-footer(){} -@mixin hook-table-caption(){} -@mixin hook-table-row-active(){} -@mixin hook-table-divider(){} -@mixin hook-table-striped(){ - border-top: $table-striped-border-width solid $table-striped-border; - border-bottom: $table-striped-border-width solid $table-striped-border; -} -@mixin hook-table-hover(){} -@mixin hook-table-small(){} -@mixin hook-table-large(){} -@mixin hook-table-misc(){ - - .uk-table tbody tr { transition: background-color 0.1s linear; } - -} -@mixin hook-inverse-table-header-cell(){} -@mixin hook-inverse-table-caption(){} -@mixin hook-inverse-table-row-active(){} -@mixin hook-inverse-table-divider(){} -@mixin hook-inverse-table-striped(){ - border-top-color: $inverse-global-border; - border-bottom-color: $inverse-global-border; -} -@mixin hook-inverse-table-hover(){} -@mixin hook-inverse-component-table(){ - - .uk-table th { - color: $inverse-table-header-cell-color; - @if(mixin-exists(hook-inverse-table-header-cell)) {@include hook-inverse-table-header-cell();} - } - - .uk-table caption { - color: $inverse-table-caption-color; - @if(mixin-exists(hook-inverse-table-caption)) {@include hook-inverse-table-caption();} - } - - .uk-table > tr.uk-active, - .uk-table tbody tr.uk-active { - background: $inverse-table-row-active-background; - @if(mixin-exists(hook-inverse-table-row-active)) {@include hook-inverse-table-row-active();} - } - - .uk-table-divider > tr:not(:first-child), - .uk-table-divider > :not(:first-child) > tr, - .uk-table-divider > :first-child > tr:not(:first-child) { - border-top-color: $inverse-table-divider-border; - @if(mixin-exists(hook-inverse-table-divider)) {@include hook-inverse-table-divider();} - } - - .uk-table-striped > tr:nth-of-type(odd), - .uk-table-striped tbody tr:nth-of-type(odd) { - background: $inverse-table-striped-row-background; - @if(mixin-exists(hook-inverse-table-striped)) {@include hook-inverse-table-striped();} - } - - .uk-table-hover > tr:hover, - .uk-table-hover tbody tr:hover { - background: $inverse-table-hover-row-background; - @if(mixin-exists(hook-inverse-table-hover)) {@include hook-inverse-table-hover();} - } - -} -@mixin hook-text-lead(){} -@mixin hook-text-meta(){ - - a { color: $text-meta-link-color; } - - a:hover { - color: $text-meta-link-hover-color; - text-decoration: none; - } - -} -@mixin hook-text-small(){} -@mixin hook-text-large(){} -@mixin hook-text-background(){} -@mixin hook-text-misc(){} -@mixin hook-inverse-text-lead(){} -@mixin hook-inverse-text-meta(){} -@mixin hook-thumbnav(){} -@mixin hook-thumbnav-item(){ - - position: relative; - - &::after { - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: $thumbnav-item-background; - transition: background-color 0.1s ease-in-out; - } - -} -@mixin hook-thumbnav-item-hover(){ - &::after { background-color: $thumbnav-item-hover-background; } -} -@mixin hook-thumbnav-item-active(){ - &::after { background-color: $thumbnav-item-active-background; } -} -@mixin hook-thumbnav-misc(){} -@mixin hook-inverse-thumbnav-item(){} -@mixin hook-inverse-thumbnav-item-hover(){} -@mixin hook-inverse-thumbnav-item-active(){} -@mixin hook-inverse-component-thumbnav(){ - - .uk-thumbnav > * > * { - @if(mixin-exists(hook-inverse-thumbnav-item)) {@include hook-inverse-thumbnav-item();} - } - - .uk-thumbnav > * > :hover, - .uk-thumbnav > * > :focus { - @if(mixin-exists(hook-inverse-thumbnav-item-hover)) {@include hook-inverse-thumbnav-item-hover();} - } - - .uk-thumbnav > .uk-active > * { - @if(mixin-exists(hook-inverse-thumbnav-item-active)) {@include hook-inverse-thumbnav-item-active();} - } - -} -@mixin hook-tile(){} -@mixin hook-tile-default(){} -@mixin hook-tile-muted(){} -@mixin hook-tile-primary(){} -@mixin hook-tile-secondary(){} -@mixin hook-tile-misc(){} -@mixin hook-tooltip(){} -@mixin hook-tooltip-misc(){} -@mixin hook-totop(){ transition: color 0.1s ease-in-out; } -@mixin hook-totop-hover(){} -@mixin hook-totop-active(){} -@mixin hook-totop-misc(){} -@mixin hook-inverse-totop(){} -@mixin hook-inverse-totop-hover(){} -@mixin hook-inverse-totop-active(){} -@mixin hook-transition-misc(){} -@mixin hook-panel-scrollable(){} -@mixin hook-box-shadow-bottom(){} -@mixin hook-dropcap(){ - // Prevent line wrap - margin-bottom: -2px; -} -@mixin hook-leader(){} -@mixin hook-logo(){} -@mixin hook-logo-hover(){} -@mixin hook-utility-misc(){} -@mixin hook-inverse-dropcap(){} -@mixin hook-inverse-leader(){} -@mixin hook-inverse-logo(){} -@mixin hook-inverse-logo-hover(){} -@mixin hook-visibility-misc(){} -@mixin hook-width-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/mixins.scss b/docs/_sass/uikit/mixins.scss deleted file mode 100644 index 9662d0e..0000000 --- a/docs/_sass/uikit/mixins.scss +++ /dev/null @@ -1,1644 +0,0 @@ -@mixin hook-accordion(){} -@mixin hook-accordion-item(){} -@mixin hook-accordion-title(){} -@mixin hook-accordion-title-hover(){} -@mixin hook-accordion-content(){} -@mixin hook-accordion-misc(){} -@mixin hook-inverse-accordion-item(){} -@mixin hook-inverse-accordion-title(){} -@mixin hook-inverse-accordion-title-hover(){} -@mixin hook-inverse-component-accordion(){ - - .uk-accordion > :nth-child(n+2) { - @if(mixin-exists(hook-inverse-accordion-item)) {@include hook-inverse-accordion-item();} - } - - .uk-accordion-title { - color: $inverse-accordion-title-color; - @if(mixin-exists(hook-inverse-accordion-title)) {@include hook-inverse-accordion-title();} - } - - .uk-accordion-title:hover, - .uk-accordion-title:focus { - color: $inverse-accordion-title-hover-color; - @if(mixin-exists(hook-inverse-accordion-title-hover)) {@include hook-inverse-accordion-title-hover();} - } - -} -@mixin hook-align-misc(){} -@mixin hook-alert(){} -@mixin hook-alert-close(){} -@mixin hook-alert-close-hover(){} -@mixin hook-alert-primary(){} -@mixin hook-alert-success(){} -@mixin hook-alert-warning(){} -@mixin hook-alert-danger(){} -@mixin hook-alert-misc(){} -@mixin hook-article(){} -@mixin hook-article-adjacent(){} -@mixin hook-article-title(){} -@mixin hook-article-meta(){} -@mixin hook-article-misc(){} -@mixin hook-inverse-article-title(){} -@mixin hook-inverse-article-meta(){} -@mixin hook-inverse-component-article(){ - - .uk-article-title { - @if(mixin-exists(hook-inverse-article-title)) {@include hook-inverse-article-title();} - } - - .uk-article-meta { - color: $inverse-article-meta-color; - @if(mixin-exists(hook-inverse-article-meta)) {@include hook-inverse-article-meta();} - } - -} -@mixin hook-animation-misc(){} -@mixin hook-background-misc(){} -@mixin hook-badge(){} -@mixin hook-badge-hover(){} -@mixin hook-badge-misc(){} -@mixin hook-inverse-badge(){} -@mixin hook-inverse-badge-hover(){} -@mixin hook-inverse-component-badge(){ - - .uk-badge { - background-color: $inverse-badge-background; - color: $inverse-badge-color; - @if(mixin-exists(hook-inverse-badge)) {@include hook-inverse-badge();} - } - - .uk-badge:hover, - .uk-badge:focus { - color: $inverse-badge-hover-color; - @if(mixin-exists(hook-inverse-badge-hover)) {@include hook-inverse-badge-hover();} - } - -} -@mixin hook-base-body(){} -@mixin hook-base-link(){} -@mixin hook-base-link-hover(){} -@mixin hook-base-code(){} -@mixin hook-base-heading(){} -@mixin hook-base-h1(){} -@mixin hook-base-h2(){} -@mixin hook-base-h3(){} -@mixin hook-base-h4(){} -@mixin hook-base-h5(){} -@mixin hook-base-h6(){} -@mixin hook-base-hr(){} -@mixin hook-base-blockquote(){} -@mixin hook-base-blockquote-footer(){} -@mixin hook-base-pre(){} -@mixin hook-base-misc(){} -@mixin hook-inverse-base-link(){} -@mixin hook-inverse-base-link-hover(){} -@mixin hook-inverse-base-code(){} -@mixin hook-inverse-base-heading(){} -@mixin hook-inverse-base-h1(){} -@mixin hook-inverse-base-h2(){} -@mixin hook-inverse-base-h3(){} -@mixin hook-inverse-base-h4(){} -@mixin hook-inverse-base-h5(){} -@mixin hook-inverse-base-h6(){} -@mixin hook-inverse-base-blockquote(){} -@mixin hook-inverse-base-blockquote-footer(){} -@mixin hook-inverse-base-hr(){} -@mixin hook-inverse-component-base(){ - - color: $inverse-base-color; - - // Base - // ======================================================================== - - // - // Link - // - - a, - .uk-link { - color: $inverse-base-link-color; - @if(mixin-exists(hook-inverse-base-link)) {@include hook-inverse-base-link();} - } - - a:hover, - .uk-link:hover { - color: $inverse-base-link-hover-color; - @if(mixin-exists(hook-inverse-base-link-hover)) {@include hook-inverse-base-link-hover();} - } - - // - // Code - // - - :not(pre) > code, - :not(pre) > kbd, - :not(pre) > samp { - color: $inverse-base-code-color; - @if(mixin-exists(hook-inverse-base-code)) {@include hook-inverse-base-code();} - } - - // - // Emphasize - // - - em { color: $inverse-base-em-color; } - - // - // Headings - // - - h1, .uk-h1, - h2, .uk-h2, - h3, .uk-h3, - h4, .uk-h4, - h5, .uk-h5, - h6, .uk-h6 { - color: $inverse-base-heading-color; - @if(mixin-exists(hook-inverse-base-heading)) {@include hook-inverse-base-heading();} - } - - h1, .uk-h1 { - @if(mixin-exists(hook-inverse-base-h1)) {@include hook-inverse-base-h1();} - } - - h2, .uk-h2 { - @if(mixin-exists(hook-inverse-base-h2)) {@include hook-inverse-base-h2();} - } - - h3, .uk-h3 { - @if(mixin-exists(hook-inverse-base-h3)) {@include hook-inverse-base-h3();} - } - - h4, .uk-h4 { - @if(mixin-exists(hook-inverse-base-h4)) {@include hook-inverse-base-h4();} - } - - h5, .uk-h5 { - @if(mixin-exists(hook-inverse-base-h5)) {@include hook-inverse-base-h5();} - } - - h6, .uk-h6 { - @if(mixin-exists(hook-inverse-base-h6)) {@include hook-inverse-base-h6();} - } - - // - // Blockquotes - // - - blockquote { - @if(mixin-exists(hook-inverse-base-blockquote)) {@include hook-inverse-base-blockquote();} - } - - blockquote footer { - @if(mixin-exists(hook-inverse-base-blockquote-footer)) {@include hook-inverse-base-blockquote-footer();} - } - - // - // Horizontal rules - // - - hr, .uk-hr { - border-top-color: $inverse-base-hr-border; - @if(mixin-exists(hook-inverse-base-hr)) {@include hook-inverse-base-hr();} - } - -} -@mixin hook-breadcrumb(){} -@mixin hook-breadcrumb-item(){} -@mixin hook-breadcrumb-item-hover(){} -@mixin hook-breadcrumb-item-disabled(){} -@mixin hook-breadcrumb-item-active(){} -@mixin hook-breadcrumb-divider(){} -@mixin hook-breadcrumb-misc(){} -@mixin hook-inverse-breadcrumb-item(){} -@mixin hook-inverse-breadcrumb-item-hover(){} -@mixin hook-inverse-breadcrumb-item-disabled(){} -@mixin hook-inverse-breadcrumb-item-active(){} -@mixin hook-inverse-breadcrumb-divider(){} -@mixin hook-inverse-component-breadcrumb(){ - - .uk-breadcrumb > * > * { - color: $inverse-breadcrumb-item-color; - @if(mixin-exists(hook-inverse-breadcrumb-item)) {@include hook-inverse-breadcrumb-item();} - } - - .uk-breadcrumb > * > :hover, - .uk-breadcrumb > * > :focus { - color: $inverse-breadcrumb-item-hover-color; - @if(mixin-exists(hook-inverse-breadcrumb-item-hover)) {@include hook-inverse-breadcrumb-item-hover();} - } - - - .uk-breadcrumb > .uk-disabled > * { - @if(mixin-exists(hook-inverse-breadcrumb-item-disabled)) {@include hook-inverse-breadcrumb-item-disabled();} - } - - .uk-breadcrumb > :last-child > * { - color: $inverse-breadcrumb-item-active-color; - @if(mixin-exists(hook-inverse-breadcrumb-item-active)) {@include hook-inverse-breadcrumb-item-active();} - } - - // - // Divider - // - - .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { - color: $inverse-breadcrumb-divider-color; - @if(mixin-exists(hook-inverse-breadcrumb-divider)) {@include hook-inverse-breadcrumb-divider();} - } - -} -@mixin hook-button(){} -@mixin hook-button-hover(){} -@mixin hook-button-focus(){} -@mixin hook-button-active(){} -@mixin hook-button-default(){} -@mixin hook-button-default-hover(){} -@mixin hook-button-default-active(){} -@mixin hook-button-primary(){} -@mixin hook-button-primary-hover(){} -@mixin hook-button-primary-active(){} -@mixin hook-button-secondary(){} -@mixin hook-button-secondary-hover(){} -@mixin hook-button-secondary-active(){} -@mixin hook-button-danger(){} -@mixin hook-button-danger-hover(){} -@mixin hook-button-danger-active(){} -@mixin hook-button-disabled(){} -@mixin hook-button-small(){} -@mixin hook-button-large(){} -@mixin hook-button-text(){} -@mixin hook-button-text-hover(){} -@mixin hook-button-text-disabled(){} -@mixin hook-button-link(){} -@mixin hook-button-misc(){} -@mixin hook-inverse-button-default(){} -@mixin hook-inverse-button-default-hover(){} -@mixin hook-inverse-button-default-active(){} -@mixin hook-inverse-button-primary(){} -@mixin hook-inverse-button-primary-hover(){} -@mixin hook-inverse-button-primary-active(){} -@mixin hook-inverse-button-secondary(){} -@mixin hook-inverse-button-secondary-hover(){} -@mixin hook-inverse-button-secondary-active(){} -@mixin hook-inverse-button-text(){} -@mixin hook-inverse-button-text-hover(){} -@mixin hook-inverse-button-text-disabled(){} -@mixin hook-inverse-button-link(){} -@mixin hook-inverse-component-button(){ - - // - // Default - // - - .uk-button-default { - background-color: $inverse-button-default-background; - color: $inverse-button-default-color; - @if(mixin-exists(hook-inverse-button-default)) {@include hook-inverse-button-default();} - } - - .uk-button-default:hover, - .uk-button-default:focus { - background-color: $inverse-button-default-hover-background; - color: $inverse-button-default-hover-color; - @if(mixin-exists(hook-inverse-button-default-hover)) {@include hook-inverse-button-default-hover();} - } - - .uk-button-default:active, - .uk-button-default.uk-active { - background-color: $inverse-button-default-active-background; - color: $inverse-button-default-active-color; - @if(mixin-exists(hook-inverse-button-default-active)) {@include hook-inverse-button-default-active();} - } - - // - // Primary - // - - .uk-button-primary { - background-color: $inverse-button-primary-background; - color: $inverse-button-primary-color; - @if(mixin-exists(hook-inverse-button-primary)) {@include hook-inverse-button-primary();} - } - - .uk-button-primary:hover, - .uk-button-primary:focus { - background-color: $inverse-button-primary-hover-background; - color: $inverse-button-primary-hover-color; - @if(mixin-exists(hook-inverse-button-primary-hover)) {@include hook-inverse-button-primary-hover();} - } - - .uk-button-primary:active, - .uk-button-primary.uk-active { - background-color: $inverse-button-primary-active-background; - color: $inverse-button-primary-active-color; - @if(mixin-exists(hook-inverse-button-primary-active)) {@include hook-inverse-button-primary-active();} - } - - // - // Secondary - // - - .uk-button-secondary { - background-color: $inverse-button-secondary-background; - color: $inverse-button-secondary-color; - @if(mixin-exists(hook-inverse-button-secondary)) {@include hook-inverse-button-secondary();} - } - - .uk-button-secondary:hover, - .uk-button-secondary:focus { - background-color: $inverse-button-secondary-hover-background; - color: $inverse-button-secondary-hover-color; - @if(mixin-exists(hook-inverse-button-secondary-hover)) {@include hook-inverse-button-secondary-hover();} - } - - .uk-button-secondary:active, - .uk-button-secondary.uk-active { - background-color: $inverse-button-secondary-active-background; - color: $inverse-button-secondary-active-color; - @if(mixin-exists(hook-inverse-button-secondary-active)) {@include hook-inverse-button-secondary-active();} - } - - // - // Text - // - - .uk-button-text { - color: $inverse-button-text-color; - @if(mixin-exists(hook-inverse-button-text)) {@include hook-inverse-button-text();} - } - - .uk-button-text:hover, - .uk-button-text:focus { - color: $inverse-button-text-hover-color; - @if(mixin-exists(hook-inverse-button-text-hover)) {@include hook-inverse-button-text-hover();} - } - - .uk-button-text:disabled { - color: $inverse-button-text-disabled-color; - @if(mixin-exists(hook-inverse-button-text-disabled)) {@include hook-inverse-button-text-disabled();} - } - - // - // Link - // - - .uk-button-link { - color: $inverse-button-link-color; - @if(mixin-exists(hook-inverse-button-link)) {@include hook-inverse-button-link();} - } - - .uk-button-link:hover, - .uk-button-link:focus { color: $inverse-button-link-hover-color; } - - -} -@mixin hook-card(){} -@mixin hook-card-body(){} -@mixin hook-card-header(){} -@mixin hook-card-footer(){} -@mixin hook-card-media(){} -@mixin hook-card-media-top(){} -@mixin hook-card-media-bottom(){} -@mixin hook-card-media-left(){} -@mixin hook-card-media-right(){} -@mixin hook-card-title(){} -@mixin hook-card-badge(){} -@mixin hook-card-hover(){} -@mixin hook-card-default(){} -@mixin hook-card-default-title(){} -@mixin hook-card-default-hover(){} -@mixin hook-card-default-header(){} -@mixin hook-card-default-footer(){} -@mixin hook-card-primary(){} -@mixin hook-card-primary-title(){} -@mixin hook-card-primary-hover(){} -@mixin hook-card-secondary(){} -@mixin hook-card-secondary-title(){} -@mixin hook-card-secondary-hover(){} -@mixin hook-card-misc(){} -@mixin hook-close(){} -@mixin hook-close-hover(){} -@mixin hook-close-misc(){} -@mixin hook-inverse-close(){} -@mixin hook-inverse-close-hover(){} -@mixin hook-inverse-component-close(){ - - .uk-close { - color: $inverse-close-color; - @if(mixin-exists(hook-inverse-close)) {@include hook-inverse-close();} - } - - .uk-close:hover, - .uk-close:focus { - color: $inverse-close-hover-color; - @if(mixin-exists(hook-inverse-close-hover)) {@include hook-inverse-close-hover();} - } - -} -@mixin hook-column-misc(){} -@mixin hook-inverse-component-column(){ - - .uk-column-divider { column-rule-color: $inverse-column-divider-rule-color; } - -} -@mixin hook-comment(){} -@mixin hook-comment-body(){} -@mixin hook-comment-header(){} -@mixin hook-comment-title(){} -@mixin hook-comment-meta(){} -@mixin hook-comment-avatar(){} -@mixin hook-comment-list-adjacent(){} -@mixin hook-comment-list-sub(){} -@mixin hook-comment-list-sub-adjacent(){} -@mixin hook-comment-primary(){} -@mixin hook-comment-misc(){} -@mixin hook-container-misc(){} -@mixin hook-countdown(){} -@mixin hook-countdown-item(){} -@mixin hook-countdown-number(){} -@mixin hook-countdown-separator(){} -@mixin hook-countdown-label(){} -@mixin hook-countdown-misc(){} -@mixin hook-inverse-countdown-item(){} -@mixin hook-inverse-countdown-number(){} -@mixin hook-inverse-countdown-separator(){} -@mixin hook-inverse-countdown-label(){} -@mixin hook-inverse-component-countdown(){ - - .uk-countdown-number, - .uk-countdown-separator { - @if(mixin-exists(hook-inverse-countdown-item)) {@include hook-inverse-countdown-item();} - } - - .uk-countdown-number { - @if(mixin-exists(hook-inverse-countdown-number)) {@include hook-inverse-countdown-number();} - } - - .uk-countdown-separator { - @if(mixin-exists(hook-inverse-countdown-separator)) {@include hook-inverse-countdown-separator();} - } - - .uk-countdown-label { - @if(mixin-exists(hook-inverse-countdown-label)) {@include hook-inverse-countdown-label();} - } - -} -@mixin hook-cover-misc(){} -@mixin hook-description-list-term(){} -@mixin hook-description-list-description(){} -@mixin hook-description-list-divider-term(){} -@mixin hook-description-list-misc(){} -@mixin svg-fill($src, $color-default, $color-new, $property: background-image){ - - $escape-color-default: escape($color-default) !default; - $escape-color-new: escape("#{$color-new}") !default; - - $data-uri: data-uri('image/svg+xml;charset=UTF-8', "#{$src}") !default; - $replace-src: replace("#{$data-uri}", "#{$escape-color-default}", "#{$escape-color-new}", "g") !default; - - #{$property}: unquote($replace-src); -} -@mixin hook-divider-icon(){} -@mixin hook-divider-icon-line(){} -@mixin hook-divider-icon-line-left(){} -@mixin hook-divider-icon-line-right(){} -@mixin hook-divider-small(){} -@mixin hook-divider-misc(){} -@mixin hook-inverse-divider-icon(){} -@mixin hook-inverse-divider-icon-line(){} -@mixin hook-inverse-divider-small(){} -@mixin hook-inverse-component-divider(){ - - .uk-divider-icon { - @include svg-fill($internal-divider-icon-image, "#000", $inverse-divider-icon-color); - @if(mixin-exists(hook-inverse-divider-icon)) {@include hook-inverse-divider-icon();} - } - - .uk-divider-icon::before, - .uk-divider-icon::after { - border-bottom-color: $inverse-divider-icon-line-border; - @if(mixin-exists(hook-inverse-divider-icon-line)) {@include hook-inverse-divider-icon-line();} - } - - .uk-divider-small::after { - border-top-color: $inverse-divider-small-border; - @if(mixin-exists(hook-inverse-divider-small)) {@include hook-inverse-divider-small();} - } - -} -@mixin hook-dotnav(){} -@mixin hook-dotnav-item(){} -@mixin hook-dotnav-item-hover(){} -@mixin hook-dotnav-item-onclick(){} -@mixin hook-dotnav-item-active(){} -@mixin hook-dotnav-misc(){} -@mixin hook-inverse-dotnav-item(){} -@mixin hook-inverse-dotnav-item-hover(){} -@mixin hook-inverse-dotnav-item-onclick(){} -@mixin hook-inverse-dotnav-item-active(){} -@mixin hook-inverse-component-dotnav(){ - - .uk-dotnav > * > * { - background-color: $inverse-dotnav-item-background; - @if(mixin-exists(hook-inverse-dotnav-item)) {@include hook-inverse-dotnav-item();} - } - - .uk-dotnav > * > :hover, - .uk-dotnav > * > :focus { - background-color: $inverse-dotnav-item-hover-background; - @if(mixin-exists(hook-inverse-dotnav-item-hover)) {@include hook-inverse-dotnav-item-hover();} - } - - .uk-dotnav > * > :active { - background-color: $inverse-dotnav-item-onclick-background; - @if(mixin-exists(hook-inverse-dotnav-item-onclick)) {@include hook-inverse-dotnav-item-onclick();} - } - - .uk-dotnav > .uk-active > * { - background-color: $inverse-dotnav-item-active-background; - @if(mixin-exists(hook-inverse-dotnav-item-active)) {@include hook-inverse-dotnav-item-active();} - } - -} -@mixin hook-drop-misc(){} -@mixin hook-dropdown(){} -@mixin hook-dropdown-nav(){} -@mixin hook-dropdown-nav-item(){} -@mixin hook-dropdown-nav-item-hover(){} -@mixin hook-dropdown-nav-header(){} -@mixin hook-dropdown-nav-divider(){} -@mixin hook-dropdown-misc(){} -@mixin hook-flex-misc(){} -@mixin hook-form-range(){} -@mixin hook-form-range-thumb(){} -@mixin hook-form-range-track(){} -@mixin hook-form-range-track-focus(){} -@mixin hook-form-range-misc(){} -@mixin hook-form(){} -@mixin hook-form-single-line(){} -@mixin hook-form-multi-line(){} -@mixin hook-form-focus(){} -@mixin hook-form-disabled(){} -@mixin hook-form-danger(){} -@mixin hook-form-success(){} -@mixin hook-form-blank(){} -@mixin hook-form-blank-focus(){} -@mixin hook-form-radio(){} -@mixin hook-form-radio-focus(){} -@mixin hook-form-radio-checked(){} -@mixin hook-form-radio-checked-focus(){} -@mixin hook-form-radio-disabled(){} -@mixin hook-form-legend(){} -@mixin hook-form-label(){} -@mixin hook-form-stacked-label(){} -@mixin hook-form-horizontal-label(){} -@mixin hook-form-misc(){} -@mixin hook-inverse-form(){} -@mixin hook-inverse-form-focus(){} -@mixin hook-inverse-form-radio(){} -@mixin hook-inverse-form-radio-focus(){} -@mixin hook-inverse-form-radio-checked(){} -@mixin hook-inverse-form-radio-checked-focus(){} -@mixin hook-inverse-form-label(){} -@mixin hook-inverse-component-form(){ - - .uk-input, - .uk-select, - .uk-textarea { - background-color: $inverse-form-background; - color: $inverse-form-color; - background-clip: padding-box; - @if(mixin-exists(hook-inverse-form)) {@include hook-inverse-form();} - - &:focus { - background-color: $inverse-form-focus-background; - color: $inverse-form-focus-color; - @if(mixin-exists(hook-inverse-form-focus)) {@include hook-inverse-form-focus();} - } - } - - // - // Placeholder - // - - .uk-input:-ms-input-placeholder { color: $inverse-form-placeholder-color !important; } - .uk-input::placeholder { color: $inverse-form-placeholder-color; } - - .uk-textarea:-ms-input-placeholder { color: $inverse-form-placeholder-color !important; } - .uk-textarea::placeholder { color: $inverse-form-placeholder-color; } - - // - // Radio and checkbox - // - - .uk-select:not([multiple]):not([size]) { @include svg-fill($internal-form-select-image, "#000", $inverse-form-select-icon-color); } - - // - // Radio and checkbox - // - - .uk-radio, - .uk-checkbox { - background-color: $inverse-form-radio-background; - @if(mixin-exists(hook-inverse-form-radio)) {@include hook-inverse-form-radio();} - } - - // Focus - .uk-radio:focus, - .uk-checkbox:focus { - @if(mixin-exists(hook-inverse-form-radio-focus)) {@include hook-inverse-form-radio-focus();} - } - - // Checked - .uk-radio:checked, - .uk-checkbox:checked, - .uk-checkbox:indeterminate { - background-color: $inverse-form-radio-checked-background; - @if(mixin-exists(hook-inverse-form-radio-checked)) {@include hook-inverse-form-radio-checked();} - } - - // Focus - .uk-radio:checked:focus, - .uk-checkbox:checked:focus, - .uk-checkbox:indeterminate:focus { - background-color: $inverse-form-radio-checked-focus-background; - @if(mixin-exists(hook-inverse-form-radio-checked-focus)) {@include hook-inverse-form-radio-checked-focus();} - } - - // Icon - .uk-radio:checked { @include svg-fill($internal-form-radio-image, "#000", $inverse-form-radio-checked-icon-color); } - .uk-checkbox:checked { @include svg-fill($internal-form-checkbox-image, "#000", $inverse-form-radio-checked-icon-color); } - .uk-checkbox:indeterminate { @include svg-fill($internal-form-checkbox-indeterminate-image, "#000", $inverse-form-radio-checked-icon-color); } - - // Label - .uk-form-label { - @if(mixin-exists(hook-inverse-form-label)) {@include hook-inverse-form-label();} - } - -} -@mixin hook-grid-misc(){} -@mixin hook-inverse-component-grid(){ - - .uk-grid-divider > :not(.uk-first-column)::before { border-left-color: $inverse-grid-divider-border; } - .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { border-top-color: $inverse-grid-divider-border; } - -} -@mixin hook-heading-primary(){} -@mixin hook-heading-hero(){} -@mixin hook-heading-divider(){} -@mixin hook-heading-bullet(){} -@mixin hook-heading-line(){} -@mixin hook-heading-misc(){} -@mixin hook-inverse-heading-primary(){} -@mixin hook-inverse-heading-hero(){} -@mixin hook-inverse-heading-divider(){} -@mixin hook-inverse-heading-bullet(){} -@mixin hook-inverse-heading-line(){} -@mixin hook-inverse-component-heading(){ - - .uk-heading-primary { - @if(mixin-exists(hook-inverse-heading-primary)) {@include hook-inverse-heading-primary();} - } - - .uk-heading-hero { - @if(mixin-exists(hook-inverse-heading-hero)) {@include hook-inverse-heading-hero();} - } - - .uk-heading-divider { - border-bottom-color: $inverse-heading-divider-border; - @if(mixin-exists(hook-inverse-heading-divider)) {@include hook-inverse-heading-divider();} - } - - .uk-heading-bullet::before { - border-left-color: $inverse-heading-bullet-border; - @if(mixin-exists(hook-inverse-heading-bullet)) {@include hook-inverse-heading-bullet();} - } - - .uk-heading-line > ::before, - .uk-heading-line > ::after { - border-bottom-color: $inverse-heading-line-border; - @if(mixin-exists(hook-inverse-heading-line)) {@include hook-inverse-heading-line();} - } - -} -@mixin hook-icon-link(){} -@mixin hook-icon-link-hover(){} -@mixin hook-icon-link-active(){} -@mixin hook-icon-button(){} -@mixin hook-icon-button-hover(){} -@mixin hook-icon-button-active(){} -@mixin hook-icon-misc(){} -@mixin hook-inverse-icon-link(){} -@mixin hook-inverse-icon-link-hover(){} -@mixin hook-inverse-icon-link-active(){} -@mixin hook-inverse-icon-button(){} -@mixin hook-inverse-icon-button-hover(){} -@mixin hook-inverse-icon-button-active(){} -@mixin hook-inverse-component-icon(){ - - // - // Link - // - - .uk-icon-link { - color: $inverse-icon-link-color; - @if(mixin-exists(hook-inverse-icon-link)) {@include hook-inverse-icon-link();} - } - - .uk-icon-link:hover, - .uk-icon-link:focus { - color: $inverse-icon-link-hover-color; - @if(mixin-exists(hook-inverse-icon-link-hover)) {@include hook-inverse-icon-link-hover();} - } - - .uk-icon-link:active, - .uk-active > .uk-icon-link { - color: $inverse-icon-link-active-color; - @if(mixin-exists(hook-inverse-icon-link-active)) {@include hook-inverse-icon-link-active();} - } - - // - // Button - // - - .uk-icon-button { - background-color: $inverse-icon-button-background; - color: $inverse-icon-button-color; - @if(mixin-exists(hook-inverse-icon-button)) {@include hook-inverse-icon-button();} - } - - .uk-icon-button:hover, - .uk-icon-button:focus { - background-color: $inverse-icon-button-hover-background; - color: $inverse-icon-button-hover-color; - @if(mixin-exists(hook-inverse-icon-button-hover)) {@include hook-inverse-icon-button-hover();} - } - - .uk-icon-button:active { - background-color: $inverse-icon-button-active-background; - color: $inverse-icon-button-active-color; - @if(mixin-exists(hook-inverse-icon-button-active)) {@include hook-inverse-icon-button-active();} - } - -} -@mixin hook-iconnav(){} -@mixin hook-iconnav-item(){} -@mixin hook-iconnav-item-hover(){} -@mixin hook-iconnav-item-active(){} -@mixin hook-iconnav-misc(){} -@mixin hook-inverse-iconnav-item(){} -@mixin hook-inverse-iconnav-item-hover(){} -@mixin hook-inverse-iconnav-item-active(){} -@mixin hook-inverse-component-iconnav(){ - - .uk-iconnav > * > a { - color: $inverse-iconnav-item-color; - @if(mixin-exists(hook-inverse-iconnav-item)) {@include hook-inverse-iconnav-item();} - } - - .uk-iconnav > * > a:hover, - .uk-iconnav > * > a:focus { - color: $inverse-iconnav-item-hover-color; - @if(mixin-exists(hook-inverse-iconnav-item-hover)) {@include hook-inverse-iconnav-item-hover();} - } - - .uk-iconnav > .uk-active > a { - color: $inverse-iconnav-item-active-color; - @if(mixin-exists(hook-inverse-iconnav-item-active)) {@include hook-inverse-iconnav-item-active();} - } - -} -@mixin hook-inverse-component-link(){ - - a.uk-link-muted, - .uk-link-muted a { - color: $inverse-link-muted-color; - @if(mixin-exists(hook-inverse-link-muted)) {@include hook-inverse-link-muted();} - } - - a.uk-link-muted:hover, - .uk-link-muted a:hover { - color: $inverse-link-muted-hover-color; - @if(mixin-exists(hook-inverse-link-muted-hover)) {@include hook-inverse-link-muted-hover();} - } - - a.uk-link-text:hover, - .uk-link-text a:hover { - color: $inverse-link-text-hover-color; - @if(mixin-exists(hook-inverse-link-text-hover)) {@include hook-inverse-link-text-hover();} - } - - a.uk-link-heading:hover, - .uk-link-heading a:hover { - color: $inverse-link-heading-hover-color; - @if(mixin-exists(hook-inverse-link-heading-hover)) {@include hook-inverse-link-heading-hover();} - } - -} -@mixin hook-inverse-component-list(){ - - .uk-list-divider > li:nth-child(n+2) { - border-top-color: $inverse-list-divider-border; - @if(mixin-exists(hook-inverse-list-divider)) {@include hook-inverse-list-divider();} - } - - .uk-list-striped > li { - @if(mixin-exists(hook-inverse-list-striped)) {@include hook-inverse-list-striped();} - } - - .uk-list-striped > li:nth-of-type(odd) { background-color: $inverse-list-striped-background; } - - .uk-list-bullet > li::before { - @include svg-fill($internal-list-bullet-image, "#000", $inverse-list-bullet-icon-color); - @if(mixin-exists(hook-inverse-list-bullet)) {@include hook-inverse-list-bullet();} - } - -} -@mixin hook-inverse-component-totop(){ - - .uk-totop { - color: $inverse-totop-color; - @if(mixin-exists(hook-inverse-totop)) {@include hook-inverse-totop();} - } - - .uk-totop:hover, - .uk-totop:focus { - color: $inverse-totop-hover-color; - @if(mixin-exists(hook-inverse-totop-hover)) {@include hook-inverse-totop-hover();} - } - - .uk-totop:active { - color: $inverse-totop-active-color; - @if(mixin-exists(hook-inverse-totop-active)) {@include hook-inverse-totop-active();} - } - -} -@mixin hook-inverse-component-label(){ - - .uk-label { - background-color: $inverse-label-background; - color: $inverse-label-color; - @if(mixin-exists(hook-inverse-label)) {@include hook-inverse-label();} - } - -} -@mixin hook-inverse-component-search(){ - - // - // Input - // - - .uk-search-input { color: $inverse-search-color; } - - .uk-search-input:-ms-input-placeholder { color: $inverse-search-placeholder-color !important; } - .uk-search-input::placeholder { color: $inverse-search-placeholder-color; } - - - // - // Icon - // - - .uk-search .uk-search-icon { color: $inverse-search-icon-color; } - - .uk-search .uk-search-icon:hover { color: $inverse-search-icon-color; } - - // - // Style modifier - // - - .uk-search-default .uk-search-input { - background-color: $inverse-search-default-background; - @if(mixin-exists(hook-inverse-search-default-input)) {@include hook-inverse-search-default-input();} - } - .uk-search-default .uk-search-input:focus { - background-color: $inverse-search-default-background; - @if(mixin-exists(hook-inverse-search-default-input-focus)) {@include hook-inverse-search-default-input-focus();} - } - - .uk-search-navbar .uk-search-input { - background-color: $inverse-search-navbar-background; - @if(mixin-exists(hook-inverse-search-navbar-input)) {@include hook-inverse-search-navbar-input();} - } - - .uk-search-large .uk-search-input { - background-color: $inverse-search-large-background; - @if(mixin-exists(hook-inverse-search-large-input)) {@include hook-inverse-search-large-input();} - } - - // - // Toggle - // - - .uk-search-toggle { - color: $inverse-search-toggle-color; - @if(mixin-exists(hook-inverse-search-toggle)) {@include hook-inverse-search-toggle();} - } - - .uk-search-toggle:hover, - .uk-search-toggle:focus { - color: $inverse-search-toggle-hover-color; - @if(mixin-exists(hook-inverse-search-toggle-hover)) {@include hook-inverse-search-toggle-hover();} - } - -} -@mixin hook-inverse-component-nav(){ - - // - // Parent icon modifier - // - - .uk-nav-parent-icon > .uk-parent > a::after { - @include svg-fill($internal-nav-parent-close-image, "#000", $inverse-nav-parent-icon-color); - @if(mixin-exists(hook-inverse-nav-parent-icon)) {@include hook-inverse-nav-parent-icon();} - } - - .uk-nav-parent-icon > .uk-parent.uk-open > a::after { @include svg-fill($internal-nav-parent-open-image, "#000", $inverse-nav-parent-icon-color); } - - // - // Default - // - - .uk-nav-default > li > a { - color: $inverse-nav-default-item-color; - @if(mixin-exists(hook-inverse-nav-default-item)) {@include hook-inverse-nav-default-item();} - } - - .uk-nav-default > li > a:hover, - .uk-nav-default > li > a:focus { - color: $inverse-nav-default-item-hover-color; - @if(mixin-exists(hook-inverse-nav-default-item-hover)) {@include hook-inverse-nav-default-item-hover();} - } - - .uk-nav-default > li.uk-active > a { - color: $inverse-nav-default-item-active-color; - @if(mixin-exists(hook-inverse-nav-default-item-active)) {@include hook-inverse-nav-default-item-active();} - } - - .uk-nav-default .uk-nav-header { - color: $inverse-nav-default-header-color; - @if(mixin-exists(hook-inverse-nav-default-header)) {@include hook-inverse-nav-default-header();} - } - - .uk-nav-default .uk-nav-divider { - border-top-color: $inverse-nav-default-divider-border; - @if(mixin-exists(hook-inverse-nav-default-divider)) {@include hook-inverse-nav-default-divider();} - } - - .uk-nav-default .uk-nav-sub a { color: $inverse-nav-default-sublist-item-color; } - - .uk-nav-default .uk-nav-sub a:hover, - .uk-nav-default .uk-nav-sub a:focus { color: $inverse-nav-default-sublist-item-hover-color; } - - // - // Primary - // - - .uk-nav-primary > li > a { - color: $inverse-nav-primary-item-color; - @if(mixin-exists(hook-inverse-nav-primary-item)) {@include hook-inverse-nav-primary-item();} - } - - .uk-nav-primary > li > a:hover, - .uk-nav-primary > li > a:focus { - color: $inverse-nav-primary-item-hover-color; - @if(mixin-exists(hook-inverse-nav-primary-item-hover)) {@include hook-inverse-nav-primary-item-hover();} - } - - .uk-nav-primary > li.uk-active > a { - color: $inverse-nav-primary-item-active-color; - @if(mixin-exists(hook-inverse-nav-primary-item-active)) {@include hook-inverse-nav-primary-item-active();} - } - - .uk-nav-primary .uk-nav-header { - color: $inverse-nav-primary-header-color; - @if(mixin-exists(hook-inverse-nav-primary-header)) {@include hook-inverse-nav-primary-header();} - } - - .uk-nav-primary .uk-nav-divider { - border-top-color: $inverse-nav-primary-divider-border; - @if(mixin-exists(hook-inverse-nav-primary-divider)) {@include hook-inverse-nav-primary-divider();} - } - - .uk-nav-primary .uk-nav-sub a { color: $inverse-nav-primary-sublist-item-color; } - - .uk-nav-primary .uk-nav-sub a:hover, - .uk-nav-primary .uk-nav-sub a:focus { color: $inverse-nav-primary-sublist-item-hover-color; } - -} -@mixin hook-inverse-component-navbar(){ - - .uk-navbar-nav > li > a { - color: $inverse-navbar-nav-item-color; - @if(mixin-exists(hook-inverse-navbar-nav-item)) {@include hook-inverse-navbar-nav-item();} - } - - .uk-navbar-nav > li:hover > a, - .uk-navbar-nav > li > a:focus, - .uk-navbar-nav > li > a.uk-open { - color: $inverse-navbar-nav-item-hover-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-hover)) {@include hook-inverse-navbar-nav-item-hover();} - } - - .uk-navbar-nav > li > a:active { - color: $inverse-navbar-nav-item-onclick-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-onclick)) {@include hook-inverse-navbar-nav-item-onclick();} - } - - .uk-navbar-nav > li.uk-active > a { - color: $inverse-navbar-nav-item-active-color; - @if(mixin-exists(hook-inverse-navbar-nav-item-active)) {@include hook-inverse-navbar-nav-item-active();} - } - - .uk-navbar-item { - color: $inverse-navbar-item-color; - @if(mixin-exists(hook-inverse-navbar-item)) {@include hook-inverse-navbar-item();} - } - - .uk-navbar-toggle { - color: $global-primary-background; - @if(mixin-exists(hook-inverse-navbar-toggle)) {@include hook-inverse-navbar-toggle();} - } - - .uk-navbar-toggle:hover, - .uk-navbar-toggle:focus, - .uk-navbar-toggle.uk-open { - color: $global-primary-background; - @if(mixin-exists(hook-inverse-navbar-toggle-hover)) {@include hook-inverse-navbar-toggle-hover();} - } - -} -@mixin hook-inverse-component-subnav(){ - - .uk-subnav > * > :first-child { - color: $inverse-subnav-item-color; - @if(mixin-exists(hook-inverse-subnav-item)) {@include hook-inverse-subnav-item();} - } - - .uk-subnav > * > a:hover, - .uk-subnav > * > a:focus { - color: $inverse-subnav-item-hover-color; - @if(mixin-exists(hook-inverse-subnav-item-hover)) {@include hook-inverse-subnav-item-hover();} - } - - .uk-subnav > .uk-active > a { - color: $inverse-subnav-item-active-color; - @if(mixin-exists(hook-inverse-subnav-item-active)) {@include hook-inverse-subnav-item-active();} - } - - // - // Divider - // - - .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { - border-left-color: $inverse-subnav-divider-border; - @if(mixin-exists(hook-inverse-subnav-divider)) {@include hook-inverse-subnav-divider();} - } - - // - // Pill - // - - .uk-subnav-pill > * > :first-child { - background-color: $inverse-subnav-pill-item-background; - color: $inverse-subnav-pill-item-color; - @if(mixin-exists(hook-inverse-subnav-pill-item)) {@include hook-inverse-subnav-pill-item();} - } - - .uk-subnav-pill > * > a:hover, - .uk-subnav-pill > * > a:focus { - background-color: $inverse-subnav-pill-item-hover-background; - color: $inverse-subnav-pill-item-hover-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-hover)) {@include hook-inverse-subnav-pill-item-hover();} - } - - .uk-subnav-pill > * > a:active { - background-color: $inverse-subnav-pill-item-onclick-background; - color: $inverse-subnav-pill-item-onclick-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-onclick)) {@include hook-inverse-subnav-pill-item-onclick();} - } - - .uk-subnav-pill > .uk-active > a { - background-color: $inverse-subnav-pill-item-active-background; - color: $inverse-subnav-pill-item-active-color; - @if(mixin-exists(hook-inverse-subnav-pill-item-active)) {@include hook-inverse-subnav-pill-item-active();} - } - - // - // Disabled - // - - .uk-subnav > .uk-disabled > a { - color: $inverse-subnav-item-disabled-color; - @if(mixin-exists(hook-inverse-subnav-item-disabled)) {@include hook-inverse-subnav-item-disabled();} - } - -} -@mixin hook-inverse-component-pagination(){ - - .uk-pagination > * > * { - color: $inverse-pagination-item-color; - @if(mixin-exists(hook-inverse-pagination-item)) {@include hook-inverse-pagination-item();} - } - - .uk-pagination > * > :hover, - .uk-pagination > * > :focus { - color: $inverse-pagination-item-hover-color; - @if(mixin-exists(hook-inverse-pagination-item-hover)) {@include hook-inverse-pagination-item-hover();} - } - - .uk-pagination > .uk-active > * { - color: $inverse-pagination-item-active-color; - @if(mixin-exists(hook-inverse-pagination-item-active)) {@include hook-inverse-pagination-item-active();} - } - - .uk-pagination > .uk-disabled > * { - color: $inverse-pagination-item-disabled-color; - @if(mixin-exists(hook-inverse-pagination-item-disabled)) {@include hook-inverse-pagination-item-disabled();} - } - -} -@mixin hook-inverse-component-tab(){ - - .uk-tab { - @if(mixin-exists(hook-inverse-tab)) {@include hook-inverse-tab();} - } - - .uk-tab > * > a { - color: $inverse-tab-item-color; - @if(mixin-exists(hook-inverse-tab-item)) {@include hook-inverse-tab-item();} - } - - .uk-tab > * > a:hover, - .uk-tab > * > a:focus{ - color: $inverse-tab-item-hover-color; - @if(mixin-exists(hook-inverse-tab-item-hover)) {@include hook-inverse-tab-item-hover();} - } - - .uk-tab > .uk-active > a { - color: $inverse-tab-item-active-color; - @if(mixin-exists(hook-inverse-tab-item-active)) {@include hook-inverse-tab-item-active();} - } - - .uk-tab > .uk-disabled > a { - color: $inverse-tab-item-disabled-color; - @if(mixin-exists(hook-inverse-tab-item-disabled)) {@include hook-inverse-tab-item-disabled();} - } - -} -@mixin hook-inverse-component-slidenav(){ - - .uk-slidenav { - color: $inverse-slidenav-color; - @if(mixin-exists(hook-inverse-slidenav)) {@include hook-inverse-slidenav();} - } - - .uk-slidenav:hover, - .uk-slidenav:focus { - color: $inverse-slidenav-hover-color; - @if(mixin-exists(hook-inverse-slidenav-hover)) {@include hook-inverse-slidenav-hover();} - } - - .uk-slidenav:active { - color: $inverse-slidenav-active-color; - @if(mixin-exists(hook-inverse-slidenav-active)) {@include hook-inverse-slidenav-active();} - } - -} -@mixin hook-inverse-component-text(){ - - .uk-text-lead { - color: $inverse-text-lead-color; - @if(mixin-exists(hook-inverse-text-lead)) {@include hook-inverse-text-lead();} - } - - .uk-text-meta { - color: $inverse-text-meta-color; - @if(mixin-exists(hook-inverse-text-meta)) {@include hook-inverse-text-meta();} - } - - .uk-text-muted { color: $inverse-text-muted-color !important; } - .uk-text-primary { color: $inverse-text-primary-color !important; } - -} -@mixin hook-inverse-component-utility(){ - - .uk-dropcap::first-letter, - .uk-dropcap p:first-of-type::first-letter { - @if(mixin-exists(hook-inverse-dropcap)) {@include hook-inverse-dropcap();} - } - - .uk-leader-fill { - @if(mixin-exists(hook-inverse-leader)) {@include hook-inverse-leader();} - } - - .uk-logo { - color: $inverse-logo-color; - @if(mixin-exists(hook-inverse-logo)) {@include hook-inverse-logo();} - } - - .uk-logo:hover, - .uk-logo:focus { - color: $inverse-logo-hover-color; - @if(mixin-exists(hook-inverse-logo-hover)) {@include hook-inverse-logo-hover();} - } - - .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; } - .uk-logo-inverse { display: inline; } - -} -@mixin hook-inverse(){ - @include hook-inverse-component-base(); - @include hook-inverse-component-link(); - @include hook-inverse-component-heading(); - @include hook-inverse-component-divider(); - @include hook-inverse-component-list(); - @include hook-inverse-component-icon(); - @include hook-inverse-component-form(); - @include hook-inverse-component-button(); - @include hook-inverse-component-grid(); - @include hook-inverse-component-close(); - @include hook-inverse-component-totop(); - @include hook-inverse-component-badge(); - @include hook-inverse-component-label(); - @include hook-inverse-component-article(); - @include hook-inverse-component-search(); - @include hook-inverse-component-nav(); - @include hook-inverse-component-navbar(); - @include hook-inverse-component-subnav(); - @include hook-inverse-component-breadcrumb(); - @include hook-inverse-component-pagination(); - @include hook-inverse-component-tab(); - @include hook-inverse-component-slidenav(); - @include hook-inverse-component-dotnav(); - @include hook-inverse-component-accordion(); - @include hook-inverse-component-iconnav(); - @include hook-inverse-component-text(); - @include hook-inverse-component-column(); - @include hook-inverse-component-utility(); -} -@mixin hook-label(){} -@mixin hook-label-success(){} -@mixin hook-label-warning(){} -@mixin hook-label-danger(){} -@mixin hook-label-misc(){} -@mixin hook-inverse-label(){} -@mixin hook-lightbox(){} -@mixin hook-lightbox-item(){} -@mixin hook-lightbox-toolbar(){} -@mixin hook-lightbox-toolbar-icon(){} -@mixin hook-lightbox-toolbar-icon-hover(){} -@mixin hook-lightbox-button(){} -@mixin hook-lightbox-button-hover(){} -@mixin hook-lightbox-misc(){} -@mixin hook-link-muted(){} -@mixin hook-link-muted-hover(){} -@mixin hook-link-text(){} -@mixin hook-link-text-hover(){} -@mixin hook-link-heading(){} -@mixin hook-link-heading-hover(){} -@mixin hook-link-reset(){} -@mixin hook-link-misc(){} -@mixin hook-inverse-link-muted(){} -@mixin hook-inverse-link-muted-hover(){} -@mixin hook-inverse-link-text-hover(){} -@mixin hook-inverse-link-heading-hover(){} -@mixin hook-list-divider(){} -@mixin hook-list-striped(){} -@mixin hook-list-bullet(){} -@mixin hook-list-misc(){} -@mixin hook-inverse-list-divider(){} -@mixin hook-inverse-list-striped(){} -@mixin hook-inverse-list-bullet(){} -@mixin hook-margin-misc(){} -@mixin hook-marker(){} -@mixin hook-marker-hover(){} -@mixin hook-marker-misc(){} -@mixin hook-inverse-marker(){} -@mixin hook-inverse-marker-hover(){} -@mixin hook-inverse-component-marker(){ - - .uk-marker { - background: $inverse-marker-background; - color: $inverse-marker-color; - @if(mixin-exists(hook-inverse-marker)) {@include hook-inverse-marker();} - } - - .uk-marker:hover, - .uk-marker:focus { - color: $inverse-marker-hover-color; - @if(mixin-exists(hook-inverse-marker-hover)) {@include hook-inverse-marker-hover();} - } - -} -@mixin hook-modal(){} -@mixin hook-modal-dialog(){} -@mixin hook-modal-full(){} -@mixin hook-modal-body(){} -@mixin hook-modal-header(){} -@mixin hook-modal-footer(){} -@mixin hook-modal-title(){} -@mixin hook-modal-close(){} -@mixin hook-modal-close-hover(){} -@mixin hook-modal-close-default(){} -@mixin hook-modal-close-default-hover(){} -@mixin hook-modal-close-outside(){} -@mixin hook-modal-close-outside-hover(){} -@mixin hook-modal-close-full(){} -@mixin hook-modal-close-full-hover(){} -@mixin hook-modal-misc(){} -@mixin hook-nav-sub(){} -@mixin hook-nav-parent-icon(){} -@mixin hook-nav-header(){} -@mixin hook-nav-divider(){} -@mixin hook-nav-default(){} -@mixin hook-nav-default-item(){} -@mixin hook-nav-default-item-hover(){} -@mixin hook-nav-default-item-active(){} -@mixin hook-nav-default-header(){} -@mixin hook-nav-default-divider(){} -@mixin hook-nav-primary(){} -@mixin hook-nav-primary-item(){} -@mixin hook-nav-primary-item-hover(){} -@mixin hook-nav-primary-item-active(){} -@mixin hook-nav-primary-header(){} -@mixin hook-nav-primary-divider(){} -@mixin hook-nav-misc(){} -@mixin hook-inverse-nav-parent-icon(){} -@mixin hook-inverse-nav-default-item(){} -@mixin hook-inverse-nav-default-item-hover(){} -@mixin hook-inverse-nav-default-item-active(){} -@mixin hook-inverse-nav-default-header(){} -@mixin hook-inverse-nav-default-divider(){} -@mixin hook-inverse-nav-primary-item(){} -@mixin hook-inverse-nav-primary-item-hover(){} -@mixin hook-inverse-nav-primary-item-active(){} -@mixin hook-inverse-nav-primary-header(){} -@mixin hook-inverse-nav-primary-divider(){} -@mixin hook-navbar(){} -@mixin hook-navbar-container(){} -@mixin hook-navbar-nav-item(){} -@mixin hook-navbar-nav-item-hover(){} -@mixin hook-navbar-nav-item-onclick(){} -@mixin hook-navbar-nav-item-active(){} -@mixin hook-navbar-item(){} -@mixin hook-navbar-toggle(){} -@mixin hook-navbar-toggle-hover(){} -@mixin hook-navbar-toggle-icon(){} -@mixin hook-navbar-toggle-icon-hover(){} -@mixin hook-navbar-subtitle(){} -@mixin hook-navbar-transparent(){} -@mixin hook-navbar-sticky(){} -@mixin hook-navbar-dropdown(){} -@mixin hook-navbar-dropdown-dropbar(){} -@mixin hook-navbar-dropdown-nav(){} -@mixin hook-navbar-dropdown-nav-item(){} -@mixin hook-navbar-dropdown-nav-item-hover(){} -@mixin hook-navbar-dropdown-nav-item-active(){} -@mixin hook-navbar-dropdown-nav-header(){} -@mixin hook-navbar-dropdown-nav-divider(){} -@mixin hook-navbar-dropbar(){} -@mixin hook-navbar-dropbar-slide(){} -@mixin hook-navbar-misc(){} -@mixin hook-inverse-navbar-nav-item(){} -@mixin hook-inverse-navbar-nav-item-hover(){} -@mixin hook-inverse-navbar-nav-item-onclick(){} -@mixin hook-inverse-navbar-nav-item-active(){} -@mixin hook-inverse-navbar-item(){} -@mixin hook-inverse-navbar-toggle(){} -@mixin hook-inverse-navbar-toggle-hover(){} -@mixin hook-notification(){} -@mixin hook-notification-message(){} -@mixin hook-notification-close(){} -@mixin hook-notification-message-primary(){} -@mixin hook-notification-message-success(){} -@mixin hook-notification-message-warning(){} -@mixin hook-notification-message-danger(){} -@mixin hook-notification-misc(){} -@mixin hook-offcanvas-bar(){} -@mixin hook-offcanvas-close(){} -@mixin hook-offcanvas-overlay(){} -@mixin hook-offcanvas-misc(){} -@mixin hook-overlay(){} -@mixin hook-overlay-icon(){} -@mixin hook-overlay-default(){} -@mixin hook-overlay-primary(){} -@mixin hook-overlay-misc(){} -@mixin hook-padding-misc(){} -@mixin hook-pagination(){} -@mixin hook-pagination-item(){} -@mixin hook-pagination-item-hover(){} -@mixin hook-pagination-item-active(){} -@mixin hook-pagination-item-disabled(){} -@mixin hook-pagination-misc(){} -@mixin hook-inverse-pagination-item(){} -@mixin hook-inverse-pagination-item-hover(){} -@mixin hook-inverse-pagination-item-active(){} -@mixin hook-inverse-pagination-item-disabled(){} -@mixin hook-placeholder(){} -@mixin hook-placeholder-misc(){} -@mixin hook-position-misc(){} -@mixin hook-print(){} -@mixin hook-progress(){} -@mixin hook-progress-bar(){} -@mixin hook-progress-misc(){} -@mixin hook-search-input(){} -@mixin hook-search-default-input(){} -@mixin hook-search-default-input-focus(){} -@mixin hook-search-navbar-input(){} -@mixin hook-search-large-input(){} -@mixin hook-search-toggle(){} -@mixin hook-search-toggle-hover(){} -@mixin hook-search-misc(){} -@mixin hook-inverse-search-default-input(){} -@mixin hook-inverse-search-default-input-focus(){} -@mixin hook-inverse-search-navbar-input(){} -@mixin hook-inverse-search-large-input(){} -@mixin hook-inverse-search-toggle(){} -@mixin hook-inverse-search-toggle-hover(){} -@mixin hook-section(){} -@mixin hook-section-default(){} -@mixin hook-section-muted(){} -@mixin hook-section-primary(){} -@mixin hook-section-secondary(){} -@mixin hook-section-overlap(){} -@mixin hook-section-misc(){} -@mixin hook-slidenav(){} -@mixin hook-slidenav-hover(){} -@mixin hook-slidenav-active(){} -@mixin hook-slidenav-previous(){} -@mixin hook-slidenav-next(){} -@mixin hook-slidenav-large(){} -@mixin hook-slidenav-container(){} -@mixin hook-slidenav-misc(){} -@mixin hook-inverse-slidenav(){} -@mixin hook-inverse-slidenav-hover(){} -@mixin hook-inverse-slidenav-active(){} -@mixin hook-slider(){} -@mixin hook-slider-misc(){} -@mixin hook-slideshow(){} -@mixin hook-slideshow-misc(){} -@mixin hook-sortable(){} -@mixin hook-sortable-drag(){} -@mixin hook-sortable-placeholder(){} -@mixin hook-sortable-empty(){} -@mixin hook-sortable-misc(){} -@mixin hook-spinner(){} -@mixin hook-spinner-misc(){} -@mixin hook-sticky-misc(){} -@mixin hook-subnav(){} -@mixin hook-subnav-item(){} -@mixin hook-subnav-item-hover(){} -@mixin hook-subnav-item-active(){} -@mixin hook-subnav-divider(){} -@mixin hook-subnav-pill-item(){} -@mixin hook-subnav-pill-item-hover(){} -@mixin hook-subnav-pill-item-onclick(){} -@mixin hook-subnav-pill-item-active(){} -@mixin hook-subnav-item-disabled(){} -@mixin hook-subnav-misc(){} -@mixin hook-inverse-subnav-item(){} -@mixin hook-inverse-subnav-item-hover(){} -@mixin hook-inverse-subnav-item-active(){} -@mixin hook-inverse-subnav-divider(){} -@mixin hook-inverse-subnav-pill-item(){} -@mixin hook-inverse-subnav-pill-item-hover(){} -@mixin hook-inverse-subnav-pill-item-onclick(){} -@mixin hook-inverse-subnav-pill-item-active(){} -@mixin hook-inverse-subnav-item-disabled(){} -@mixin hook-switcher-misc(){} -@mixin hook-tab(){} -@mixin hook-tab-item(){} -@mixin hook-tab-item-hover(){} -@mixin hook-tab-item-active(){} -@mixin hook-tab-item-disabled(){} -@mixin hook-tab-bottom(){} -@mixin hook-tab-bottom-item(){} -@mixin hook-tab-left(){} -@mixin hook-tab-right(){} -@mixin hook-tab-left-item(){} -@mixin hook-tab-right-item(){} -@mixin hook-tab-misc(){} -@mixin hook-inverse-tab(){} -@mixin hook-inverse-tab-item(){} -@mixin hook-inverse-tab-item-hover(){} -@mixin hook-inverse-tab-item-active(){} -@mixin hook-inverse-tab-item-disabled(){} -@mixin hook-table(){} -@mixin hook-table-header-cell(){} -@mixin hook-table-cell(){} -@mixin hook-table-footer(){} -@mixin hook-table-caption(){} -@mixin hook-table-row-active(){} -@mixin hook-table-divider(){} -@mixin hook-table-striped(){} -@mixin hook-table-hover(){} -@mixin hook-table-small(){} -@mixin hook-table-large(){} -@mixin hook-table-misc(){} -@mixin hook-inverse-table-header-cell(){} -@mixin hook-inverse-table-caption(){} -@mixin hook-inverse-table-row-active(){} -@mixin hook-inverse-table-divider(){} -@mixin hook-inverse-table-striped(){} -@mixin hook-inverse-table-hover(){} -@mixin hook-inverse-component-table(){ - - .uk-table th { - color: $inverse-table-header-cell-color; - @if(mixin-exists(hook-inverse-table-header-cell)) {@include hook-inverse-table-header-cell();} - } - - .uk-table caption { - color: $inverse-table-caption-color; - @if(mixin-exists(hook-inverse-table-caption)) {@include hook-inverse-table-caption();} - } - - .uk-table > tr.uk-active, - .uk-table tbody tr.uk-active { - background: $inverse-table-row-active-background; - @if(mixin-exists(hook-inverse-table-row-active)) {@include hook-inverse-table-row-active();} - } - - .uk-table-divider > tr:not(:first-child), - .uk-table-divider > :not(:first-child) > tr, - .uk-table-divider > :first-child > tr:not(:first-child) { - border-top-color: $inverse-table-divider-border; - @if(mixin-exists(hook-inverse-table-divider)) {@include hook-inverse-table-divider();} - } - - .uk-table-striped > tr:nth-of-type(odd), - .uk-table-striped tbody tr:nth-of-type(odd) { - background: $inverse-table-striped-row-background; - @if(mixin-exists(hook-inverse-table-striped)) {@include hook-inverse-table-striped();} - } - - .uk-table-hover > tr:hover, - .uk-table-hover tbody tr:hover { - background: $inverse-table-hover-row-background; - @if(mixin-exists(hook-inverse-table-hover)) {@include hook-inverse-table-hover();} - } - -} -@mixin hook-text-lead(){} -@mixin hook-text-meta(){} -@mixin hook-text-small(){} -@mixin hook-text-large(){} -@mixin hook-text-background(){} -@mixin hook-text-misc(){} -@mixin hook-inverse-text-lead(){} -@mixin hook-inverse-text-meta(){} -@mixin hook-thumbnav(){} -@mixin hook-thumbnav-item(){} -@mixin hook-thumbnav-item-hover(){} -@mixin hook-thumbnav-item-active(){} -@mixin hook-thumbnav-misc(){} -@mixin hook-inverse-thumbnav-item(){} -@mixin hook-inverse-thumbnav-item-hover(){} -@mixin hook-inverse-thumbnav-item-active(){} -@mixin hook-inverse-component-thumbnav(){ - - .uk-thumbnav > * > * { - @if(mixin-exists(hook-inverse-thumbnav-item)) {@include hook-inverse-thumbnav-item();} - } - - .uk-thumbnav > * > :hover, - .uk-thumbnav > * > :focus { - @if(mixin-exists(hook-inverse-thumbnav-item-hover)) {@include hook-inverse-thumbnav-item-hover();} - } - - .uk-thumbnav > .uk-active > * { - @if(mixin-exists(hook-inverse-thumbnav-item-active)) {@include hook-inverse-thumbnav-item-active();} - } - -} -@mixin hook-tile(){} -@mixin hook-tile-default(){} -@mixin hook-tile-muted(){} -@mixin hook-tile-primary(){} -@mixin hook-tile-secondary(){} -@mixin hook-tile-misc(){} -@mixin hook-tooltip(){} -@mixin hook-tooltip-misc(){} -@mixin hook-totop(){} -@mixin hook-totop-hover(){} -@mixin hook-totop-active(){} -@mixin hook-totop-misc(){} -@mixin hook-inverse-totop(){} -@mixin hook-inverse-totop-hover(){} -@mixin hook-inverse-totop-active(){} -@mixin hook-transition-misc(){} -@mixin hook-panel-scrollable(){} -@mixin hook-box-shadow-bottom(){} -@mixin hook-dropcap(){} -@mixin hook-leader(){} -@mixin hook-logo(){} -@mixin hook-logo-hover(){} -@mixin hook-utility-misc(){} -@mixin hook-inverse-dropcap(){} -@mixin hook-inverse-leader(){} -@mixin hook-inverse-logo(){} -@mixin hook-inverse-logo-hover(){} -@mixin hook-visibility-misc(){} -@mixin hook-width-misc(){} diff --git a/docs/_sass/uikit/theme/_import.scss b/docs/_sass/uikit/theme/_import.scss deleted file mode 100644 index b08e50b..0000000 --- a/docs/_sass/uikit/theme/_import.scss +++ /dev/null @@ -1,78 +0,0 @@ -// Base -@import "variables.scss"; -@import "base.scss"; - -// Elements -@import "link.scss"; -@import "heading.scss"; -@import "divider.scss"; -@import "list.scss"; -@import "description-list.scss"; -@import "table.scss"; -@import "icon.scss"; -@import "form-range.scss"; -@import "form.scss"; -@import "button.scss"; - -// Layout -@import "section.scss"; -@import "container.scss"; -@import "grid.scss"; -@import "tile.scss"; -@import "card.scss"; - -// Common -@import "close.scss"; -@import "spinner.scss"; -@import "marker.scss"; -@import "totop.scss"; -@import "alert.scss"; -@import "badge.scss"; -@import "label.scss"; -@import "overlay.scss"; -@import "article.scss"; -@import "comment.scss"; -@import "search.scss"; - -// Navs -@import "nav.scss"; -@import "navbar.scss"; -@import "subnav.scss"; -@import "breadcrumb.scss"; -@import "pagination.scss"; -@import "tab.scss"; -@import "slidenav.scss"; -@import "dotnav.scss"; -@import "thumbnav.scss"; - -// JavaScript -@import "accordion.scss"; -@import "drop.scss"; -@import "dropdown.scss"; -@import "modal.scss"; -@import "lightbox.scss"; -@import "sticky.scss"; -@import "offcanvas.scss"; - -// Additional -@import "iconnav.scss"; -@import "notification.scss"; -@import "tooltip.scss"; -@import "placeholder.scss"; -@import "progress.scss"; -@import "sortable.scss"; -@import "countdown.scss"; - -// Utilities -@import "animation.scss"; -@import "width.scss"; -@import "text.scss"; -@import "column.scss"; -@import "background.scss"; -@import "align.scss"; -@import "utility.scss"; -@import "margin.scss"; -@import "padding.scss"; -@import "position.scss"; -@import "transition.scss"; -@import "inverse.scss"; diff --git a/docs/_sass/uikit/theme/accordion.scss b/docs/_sass/uikit/theme/accordion.scss deleted file mode 100644 index 3e44609..0000000 --- a/docs/_sass/uikit/theme/accordion.scss +++ /dev/null @@ -1,58 +0,0 @@ -// -// Component: Accordion -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$accordion-icon-color: $global-color !default; -$internal-accordion-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-accordion-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; - - -// Component -// ======================================================================== - -// @mixin hook-accordion(){} - - -// Item -// ======================================================================== - -// @mixin hook-accordion-item(){} - - -// Title -// ======================================================================== - - - -// @mixin hook-accordion-title-hover(){} - - -// Content -// ======================================================================== - -// @mixin hook-accordion-content(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-accordion-misc(){} - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-accordion-item(){} - -// @mixin hook-inverse-accordion-title(){} -// @mixin hook-inverse-accordion-title-hover(){} - - diff --git a/docs/_sass/uikit/theme/alert.scss b/docs/_sass/uikit/theme/alert.scss deleted file mode 100644 index c4baa7c..0000000 --- a/docs/_sass/uikit/theme/alert.scss +++ /dev/null @@ -1,46 +0,0 @@ -// -// Component: Alert -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$alert-close-opacity: 0.4 !default; -$alert-close-hover-opacity: 0.8 !default; - - -// Component -// ======================================================================== - -// @mixin hook-alert(){} - - -// Close -// ======================================================================== - - - - - - -// Style modifiers -// ======================================================================== - -// @mixin hook-alert-primary(){} - -// @mixin hook-alert-success(){} - -// @mixin hook-alert-warning(){} - -// @mixin hook-alert-danger(){} - - -// Miscellaneous -// ======================================================================== - diff --git a/docs/_sass/uikit/theme/align.scss b/docs/_sass/uikit/theme/align.scss deleted file mode 100644 index 290abd4..0000000 --- a/docs/_sass/uikit/theme/align.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Align -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-align-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/animation.scss b/docs/_sass/uikit/theme/animation.scss deleted file mode 100644 index 03ebbc6..0000000 --- a/docs/_sass/uikit/theme/animation.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Animation -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-animation-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/article.scss b/docs/_sass/uikit/theme/article.scss deleted file mode 100644 index a698e3e..0000000 --- a/docs/_sass/uikit/theme/article.scss +++ /dev/null @@ -1,51 +0,0 @@ -// -// Component: Article -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$article-meta-link-color: $article-meta-color !default; -$article-meta-link-hover-color: $global-color !default; - - -// Component -// ======================================================================== - -// @mixin hook-article(){} - - -// Adjacent sibling -// ======================================================================== - -// @mixin hook-article-adjacent(){} - - -// Title -// ======================================================================== - -// @mixin hook-article-title(){} - - -// Meta -// ======================================================================== - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-article-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-article-meta(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/background.scss b/docs/_sass/uikit/theme/background.scss deleted file mode 100644 index 29e062e..0000000 --- a/docs/_sass/uikit/theme/background.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Background -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-background-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/badge.scss b/docs/_sass/uikit/theme/badge.scss deleted file mode 100644 index 22ae937..0000000 --- a/docs/_sass/uikit/theme/badge.scss +++ /dev/null @@ -1,29 +0,0 @@ -// -// Component: Badge -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-badge(){} - -// @mixin hook-badge-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-badge-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-badge(){} -// @mixin hook-inverse-badge-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/base.scss b/docs/_sass/uikit/theme/base.scss deleted file mode 100644 index 2c1c335..0000000 --- a/docs/_sass/uikit/theme/base.scss +++ /dev/null @@ -1,116 +0,0 @@ -// -// Component: Base -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$base-code-padding-horizontal: 6px !default; -$base-code-padding-vertical: 2px !default; -$base-code-background: $global-muted-background !default; - -$base-blockquote-color: $global-emphasis-color !default; - -$base-blockquote-footer-color: $global-color !default; - -$base-pre-padding: 10px !default; -$base-pre-background: $global-background !default; -$base-pre-border-width: $global-border-width !default; -$base-pre-border: $global-border !default; -$base-pre-border-radius: 3px !default; - - -// Body -// ======================================================================== - -// @mixin hook-base-body(){} - - -// Links -// ======================================================================== - -// @mixin hook-base-link(){} - -// @mixin hook-base-link-hover(){} - - -// Text-level semantics -// ======================================================================== - - - - -// Headings -// ======================================================================== - -// @mixin hook-base-heading(){} - -// @mixin hook-base-h1(){} - -// @mixin hook-base-h2(){} - -// @mixin hook-base-h3(){} - -// @mixin hook-base-h4(){} - -// @mixin hook-base-h5(){} - -// @mixin hook-base-h6(){} - - -// Horizontal rules -// ======================================================================== - -// @mixin hook-base-hr(){} - - -// Blockquotes -// ======================================================================== - - - - - - -// Preformatted text -// ======================================================================== - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-base-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-base-blockquote-color: $inverse-global-emphasis-color !default; -$inverse-base-blockquote-footer-color: $inverse-global-color !default; - -// @mixin hook-inverse-base-link(){} -// @mixin hook-inverse-base-link-hover(){} - - - -// @mixin hook-inverse-base-heading(){} - -// @mixin hook-inverse-base-h1(){} -// @mixin hook-inverse-base-h2(){} -// @mixin hook-inverse-base-h3(){} -// @mixin hook-inverse-base-h4(){} -// @mixin hook-inverse-base-h5(){} -// @mixin hook-inverse-base-h6(){} - - - - -// @mixin hook-inverse-base-hr(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/breadcrumb.scss b/docs/_sass/uikit/theme/breadcrumb.scss deleted file mode 100644 index 40c04e5..0000000 --- a/docs/_sass/uikit/theme/breadcrumb.scss +++ /dev/null @@ -1,45 +0,0 @@ -// -// Component: Breadcrumb -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-breadcrumb(){} - - -// Items -// ======================================================================== - -// @mixin hook-breadcrumb-item(){} - -// @mixin hook-breadcrumb-item-hover(){} - -// @mixin hook-breadcrumb-item-disabled(){} - -// @mixin hook-breadcrumb-item-active(){} - -// @mixin hook-breadcrumb-divider(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-breadcrumb-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-breadcrumb-item(){} -// @mixin hook-inverse-breadcrumb-item-hover(){} -// @mixin hook-inverse-breadcrumb-item-disabled(){} -// @mixin hook-inverse-breadcrumb-item-active(){} - -// @mixin hook-inverse-breadcrumb-divider(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/button.scss b/docs/_sass/uikit/theme/button.scss deleted file mode 100644 index 6acb509..0000000 --- a/docs/_sass/uikit/theme/button.scss +++ /dev/null @@ -1,161 +0,0 @@ -// -// Component: Button -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$button-line-height: $global-control-height - ($button-border-width * 2) !default; -$button-small-line-height: $global-control-small-height - ($button-border-width * 2) !default; -$button-large-line-height: $global-control-large-height - ($button-border-width * 2) !default; - -$button-font-size: $global-small-font-size !default; -$button-large-font-size: $global-small-font-size !default; - -$button-default-background: transparent !default; -$button-default-hover-background: transparent !default; -$button-default-active-background: transparent !default; - -$button-disabled-background: transparent !default; - -$button-text-color: $global-emphasis-color !default; -$button-text-hover-color: $global-emphasis-color !default; - -// -// New -// - -$button-text-transform: uppercase !default; - -$button-border-width: $global-border-width !default; - -$button-default-border: $global-border !default; -$button-default-hover-border: darken($global-border, 20%) !default; -$button-default-active-border: darken($global-border, 30%) !default; - -$button-disabled-border: $global-border !default; - -$button-text-border-width: $global-border-width !default; -$button-text-border: $button-text-hover-color !default; - - -// Component -// ======================================================================== - - - -// @mixin hook-button-hover(){} - -// @mixin hook-button-focus(){} - -// @mixin hook-button-active(){} - - -// Style modifiers -// ======================================================================== - - - - - - - -// -// Primary -// - - - -// @mixin hook-button-primary-hover(){} - -// @mixin hook-button-primary-active(){} - -// -// Secondary -// - - - -// @mixin hook-button-secondary-hover(){} - -// @mixin hook-button-secondary-active(){} - -// -// Danger -// - - - -// @mixin hook-button-danger-hover(){} - -// @mixin hook-button-danger-active(){} - - -// Disabled -// ======================================================================== - - - - -// Size modifiers -// ======================================================================== - -// @mixin hook-button-small(){} - -// @mixin hook-button-large(){} - - -// Text modifier -// ======================================================================== - - - - - - - - -// Link modifier -// ======================================================================== - -// @mixin hook-button-link(){} - - -// Miscellaneous -// ======================================================================== - - - - -// Inverse -// ======================================================================== - -$inverse-button-default-background: transparent !default; -$inverse-button-default-color: $inverse-global-emphasis-color !default; -$inverse-button-default-hover-background: transparent !default; -$inverse-button-default-hover-color: $inverse-global-emphasis-color !default; -$inverse-button-default-active-background: transparent !default; -$inverse-button-default-active-color: $inverse-global-emphasis-color !default; - -$inverse-button-text-color: $inverse-global-emphasis-color !default; -$inverse-button-text-hover-color: $inverse-global-emphasis-color !default; - - - - - -// @mixin hook-inverse-button-primary(){} -// @mixin hook-inverse-button-primary-hover(){} -// @mixin hook-inverse-button-primary-active(){} - -// @mixin hook-inverse-button-secondary(){} -// @mixin hook-inverse-button-secondary-hover(){} -// @mixin hook-inverse-button-secondary-active(){} - - -// @mixin hook-inverse-button-text-hover(){} -// @mixin hook-inverse-button-text-disabled(){} - -// @mixin hook-inverse-button-link(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/card.scss b/docs/_sass/uikit/theme/card.scss deleted file mode 100644 index bf8f5e0..0000000 --- a/docs/_sass/uikit/theme/card.scss +++ /dev/null @@ -1,125 +0,0 @@ -// -// Component: Card -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$card-hover-background: $global-background !default; - -$card-default-background: $global-secondary-background !default; -$card-default-hover-background: $card-default-background !default; - -$card-primary-hover-background: $card-primary-background !default; - -$card-secondary-hover-background: $card-secondary-background !default; - -// -// New -// - -$card-hover-box-shadow: $global-large-box-shadow !default; - -$card-default-box-shadow: $global-medium-box-shadow !default; -$card-default-hover-box-shadow: $global-large-box-shadow !default; - -$card-default-header-border-width: $global-border-width !default; -$card-default-header-border: $global-border !default; - -$card-default-footer-border-width: $global-border-width !default; -$card-default-footer-border: $global-border !default; - -$card-primary-box-shadow: $global-medium-box-shadow !default; -$card-primary-hover-box-shadow: $global-large-box-shadow !default; - -$card-secondary-box-shadow: $global-medium-box-shadow !default; -$card-secondary-hover-box-shadow: $global-large-box-shadow !default; - - -// Component -// ======================================================================== - - - - -// Sections -// ======================================================================== - -// @mixin hook-card-body(){} - -// @mixin hook-card-header(){} - -// @mixin hook-card-footer(){} - - -// Media -// ======================================================================== - -// @mixin hook-card-media(){} - -// @mixin hook-card-media-top(){} - -// @mixin hook-card-media-bottom(){} - -// @mixin hook-card-media-left(){} - -// @mixin hook-card-media-right(){} - - -// Title -// ======================================================================== - -// @mixin hook-card-title(){} - - -// Badge -// ======================================================================== - -// @mixin hook-card-badge(){} - - -// Hover modifier -// ======================================================================== - - - - -// Style modifiers -// ======================================================================== - - - -// @mixin hook-card-default-title(){} - - - - - - - -// -// Primary -// - - - -// @mixin hook-card-primary-title(){} - - - -// -// Secondary -// - - - -// @mixin hook-card-secondary-title(){} - - - - -// Miscellaneous -// ======================================================================== - diff --git a/docs/_sass/uikit/theme/close.scss b/docs/_sass/uikit/theme/close.scss deleted file mode 100644 index f076294..0000000 --- a/docs/_sass/uikit/theme/close.scss +++ /dev/null @@ -1,29 +0,0 @@ -// -// Component: Close -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - - - -// @mixin hook-close-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-close-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-close(){} -// @mixin hook-inverse-close-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/column.scss b/docs/_sass/uikit/theme/column.scss deleted file mode 100644 index 80be850..0000000 --- a/docs/_sass/uikit/theme/column.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Column -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-column-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/comment.scss b/docs/_sass/uikit/theme/comment.scss deleted file mode 100644 index a486c59..0000000 --- a/docs/_sass/uikit/theme/comment.scss +++ /dev/null @@ -1,69 +0,0 @@ -// -// Component: Comment -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$comment-primary-padding: $global-gutter !default; -$comment-primary-background: $global-muted-background !default; - - -// Component -// ======================================================================== - -// @mixin hook-comment(){} - - -// Sections -// ======================================================================== - -// @mixin hook-comment-body(){} - -// @mixin hook-comment-header(){} - - -// Title -// ======================================================================== - -// @mixin hook-comment-title(){} - - -// Meta -// ======================================================================== - -// @mixin hook-comment-meta(){} - - -// Avatar -// ======================================================================== - -// @mixin hook-comment-avatar(){} - - -// List -// ======================================================================== - -// @mixin hook-comment-list-adjacent(){} - -// @mixin hook-comment-list-sub(){} - -// @mixin hook-comment-list-sub-adjacent(){} - - -// Style modifier -// ======================================================================== - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-comment-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/container.scss b/docs/_sass/uikit/theme/container.scss deleted file mode 100644 index ba77ded..0000000 --- a/docs/_sass/uikit/theme/container.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Container -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-container-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/countdown.scss b/docs/_sass/uikit/theme/countdown.scss deleted file mode 100644 index 01f1761..0000000 --- a/docs/_sass/uikit/theme/countdown.scss +++ /dev/null @@ -1,53 +0,0 @@ -// -// Component: Countdown -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-countdown(){} - - -// Item -// ======================================================================== - -// @mixin hook-countdown-item(){} - - -// Number -// ======================================================================== - -// @mixin hook-countdown-number(){} - - -// Separator -// ======================================================================== - -// @mixin hook-countdown-separator(){} - - -// Label -// ======================================================================== - -// @mixin hook-countdown-label(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-countdown-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-countdown-item(){} -// @mixin hook-inverse-countdown-number(){} -// @mixin hook-inverse-countdown-separator(){} -// @mixin hook-inverse-countdown-label(){} diff --git a/docs/_sass/uikit/theme/description-list.scss b/docs/_sass/uikit/theme/description-list.scss deleted file mode 100644 index 8f836d6..0000000 --- a/docs/_sass/uikit/theme/description-list.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Description list -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$description-list-term-font-size: $global-small-font-size !default; -$description-list-term-font-weight: normal !default; -$description-list-term-text-transform: uppercase !default; - - -// Component -// ======================================================================== - - - -// @mixin hook-description-list-description(){} - - -// Style modifier -// ======================================================================== - -// @mixin hook-description-list-divider-term(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-description-list-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/divider.scss b/docs/_sass/uikit/theme/divider.scss deleted file mode 100644 index 59e2c9c..0000000 --- a/docs/_sass/uikit/theme/divider.scss +++ /dev/null @@ -1,41 +0,0 @@ -// -// Component: Divider -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Icon -// ======================================================================== - -// @mixin hook-divider-icon(){} - -// @mixin hook-divider-icon-line(){} - -// @mixin hook-divider-icon-line-left(){} - -// @mixin hook-divider-icon-line-right(){} - - -// Small -// ======================================================================== - -// @mixin hook-divider-small(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-divider-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-divider-icon(){} -// @mixin hook-inverse-divider-icon-line(){} - -// @mixin hook-inverse-divider-small(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/dotnav.scss b/docs/_sass/uikit/theme/dotnav.scss deleted file mode 100644 index 1bc8359..0000000 --- a/docs/_sass/uikit/theme/dotnav.scss +++ /dev/null @@ -1,52 +0,0 @@ -// -// Component: Dotnav -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$dotnav-item-background: transparent !default; - -// -// New -// - -$dotnav-item-border-width: 1px !default; - -$dotnav-item-border: rgba($global-color, 0.4) !default; -$dotnav-item-hover-border: transparent !default; -$dotnav-item-onclick-border: transparent !default; -$dotnav-item-active-border: transparent !default; - - -// Component -// ======================================================================== - -// @mixin hook-dotnav(){} - - - - - - - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-dotnav-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-dotnav-item-background: transparent !default; - -// @mixin hook-inverse-dotnav(){} - - - diff --git a/docs/_sass/uikit/theme/drop.scss b/docs/_sass/uikit/theme/drop.scss deleted file mode 100644 index 6940984..0000000 --- a/docs/_sass/uikit/theme/drop.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Drop -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-drop-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/dropdown.scss b/docs/_sass/uikit/theme/dropdown.scss deleted file mode 100644 index c5aa02e..0000000 --- a/docs/_sass/uikit/theme/dropdown.scss +++ /dev/null @@ -1,45 +0,0 @@ -// -// Component: Dropdown -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$dropdown-padding: 25px !default; -$dropdown-background: $global-background !default; - -// -// New -// - -$dropdown-nav-font-size: $global-small-font-size !default; - -$dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default; - - -// Component -// ======================================================================== - - - - -// Nav -// ======================================================================== - - - -// @mixin hook-dropdown-nav-item(){} - -// @mixin hook-dropdown-nav-item-hover(){} - -// @mixin hook-dropdown-nav-header(){} - -// @mixin hook-dropdown-nav-divider(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-dropdown-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/form-range.scss b/docs/_sass/uikit/theme/form-range.scss deleted file mode 100644 index ca424f3..0000000 --- a/docs/_sass/uikit/theme/form-range.scss +++ /dev/null @@ -1,45 +0,0 @@ -// -// Component: Form Range -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$form-range-thumb-background: $global-background !default; - -// -// New -// - -$form-range-thumb-border-width: $global-border-width !default; -$form-range-thumb-border: darken($global-border, 10%) !default; - -$form-range-track-border-radius: 500px !default; - - -// Component -// ======================================================================== - -// @mixin hook-form-range(){} - - -// Thumb -// ======================================================================== - - - - -// Track -// ======================================================================== - - - -// @mixin hook-form-range-track-focus(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-form-range-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/form.scss b/docs/_sass/uikit/theme/form.scss deleted file mode 100644 index ef80695..0000000 --- a/docs/_sass/uikit/theme/form.scss +++ /dev/null @@ -1,131 +0,0 @@ -// -// Component: Form -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$form-line-height: $form-height - (2* $form-border-width) !default; - -$form-background: $global-background !default; -$form-focus-background: $global-background !default; - -$form-small-line-height: $form-small-height - (2* $form-border-width) !default; -$form-large-line-height: $form-large-height - (2* $form-border-width) !default; - -$form-radio-background: transparent !default; - -$form-stacked-margin-bottom: 5px !default; - -// -// New -// - -$form-border-width: $global-border-width !default; -$form-border: $global-border !default; - -$form-focus-border: $global-primary-background !default; - -$form-disabled-border: $global-border !default; - -$form-danger-border: $global-danger-background !default; -$form-success-border: $global-success-background !default; - -$form-blank-focus-border: $global-border !default; -$form-blank-focus-border-style: dashed !default; - -$form-radio-border-width: $global-border-width !default; -$form-radio-border: darken($global-border, 10%) !default; - -$form-radio-focus-border: $global-primary-background !default; - -$form-radio-checked-border: transparent !default; - -$form-radio-disabled-border: $global-border !default; - -$form-label-color: $global-emphasis-color !default; -$form-label-font-size: $global-small-font-size !default; - - -// Component -// ======================================================================== - - - -// @mixin hook-form-single-line(){} - -// @mixin hook-form-multi-line(){} - - - - - - -// Style modifiers -// ======================================================================== - - - - - - - - - - -// Radio and checkbox -// ======================================================================== - - - - - - - -// @mixin hook-form-radio-checked-focus(){} - - - - -// Legend -// ======================================================================== - -// @mixin hook-form-legend(){} - - -// Label -// ======================================================================== - - - - -// Layout -// ======================================================================== - -// @mixin hook-form-stacked-label(){} - -// @mixin hook-form-horizontal-label(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-form-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-form-label-color: $inverse-global-emphasis-color !default; - - - - - - - - -// @mixin hook-inverse-form-radio-checked-focus(){} - diff --git a/docs/_sass/uikit/theme/grid.scss b/docs/_sass/uikit/theme/grid.scss deleted file mode 100644 index adc18ad..0000000 --- a/docs/_sass/uikit/theme/grid.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Grid -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-grid-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/heading.scss b/docs/_sass/uikit/theme/heading.scss deleted file mode 100644 index c6409f0..0000000 --- a/docs/_sass/uikit/theme/heading.scss +++ /dev/null @@ -1,59 +0,0 @@ -// -// Component: Heading -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Primary -// ======================================================================== - -// @mixin hook-heading-primary(){} - - -// Hero -// ======================================================================== - -// @mixin hook-heading-hero(){} - - -// Divider -// ======================================================================== - -// @mixin hook-heading-divider(){} - - -// Bullet -// ======================================================================== - -// @mixin hook-heading-bullet(){} - - -// Line -// ======================================================================== - -// @mixin hook-heading-line(){} - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-heading-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-heading-primary(){} - -// @mixin hook-inverse-heading-hero(){} - -// @mixin hook-inverse-heading-divider(){} - -// @mixin hook-inverse-heading-bullet(){} - -// @mixin hook-inverse-heading-line(){} diff --git a/docs/_sass/uikit/theme/icon.scss b/docs/_sass/uikit/theme/icon.scss deleted file mode 100644 index b81c79a..0000000 --- a/docs/_sass/uikit/theme/icon.scss +++ /dev/null @@ -1,50 +0,0 @@ -// -// Component: Icon -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Style modifiers -// ======================================================================== - -// -// Link -// - -// @mixin hook-icon-link(){} - -// @mixin hook-icon-link-hover(){} - -// @mixin hook-icon-link-active(){} - -// -// Button -// - - - -// @mixin hook-icon-button-hover(){} - -// @mixin hook-icon-button-active(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-icon-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-icon-link(){} -// @mixin hook-inverse-icon-link-hover(){} -// @mixin hook-inverse-icon-link-active(){} - -// @mixin hook-inverse-icon-button(){} -// @mixin hook-inverse-icon-button-hover(){} -// @mixin hook-inverse-icon-button-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/iconnav.scss b/docs/_sass/uikit/theme/iconnav.scss deleted file mode 100644 index 94b4bbf..0000000 --- a/docs/_sass/uikit/theme/iconnav.scss +++ /dev/null @@ -1,34 +0,0 @@ -// -// Component: Iconnav -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-iconnav(){} - -// @mixin hook-iconnav-item(){} - -// @mixin hook-iconnav-item-hover(){} - -// @mixin hook-iconnav-item-active(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-iconnav-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-iconnav-item(){} -// @mixin hook-inverse-iconnav-item-hover(){} -// @mixin hook-inverse-iconnav-item-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/inverse.scss b/docs/_sass/uikit/theme/inverse.scss deleted file mode 100644 index 75a5a3b..0000000 --- a/docs/_sass/uikit/theme/inverse.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Inverse -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-inverse(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/label.scss b/docs/_sass/uikit/theme/label.scss deleted file mode 100644 index ff09ac9..0000000 --- a/docs/_sass/uikit/theme/label.scss +++ /dev/null @@ -1,43 +0,0 @@ -// -// Component: Label -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$label-border-radius: 2px !default; -$label-text-transform: uppercase !default; - - -// Component -// ======================================================================== - - - - -// Color modifiers -// ======================================================================== - -// @mixin hook-label-success(){} - -// @mixin hook-label-warning(){} - -// @mixin hook-label-danger(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-label-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-label(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/lightbox.scss b/docs/_sass/uikit/theme/lightbox.scss deleted file mode 100644 index caabc62..0000000 --- a/docs/_sass/uikit/theme/lightbox.scss +++ /dev/null @@ -1,48 +0,0 @@ -// -// Component: Lightbox -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-lightbox(){} - - -// Item -// ======================================================================== - -// @mixin hook-lightbox-item(){} - - -// Toolbar -// ======================================================================== - -// @mixin hook-lightbox-toolbar(){} - - -// Toolbar Icon -// ======================================================================== - -// @mixin hook-lightbox-toolbar-icon(){} - -// @mixin hook-lightbox-toolbar-icon-hover(){} - - -// Button -// ======================================================================== - -// @mixin hook-lightbox-button(){} - -// @mixin hook-lightbox-button-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-lightbox-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/link.scss b/docs/_sass/uikit/theme/link.scss deleted file mode 100644 index 0658b58..0000000 --- a/docs/_sass/uikit/theme/link.scss +++ /dev/null @@ -1,55 +0,0 @@ -// -// Component: Link -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Muted -// ======================================================================== - -// @mixin hook-link-muted(){} - -// @mixin hook-link-muted-hover(){} - - -// Text -// ======================================================================== - -// @mixin hook-link-text(){} - -// @mixin hook-link-text-hover(){} - - -// Heading -// ======================================================================== - -// @mixin hook-link-heading(){} - -// @mixin hook-link-heading-hover(){} - - -// Reset -// ======================================================================== - -// @mixin hook-link-reset(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-link-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-link-muted(){} -// @mixin hook-inverse-link-muted-hover(){} - -// @mixin hook-inverse-link-text-hover(){} - -// @mixin hook-inverse-link-heading-hover(){} diff --git a/docs/_sass/uikit/theme/list.scss b/docs/_sass/uikit/theme/list.scss deleted file mode 100644 index 67e3c72..0000000 --- a/docs/_sass/uikit/theme/list.scss +++ /dev/null @@ -1,39 +0,0 @@ -// -// Component: List -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$list-striped-border-width: $global-border-width !default; -$list-striped-border: $global-border !default; - - -// Style modifiers -// ======================================================================== - -// @mixin hook-list-divider(){} - - - -// @mixin hook-list-bullet(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-list-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-list-divider(){} - -// @mixin hook-inverse-list-bullet(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/margin.scss b/docs/_sass/uikit/theme/margin.scss deleted file mode 100644 index a2cdb5e..0000000 --- a/docs/_sass/uikit/theme/margin.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Margin -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-margin-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/marker.scss b/docs/_sass/uikit/theme/marker.scss deleted file mode 100644 index 1e4fd5f..0000000 --- a/docs/_sass/uikit/theme/marker.scss +++ /dev/null @@ -1,29 +0,0 @@ -// -// Component: Marker -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - - - -// @mixin hook-marker-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-marker-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-marker(){} -// @mixin hook-inverse-marker-hover(){} diff --git a/docs/_sass/uikit/theme/modal.scss b/docs/_sass/uikit/theme/modal.scss deleted file mode 100644 index adc2135..0000000 --- a/docs/_sass/uikit/theme/modal.scss +++ /dev/null @@ -1,84 +0,0 @@ -// -// Component: Modal -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$modal-header-background: $modal-dialog-background !default; -$modal-footer-background: $modal-dialog-background !default; - -// -// New -// - -$modal-header-border-width: $global-border-width !default; -$modal-header-border: $global-border !default; - -$modal-footer-border-width: $global-border-width !default; -$modal-footer-border: $global-border !default; - -$modal-close-full-padding: $global-margin !default; -$modal-close-full-background: $modal-dialog-background !default; - - -// Component -// ======================================================================== - -// @mixin hook-modal(){} - - -// Dialog -// ======================================================================== - -// @mixin hook-modal-dialog(){} - - -// Full -// ======================================================================== - -// @mixin hook-modal-full(){} - - -// Sections -// ======================================================================== - - - -// @mixin hook-modal-body(){} - - - - -// Title -// ======================================================================== - -// @mixin hook-modal-title(){} - - -// Close -// ======================================================================== - -// @mixin hook-modal-close(){} - -// @mixin hook-modal-close-hover(){} - -// @mixin hook-modal-close-default(){} - -// @mixin hook-modal-close-default-hover(){} - -// @mixin hook-modal-close-outside(){} - -// @mixin hook-modal-close-outside-hover(){} - - - -// @mixin hook-modal-close-full-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-modal-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/nav.scss b/docs/_sass/uikit/theme/nav.scss deleted file mode 100644 index 3138498..0000000 --- a/docs/_sass/uikit/theme/nav.scss +++ /dev/null @@ -1,94 +0,0 @@ -// -// Component: Nav -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$nav-default-font-size: $global-small-font-size !default; - - -// Sublists -// ======================================================================== - -// @mixin hook-nav-sub(){} - - -// Parent icon modifier -// ======================================================================== - -// @mixin hook-nav-parent-icon(){} - - -// Header -// ======================================================================== - -// @mixin hook-nav-header(){} - - -// Divider -// ======================================================================== - -// @mixin hook-nav-divider(){} - - -// Default style modifier -// ======================================================================== - - - -// @mixin hook-nav-default-item(){} - -// @mixin hook-nav-default-item-hover(){} - -// @mixin hook-nav-default-item-active(){} - -// @mixin hook-nav-default-header(){} - -// @mixin hook-nav-default-divider(){} - - -// Primary style modifier -// ======================================================================== - -// @mixin hook-nav-primary(){} - -// @mixin hook-nav-primary-item(){} - -// @mixin hook-nav-primary-item-hover(){} - -// @mixin hook-nav-primary-item-active(){} - -// @mixin hook-nav-primary-header(){} - -// @mixin hook-nav-primary-divider(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-nav-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-nav-parent-icon(){} - -// @mixin hook-inverse-nav-default-item(){} -// @mixin hook-inverse-nav-default-item-hover(){} -// @mixin hook-inverse-nav-default-item-active(){} -// @mixin hook-inverse-nav-default-header(){} -// @mixin hook-inverse-nav-default-divider(){} - -// @mixin hook-inverse-nav-primary-item(){} -// @mixin hook-inverse-nav-primary-item-hover(){} -// @mixin hook-inverse-nav-primary-item-active(){} -// @mixin hook-inverse-nav-primary-header(){} -// @mixin hook-inverse-nav-primary-divider(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/navbar.scss b/docs/_sass/uikit/theme/navbar.scss deleted file mode 100644 index 2a6f237..0000000 --- a/docs/_sass/uikit/theme/navbar.scss +++ /dev/null @@ -1,136 +0,0 @@ -// -// Component: Navbar -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$navbar-nav-item-font-size: $global-small-font-size !default; - -$navbar-dropdown-margin: 15px !default; -$navbar-dropdown-padding: 25px !default; -$navbar-dropdown-background: $global-background !default; -$navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default; - -// -// New -// - -$navbar-nav-item-text-transform: uppercase !default; - -$navbar-dropdown-nav-font-size: $global-small-font-size !default; - -$navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default; - -$navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default; - -$navbar-dropdown-grid-divider-border-width: $global-border-width !default; -$navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default; - - -// Component -// ======================================================================== - -// @mixin hook-navbar(){} - - -// Container -// ======================================================================== - -// @mixin hook-navbar-container(){} - - -// Nav -// ======================================================================== - - - -// @mixin hook-navbar-nav-item-hover(){} - -// @mixin hook-navbar-nav-item-onclick(){} - -// @mixin hook-navbar-nav-item-active(){} - - -// Item -// ======================================================================== - -// @mixin hook-navbar-item(){} - - -// Toggle -// ======================================================================== - -// @mixin hook-navbar-toggle(){} - -// @mixin hook-navbar-toggle-hover(){} - -// @mixin hook-navbar-toggle-icon(){} - -// @mixin hook-navbar-toggle-icon-hover(){} - - -// Subtitle -// ======================================================================== - -// @mixin hook-navbar-subtitle(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-navbar-transparent(){} - -// @mixin hook-navbar-sticky(){} - - -// Dropdown -// ======================================================================== - - - - - - -// Dropdown nav -// ======================================================================== - - - -// @mixin hook-navbar-dropdown-nav-item(){} - -// @mixin hook-navbar-dropdown-nav-item-hover(){} - -// @mixin hook-navbar-dropdown-nav-header(){} - -// @mixin hook-navbar-dropdown-nav-divider(){} - - -// Dropbar -// ======================================================================== - -// @mixin hook-navbar-dropbar(){} - - - - -// Miscellaneous -// ======================================================================== - - - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-navbar-nav-item(){} -// @mixin hook-inverse-navbar-nav-item-hover(){} -// @mixin hook-inverse-navbar-nav-item-onclick(){} -// @mixin hook-inverse-navbar-nav-item-active(){} - -// @mixin hook-inverse-navbar-item(){} - -// @mixin hook-inverse-navbar-toggle(){} -// @mixin hook-inverse-navbar-toggle-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/notification.scss b/docs/_sass/uikit/theme/notification.scss deleted file mode 100644 index 57d5b55..0000000 --- a/docs/_sass/uikit/theme/notification.scss +++ /dev/null @@ -1,44 +0,0 @@ -// -// Component: Notification -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-notification(){} - - -// Message -// ======================================================================== - -// @mixin hook-notification-message(){} - - -// Close -// ======================================================================== - -// @mixin hook-notification-close(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-notification-primary(){} - -// @mixin hook-notification-success(){} - -// @mixin hook-notification-warning(){} - -// @mixin hook-notification-danger(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-notification-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/offcanvas.scss b/docs/_sass/uikit/theme/offcanvas.scss deleted file mode 100644 index 283078e..0000000 --- a/docs/_sass/uikit/theme/offcanvas.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Off-canvas -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Bar -// ======================================================================== - -// @mixin hook-offcanvas-bar(){} - - -// Close -// ======================================================================== - -// @mixin hook-offcanvas-close(){} - - -// Overlay -// ======================================================================== - -// @mixin hook-offcanvas-overlay(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-offcanvas-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/overlay.scss b/docs/_sass/uikit/theme/overlay.scss deleted file mode 100644 index 68cda45..0000000 --- a/docs/_sass/uikit/theme/overlay.scss +++ /dev/null @@ -1,33 +0,0 @@ -// -// Component: Overlay -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-overlay(){} - -// Icon -// ======================================================================== - -// @mixin hook-overlay-icon(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-overlay-default(){} - -// @mixin hook-overlay-primary(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-overlay-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/padding.scss b/docs/_sass/uikit/theme/padding.scss deleted file mode 100644 index f0737b8..0000000 --- a/docs/_sass/uikit/theme/padding.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Padding -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-padding-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/pagination.scss b/docs/_sass/uikit/theme/pagination.scss deleted file mode 100644 index a777e0c..0000000 --- a/docs/_sass/uikit/theme/pagination.scss +++ /dev/null @@ -1,41 +0,0 @@ -// -// Component: Pagination -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-pagination(){} - - -// Items -// ======================================================================== - - - -// @mixin hook-pagination-item-hover(){} - -// @mixin hook-pagination-item-active(){} - -// @mixin hook-pagination-item-disabled(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-pagination-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-pagination-item(){} -// @mixin hook-inverse-pagination-item-hover(){} -// @mixin hook-inverse-pagination-item-active(){} -// @mixin hook-inverse-pagination-item-disabled(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/placeholder.scss b/docs/_sass/uikit/theme/placeholder.scss deleted file mode 100644 index 4ab662c..0000000 --- a/docs/_sass/uikit/theme/placeholder.scss +++ /dev/null @@ -1,29 +0,0 @@ -// -// Component: Placeholder -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$placeholder-background: transparent !default; - -// -// New -// - -$placeholder-border-width: $global-border-width !default; -$placeholder-border: $global-border !default; - - -// Component -// ======================================================================== - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-placeholder-misc(){} diff --git a/docs/_sass/uikit/theme/position.scss b/docs/_sass/uikit/theme/position.scss deleted file mode 100644 index fc69520..0000000 --- a/docs/_sass/uikit/theme/position.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Position -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-position-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/progress.scss b/docs/_sass/uikit/theme/progress.scss deleted file mode 100644 index 9ca100a..0000000 --- a/docs/_sass/uikit/theme/progress.scss +++ /dev/null @@ -1,24 +0,0 @@ -// -// Component: Progress -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$progress-border-radius: 500px !default; - - -// Component -// ======================================================================== - - - -// @mixin hook-progress-bar(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-progress-misc(){} diff --git a/docs/_sass/uikit/theme/search.scss b/docs/_sass/uikit/theme/search.scss deleted file mode 100644 index f9e710e..0000000 --- a/docs/_sass/uikit/theme/search.scss +++ /dev/null @@ -1,73 +0,0 @@ -// -// Component: Search -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$search-default-background: transparent !default; - -// -// New -// - -$search-default-border-width: $global-border-width !default; -$search-default-border: $global-border !default; - - -// Component -// ======================================================================== - -// @mixin hook-search-input(){} - - -// Default modifiers -// ======================================================================== - - - - -// Navbar modifiers -// ======================================================================== - -// @mixin hook-search-navbar-input(){} - -// @mixin hook-search-default-input-focus(){} - - -// Large modifiers -// ======================================================================== - -// @mixin hook-search-large-input(){} - - -// Toggle -// ======================================================================== - -// @mixin hook-search-toggle(){} - -// @mixin hook-search-toggle-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-search-misc(){} - - -// Inverse -// ======================================================================== - -$inverse-search-default-background: transparent !default; - - -// @mixin hook-inverse-search-default-input-focus(){} - -// @mixin hook-inverse-search-navbar-input(){} - -// @mixin hook-inverse-search-large-input(){} - -// @mixin hook-inverse-search-toggle(){} -// @mixin hook-inverse-search-toggle-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/section.scss b/docs/_sass/uikit/theme/section.scss deleted file mode 100644 index 6d7f761..0000000 --- a/docs/_sass/uikit/theme/section.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Section -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-section(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-section-default(){} - -// @mixin hook-section-muted(){} - -// @mixin hook-section-primary(){} - -// @mixin hook-section-secondary(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-section-misc(){} diff --git a/docs/_sass/uikit/theme/slidenav.scss b/docs/_sass/uikit/theme/slidenav.scss deleted file mode 100644 index c1654e7..0000000 --- a/docs/_sass/uikit/theme/slidenav.scss +++ /dev/null @@ -1,52 +0,0 @@ -// -// Component: Slidenav -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - - - -// @mixin hook-slidenav-hover(){} - -// @mixin hook-slidenav-active(){} - - -// Icon modifier -// ======================================================================== - -// @mixin hook-slidenav-previous(){} - -// @mixin hook-slidenav-next(){} - - -// Size modifier -// ======================================================================== - -// @mixin hook-slidenav-large(){} - - -// Container -// ======================================================================== - -// @mixin hook-slidenav-container(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-icon-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-slidenav(){} -// @mixin hook-inverse-slidenav-hover(){} -// @mixin hook-inverse-slidenav-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/sortable.scss b/docs/_sass/uikit/theme/sortable.scss deleted file mode 100644 index 3ab18c3..0000000 --- a/docs/_sass/uikit/theme/sortable.scss +++ /dev/null @@ -1,38 +0,0 @@ -// -// Component: Sortable -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-sortable(){} - - -// Drag -// ======================================================================== - -// @mixin hook-sortable-drag(){} - - -// Placeholder -// ======================================================================== - -// @mixin hook-sortable-placeholder(){} - - -// Empty -// ======================================================================== - -// @mixin hook-sortable-empty(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-sortable-misc(){} diff --git a/docs/_sass/uikit/theme/spinner.scss b/docs/_sass/uikit/theme/spinner.scss deleted file mode 100644 index d70e10f..0000000 --- a/docs/_sass/uikit/theme/spinner.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Spinner -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-spinner-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/sticky.scss b/docs/_sass/uikit/theme/sticky.scss deleted file mode 100644 index 94e5ee6..0000000 --- a/docs/_sass/uikit/theme/sticky.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Sticky -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-sticky-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/subnav.scss b/docs/_sass/uikit/theme/subnav.scss deleted file mode 100644 index f4d1c7f..0000000 --- a/docs/_sass/uikit/theme/subnav.scss +++ /dev/null @@ -1,74 +0,0 @@ -// -// Component: Subnav -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$subnav-item-font-size: $global-small-font-size !default; -$subnav-item-text-transform: uppercase !default; - - -// Component -// ======================================================================== - -// @mixin hook-subnav(){} - - - -// @mixin hook-subnav-item-hover(){} - -// @mixin hook-subnav-item-active(){} - - -// Divider modifier -// ======================================================================== - -// @mixin hook-subnav-divider(){} - - -// Pill modifier -// ======================================================================== - -// @mixin hook-subnav-pill-item(){} - -// @mixin hook-subnav-pill-item-hover(){} - -// @mixin hook-subnav-pill-item-onclick(){} - -// @mixin hook-subnav-pill-item-active(){} - - -// Disabled -// ======================================================================== - -// @mixin hook-subnav-item-disabled(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-subnav-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-subnav-item(){} -// @mixin hook-inverse-subnav-item-hover(){} -// @mixin hook-inverse-subnav-item-active(){} - -// @mixin hook-inverse-subnav-divider(){} - -// @mixin hook-inverse-subnav-pill-item(){} -// @mixin hook-inverse-subnav-pill-item-hover(){} -// @mixin hook-inverse-subnav-pill-item-onclick(){} -// @mixin hook-inverse-subnav-pill-item-active(){} - -// @mixin hook-inverse-subnav-item-disabled(){} diff --git a/docs/_sass/uikit/theme/tab.scss b/docs/_sass/uikit/theme/tab.scss deleted file mode 100644 index 51c4ba2..0000000 --- a/docs/_sass/uikit/theme/tab.scss +++ /dev/null @@ -1,74 +0,0 @@ -// -// Component: Tab -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$tab-border-width: $global-border-width !default; -$tab-border: $global-border !default; - -$tab-item-border-width: $global-border-width !default; -$tab-item-font-size: $global-small-font-size !default; -$tab-item-text-transform: uppercase !default; - -$tab-item-active-border: $global-primary-background !default; - - -// Component -// ======================================================================== - - - - -// Items -// ======================================================================== - - - -// @mixin hook-tab-item-hover(){} - - - -// @mixin hook-tab-item-disabled(){} - - -// Position modifiers -// ======================================================================== - - - - - - - - - - - - - - -// Miscellaneous -// ======================================================================== - - - - -// Inverse -// ======================================================================== - -$inverse-tab-border: $inverse-global-border !default; - - - -// @mixin hook-inverse-tab-item(){} -// @mixin hook-inverse-tab-item-hover(){} - -// @mixin hook-inverse-tab-item-disabled(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/table.scss b/docs/_sass/uikit/theme/table.scss deleted file mode 100644 index d6a6607..0000000 --- a/docs/_sass/uikit/theme/table.scss +++ /dev/null @@ -1,68 +0,0 @@ -// -// Component: Table -// -// ======================================================================== - - -// Variables -// ======================================================================== - -$table-header-cell-font-size: $global-small-font-size !default; -$table-header-cell-font-weight: normal !default; -$table-header-cell-color: $global-muted-color !default; - -// -// New -// - -$table-striped-border-width: $global-border-width !default; -$table-striped-border: $global-border !default; - - -// Component -// ======================================================================== - - - -// @mixin hook-table-cell(){} - -// @mixin hook-table-footer(){} - -// @mixin hook-table-caption(){} - -// @mixin hook-table-row-active(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-table-divider(){} - - - -// @mixin hook-table-hover(){} - - -// Size modifier -// ======================================================================== - -// @mixin hook-table-small(){} - -// @mixin hook-table-large(){} - - -// Miscellaneous -// ======================================================================== - - - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-table-header-cell(){} -// @mixin hook-inverse-table-caption(){} -// @mixin hook-inverse-table-row-active(){} -// @mixin hook-inverse-table-divider(){} - -// @mixin hook-inverse-table-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/text.scss b/docs/_sass/uikit/theme/text.scss deleted file mode 100644 index b6e35c4..0000000 --- a/docs/_sass/uikit/theme/text.scss +++ /dev/null @@ -1,50 +0,0 @@ -// -// Component: Text -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$text-meta-link-color: $text-meta-color !default; -$text-meta-link-hover-color: $global-color !default; - - -// Style modifiers -// ======================================================================== - -// @mixin hook-text-lead(){} - - - - -// Size modifiers -// ======================================================================== - -// @mixin hook-text-small(){} - -// @mixin hook-text-large(){} - - -// Background modifier -// ======================================================================== - -// @mixin hook-text-background(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-text-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-text-lead(){} -// @mixin hook-inverse-text-meta(){} diff --git a/docs/_sass/uikit/theme/thumbnav.scss b/docs/_sass/uikit/theme/thumbnav.scss deleted file mode 100644 index 7f26c38..0000000 --- a/docs/_sass/uikit/theme/thumbnav.scss +++ /dev/null @@ -1,42 +0,0 @@ -// -// Component: Thumbnav -// -// ======================================================================== - - -// Variables -// ======================================================================== - -// -// New -// - -$thumbnav-item-background: rgba($global-background, 0.4) !default; -$thumbnav-item-hover-background: transparent !default; -$thumbnav-item-active-background: transparent !default; - - -// Component -// ======================================================================== - -// @mixin hook-thumbnav(){} - - - - - - - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-thumbnav-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-thumbnav-item(){} -// @mixin hook-inverse-thumbnav-item-hover(){} -// @mixin hook-inverse-thumbnav-item-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/tile.scss b/docs/_sass/uikit/theme/tile.scss deleted file mode 100644 index 2d043a6..0000000 --- a/docs/_sass/uikit/theme/tile.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Tile -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-tile(){} - - -// Style modifiers -// ======================================================================== - -// @mixin hook-tile-default(){} - -// @mixin hook-tile-muted(){} - -// @mixin hook-tile-primary(){} - -// @mixin hook-tile-secondary(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-tile-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/tooltip.scss b/docs/_sass/uikit/theme/tooltip.scss deleted file mode 100644 index 5115139..0000000 --- a/docs/_sass/uikit/theme/tooltip.scss +++ /dev/null @@ -1,20 +0,0 @@ -// -// Component: Tooltip -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - -// @mixin hook-tooltip(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-tooltip-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/totop.scss b/docs/_sass/uikit/theme/totop.scss deleted file mode 100644 index feb7165..0000000 --- a/docs/_sass/uikit/theme/totop.scss +++ /dev/null @@ -1,32 +0,0 @@ -// -// Component: Totop -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Component -// ======================================================================== - - - -// @mixin hook-totop-hover(){} - -// @mixin hook-totop-active(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-icon-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-totop(){} -// @mixin hook-inverse-totop-hover(){} -// @mixin hook-inverse-totop-active(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/transition.scss b/docs/_sass/uikit/theme/transition.scss deleted file mode 100644 index fd7bded..0000000 --- a/docs/_sass/uikit/theme/transition.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Transition -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-transition-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/utility.scss b/docs/_sass/uikit/theme/utility.scss deleted file mode 100644 index ae24e15..0000000 --- a/docs/_sass/uikit/theme/utility.scss +++ /dev/null @@ -1,57 +0,0 @@ -// -// Component: Utility -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Panel -// ======================================================================== - -// @mixin hook-panel-scrollable(){} - - -// Box-shadow bottom -// ======================================================================== - -// @mixin hook-box-shadow-bottom(){} - - -// Drop cap -// ======================================================================== - - - - -// Leader -// ======================================================================== - -// @mixin hook-leader(){} - - -// Logo -// ======================================================================== - -// @mixin hook-logo(){} - -// @mixin hook-logo-hover(){} - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-utility-misc(){} - - -// Inverse -// ======================================================================== - -// @mixin hook-inverse-dropcap(){} - -// @mixin hook-inverse-leader(){} - -// @mixin hook-inverse-logo(){} -// @mixin hook-inverse-logo-hover(){} \ No newline at end of file diff --git a/docs/_sass/uikit/theme/variables.scss b/docs/_sass/uikit/theme/variables.scss deleted file mode 100644 index d74b3a9..0000000 --- a/docs/_sass/uikit/theme/variables.scss +++ /dev/null @@ -1,36 +0,0 @@ -// -// Component: Variables -// -// ======================================================================== - - -// Global variables -// ======================================================================== - -// -// Typography -// - -// -// Colors -// - -// -// Backgrounds -// - -// -// Borders -// - -// -// Spacings -// - -// -// Controls -// - -// -// Z-index -// \ No newline at end of file diff --git a/docs/_sass/uikit/theme/width.scss b/docs/_sass/uikit/theme/width.scss deleted file mode 100644 index b67a795..0000000 --- a/docs/_sass/uikit/theme/width.scss +++ /dev/null @@ -1,14 +0,0 @@ -// -// Component: Width -// -// ======================================================================== - - -// Variables -// ======================================================================== - - -// Miscellaneous -// ======================================================================== - -// @mixin hook-width-misc(){} \ No newline at end of file diff --git a/docs/_sass/uikit/uikit-theme.scss b/docs/_sass/uikit/uikit-theme.scss deleted file mode 100644 index 13dbd02..0000000 --- a/docs/_sass/uikit/uikit-theme.scss +++ /dev/null @@ -1,9 +0,0 @@ -// -// Theme -// - -@import "theme/_import.scss"; - -@import "components/_import.scss"; - - diff --git a/docs/_sass/uikit/uikit.scss b/docs/_sass/uikit/uikit.scss deleted file mode 100644 index 6624823..0000000 --- a/docs/_sass/uikit/uikit.scss +++ /dev/null @@ -1,5 +0,0 @@ -// -// Core -// - -@import "components/_import.scss"; \ No newline at end of file diff --git a/docs/_sass/uikit/variables-theme.scss b/docs/_sass/uikit/variables-theme.scss deleted file mode 100644 index 59b70b0..0000000 --- a/docs/_sass/uikit/variables-theme.scss +++ /dev/null @@ -1,1093 +0,0 @@ -$global-margin: 20px !default; -$accordion-item-margin-top: $global-margin !default; -$global-medium-font-size: 1.25rem !default; -$accordion-title-font-size: $global-medium-font-size !default; -$accordion-title-line-height: 1.4 !default; -$global-emphasis-color: #333 !default; -$accordion-title-color: $global-emphasis-color !default; -$global-color: #666 !default; -$accordion-title-hover-color: $global-color !default; -$accordion-content-margin-top: $global-margin !default; -$global-inverse-color: #fff !default; -$inverse-global-emphasis-color: $global-inverse-color !default; -$inverse-accordion-title-color: $inverse-global-emphasis-color !default; -$inverse-global-inverse-color: $global-color !default; -$inverse-accordion-title-hover-color: $inverse-global-inverse-color !default; -$global-gutter: 30px !default; -$align-margin-horizontal: $global-gutter !default; -$align-margin-vertical: $global-gutter !default; -$global-medium-gutter: 40px !default; -$align-margin-horizontal-l: $global-medium-gutter !default; -$alert-margin-vertical: $global-margin !default; -$global-small-gutter: 15px !default; -$alert-padding: $global-small-gutter !default; -$alert-padding-right: $alert-padding + 14px !default; -$global-muted-background: #f8f8f8 !default; -$alert-background: $global-muted-background !default; -$alert-color: $global-color !default; -$alert-close-top: $alert-padding + 5px !default; -$alert-close-right: $alert-padding !default; -$global-primary-background: #1e87f0 !default; -$alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default; -$alert-primary-color: $global-primary-background !default; -$global-success-background: #32d296 !default; -$alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default; -$alert-success-color: $global-success-background !default; -$global-warning-background: #faa05a !default; -$alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default; -$alert-warning-color: $global-warning-background !default; -$global-danger-background: #f0506e !default; -$alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default; -$alert-danger-color: $global-danger-background !default; -$global-large-margin: 70px !default; -$article-margin-top: $global-large-margin !default; -$global-xxlarge-font-size: 2.625rem !default; -$article-title-font-size: $global-xxlarge-font-size !default; -$article-title-line-height: 1.2 !default; -$global-small-font-size: 0.875rem !default; -$article-meta-font-size: $global-small-font-size !default; -$article-meta-line-height: 1.4 !default; -$global-muted-color: #999 !default; -$article-meta-color: $global-muted-color !default; -$inverse-global-muted-color: rgba($global-inverse-color, 0.5) !default; -$inverse-article-meta-color: $inverse-global-muted-color !default; -$animation-duration: 0.5s !default; -$animation-fade-duration: 0.8s !default; -$animation-kenburns-duration: 15s !default; -$animation-fast-duration: 0.1s !default; -$animation-slide-small-translate: 10px !default; -$animation-slide-medium-translate: 50px !default; -$global-background: #fff !default; -$background-default-background: $global-background !default; -$background-muted-background: $global-muted-background !default; -$background-primary-background: $global-primary-background !default; -$global-secondary-background: #222 !default; -$background-secondary-background: $global-secondary-background !default; -$badge-size: 22px !default; -$badge-padding-vertical: 0 !default; -$badge-padding-horizontal: 5px !default; -$badge-border-radius: 500px !default; -$badge-background: $global-primary-background !default; -$badge-color: $global-inverse-color !default; -$badge-font-size: $global-small-font-size !default; -$badge-hover-color: $global-inverse-color !default; -$inverse-global-primary-background: $global-inverse-color !default; -$inverse-badge-background: $inverse-global-primary-background !default; -$inverse-badge-color: $inverse-global-inverse-color !default; -$inverse-badge-hover-color: $inverse-global-inverse-color !default; -$base-body-background: $global-background !default; -$global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; -$base-body-font-family: $global-font-family !default; -$base-body-font-weight: normal !default; -$global-font-size: 16px !default; -$base-body-font-size: $global-font-size !default; -$global-line-height: 1.5 !default; -$base-body-line-height: $global-line-height !default; -$base-body-color: $global-color !default; -$global-link-color: #1e87f0 !default; -$base-link-color: $global-link-color !default; -$base-link-text-decoration: none !default; -$global-link-hover-color: #0f6ecd !default; -$base-link-hover-color: $global-link-hover-color !default; -$base-link-hover-text-decoration: underline !default; -$base-strong-font-weight: bolder !default; -$base-code-font-size: $global-small-font-size !default; -$base-code-font-family: Consolas, monaco, monospace !default; -$base-code-color: $global-danger-background !default; -$base-em-color: $global-muted-color !default; -$base-ins-background: #ffd !default; -$base-ins-color: $global-color !default; -$base-mark-background: #ffd !default; -$base-mark-color: $global-color !default; -$base-quote-font-style: italic !default; -$base-small-font-size: 80% !default; -$base-margin-vertical: $global-margin !default; -$base-heading-font-family: $global-font-family !default; -$base-heading-font-weight: normal !default; -$base-heading-color: $global-emphasis-color !default; -$base-heading-text-transform: none !default; -$global-medium-margin: 40px !default; -$base-heading-margin-top: $global-medium-margin !default; -$base-h1-font-size: $global-xxlarge-font-size !default; -$base-h1-line-height: 1.2 !default; -$global-xlarge-font-size: 2rem !default; -$base-h2-font-size: $global-xlarge-font-size !default; -$base-h2-line-height: 1.3 !default; -$global-large-font-size: 1.5rem !default; -$base-h3-font-size: $global-large-font-size !default; -$base-h3-line-height: 1.4 !default; -$base-h4-font-size: $global-medium-font-size !default; -$base-h4-line-height: 1.4 !default; -$base-h5-font-size: $global-font-size !default; -$base-h5-line-height: 1.4 !default; -$base-h6-font-size: $global-small-font-size !default; -$base-h6-line-height: 1.4 !default; -$base-list-padding-left: 30px !default; -$base-hr-margin-vertical: $global-margin !default; -$global-border-width: 1px !default; -$base-hr-border-width: $global-border-width !default; -$global-border: #e5e5e5 !default; -$base-hr-border: $global-border !default; -$base-blockquote-font-size: $global-medium-font-size !default; -$base-blockquote-line-height: 1.5 !default; -$base-blockquote-font-style: italic !default; -$base-blockquote-margin-vertical: $global-margin !default; -$global-small-margin: 10px !default; -$base-blockquote-footer-margin-top: $global-small-margin !default; -$base-blockquote-footer-font-size: $global-small-font-size !default; -$base-blockquote-footer-line-height: 1.5 !default; -$base-pre-font-size: $global-small-font-size !default; -$base-pre-line-height: 1.5 !default; -$base-pre-font-family: $base-code-font-family !default; -$base-pre-color: #f7f7f7 !default; -$base-selection-background: #39f !default; -$base-selection-color: $global-inverse-color !default; -$inverse-global-color: rgba($global-inverse-color, 0.7) !default; -$inverse-base-color: $inverse-global-color !default; -$inverse-base-link-color: $inverse-global-emphasis-color !default; -$inverse-base-link-hover-color: $inverse-global-emphasis-color !default; -$inverse-base-code-color: $inverse-global-color !default; -$inverse-base-em-color: $inverse-global-emphasis-color !default; -$inverse-base-heading-color: $inverse-global-emphasis-color !default; -$inverse-global-border: rgba($global-inverse-color, 0.2) !default; -$inverse-base-hr-border: $inverse-global-border !default; -$breadcrumb-item-font-size: $global-small-font-size !default; -$breadcrumb-item-color: $global-muted-color !default; -$breadcrumb-item-hover-color: $global-color !default; -$breadcrumb-item-hover-text-decoration: none !default; -$breadcrumb-item-active-color: $global-color !default; -$breadcrumb-divider: "/" !default; -$breadcrumb-divider-margin-horizontal: 20px !default; -$breadcrumb-divider-color: $global-muted-color !default; -$inverse-breadcrumb-item-color: $inverse-global-muted-color !default; -$inverse-breadcrumb-item-hover-color: $inverse-global-color !default; -$inverse-breadcrumb-item-active-color: $inverse-global-color !default; -$inverse-breadcrumb-divider-color: $inverse-global-muted-color !default; -$global-control-height: 40px !default; -$button-border-width: $global-border-width !default; -$button-line-height: $global-control-height - ($button-border-width * 2) !default; -$global-control-small-height: 30px !default; -$button-small-line-height: $global-control-small-height - ($button-border-width * 2) !default; -$global-control-large-height: 55px !default; -$button-large-line-height: $global-control-large-height - ($button-border-width * 2) !default; -$button-font-size: $global-small-font-size !default; -$button-small-font-size: $global-small-font-size !default; -$button-large-font-size: $global-small-font-size !default; -$button-padding-horizontal: $global-gutter !default; -$button-small-padding-horizontal: $global-small-gutter !default; -$button-large-padding-horizontal: $global-medium-gutter !default; -$button-default-background: transparent !default; -$button-default-color: $global-emphasis-color !default; -$button-default-hover-background: transparent !default; -$button-default-hover-color: $global-emphasis-color !default; -$button-default-active-background: transparent !default; -$button-default-active-color: $global-emphasis-color !default; -$button-primary-background: $global-primary-background !default; -$button-primary-color: $global-inverse-color !default; -$button-primary-hover-background: darken($button-primary-background, 5%) !default; -$button-primary-hover-color: $global-muted-color !default; -$button-primary-active-background: darken($button-primary-background, 10%) !default; -$button-primary-active-color: $global-inverse-color !default; -$button-secondary-background: $global-secondary-background !default; -$button-secondary-color: $global-inverse-color !default; -$button-secondary-hover-background: darken($button-secondary-background, 5%) !default; -$button-secondary-hover-color: $global-inverse-color !default; -$button-secondary-active-background: darken($button-secondary-background, 10%) !default; -$button-secondary-active-color: $global-inverse-color !default; -$button-danger-background: $global-danger-background !default; -$button-danger-color: $global-inverse-color !default; -$button-danger-hover-background: darken($button-danger-background, 5%) !default; -$button-danger-hover-color: $global-inverse-color !default; -$button-danger-active-background: darken($button-danger-background, 10%) !default; -$button-danger-active-color: $global-inverse-color !default; -$button-disabled-background: transparent !default; -$button-disabled-color: $global-muted-color !default; -$button-text-line-height: $global-line-height !default; -$button-text-color: $global-emphasis-color !default; -$button-text-hover-color: $global-emphasis-color !default; -$button-text-disabled-color: $global-muted-color !default; -$button-link-line-height: $global-line-height !default; -$button-link-color: $global-link-color !default; -$button-link-hover-color: $global-link-hover-color !default; -$button-link-hover-text-decoration: underline !default; -$button-link-disabled-color: $global-muted-color !default; -$inverse-button-default-background: transparent !default; -$inverse-button-default-color: $inverse-global-emphasis-color !default; -$inverse-button-default-hover-background: transparent !default; -$inverse-button-default-hover-color: $inverse-global-emphasis-color !default; -$inverse-button-default-active-background: transparent !default; -$inverse-button-default-active-color: $inverse-global-emphasis-color !default; -$inverse-button-primary-background: $inverse-global-primary-background !default; -$inverse-button-primary-color: $inverse-global-inverse-color !default; -$inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default; -$inverse-button-primary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default; -$inverse-button-primary-active-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-background: $inverse-global-primary-background !default; -$inverse-button-secondary-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default; -$inverse-button-secondary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default; -$inverse-button-secondary-active-color: $inverse-global-inverse-color !default; -$inverse-button-text-color: $inverse-global-emphasis-color !default; -$inverse-button-text-hover-color: $inverse-global-emphasis-color !default; -$inverse-button-text-disabled-color: $inverse-global-muted-color !default; -$inverse-button-link-color: $inverse-global-muted-color !default; -$inverse-button-link-hover-color: $inverse-global-color !default; -$card-body-padding-horizontal: $global-gutter !default; -$card-body-padding-vertical: $global-gutter !default; -$card-body-padding-horizontal-l: $global-medium-gutter !default; -$card-body-padding-vertical-l: $global-medium-gutter !default; -$card-header-padding-horizontal: $global-gutter !default; -$card-header-padding-vertical: round($global-gutter / 2) !default; -$card-header-padding-horizontal-l: $global-medium-gutter !default; -$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default; -$card-footer-padding-horizontal: $global-gutter !default; -$card-footer-padding-vertical: ($global-gutter / 2) !default; -$card-footer-padding-horizontal-l: $global-medium-gutter !default; -$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default; -$card-title-font-size: $global-large-font-size !default; -$card-title-line-height: 1.4 !default; -$card-badge-top: $global-gutter !default; -$card-badge-right: $card-badge-top !default; -$card-hover-background: $global-background !default; -$card-default-background: $global-background !default; -$card-default-color: $global-color !default; -$card-default-title-color: $global-emphasis-color !default; -$card-default-hover-background: $card-default-background !default; -$card-primary-background: $global-primary-background !default; -$card-primary-color: $global-inverse-color !default; -$card-primary-title-color: $card-primary-color !default; -$card-primary-hover-background: $card-primary-background !default; -$card-primary-color-mode: light !default; -$card-secondary-background: $global-secondary-background !default; -$card-secondary-color: $global-inverse-color !default; -$card-secondary-title-color: $card-secondary-color !default; -$card-secondary-hover-background: $card-secondary-background !default; -$card-secondary-color-mode: light !default; -$card-small-body-padding-horizontal: $global-margin !default; -$card-small-body-padding-vertical: $global-margin !default; -$card-small-header-padding-horizontal: $global-margin !default; -$card-small-header-padding-vertical: round($global-margin / 1.5) !default; -$card-small-footer-padding-horizontal: $global-margin !default; -$card-small-footer-padding-vertical: round($global-margin / 1.5) !default; -$global-large-gutter: 70px !default; -$card-large-body-padding-horizontal-l: $global-large-gutter !default; -$card-large-body-padding-vertical-l: $global-large-gutter !default; -$card-large-header-padding-horizontal-l: $global-large-gutter !default; -$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default; -$card-large-footer-padding-horizontal-l: $global-large-gutter !default; -$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default; -$close-color: $global-muted-color !default; -$close-hover-color: $global-color !default; -$inverse-close-color: $inverse-global-muted-color !default; -$inverse-close-hover-color: $inverse-global-color !default; -$column-gutter: $global-gutter !default; -$column-gutter-l: $global-medium-gutter !default; -$column-divider-rule-color: $global-border !default; -$column-divider-rule-width: 1px !default; -$inverse-column-divider-rule-color: $inverse-global-border !default; -$comment-header-margin-bottom: $global-margin !default; -$comment-title-font-size: $global-medium-font-size !default; -$comment-title-line-height: 1.4 !default; -$comment-meta-font-size: $global-small-font-size !default; -$comment-meta-line-height: 1.4 !default; -$comment-meta-color: $global-muted-color !default; -$comment-list-margin-top: $global-large-margin !default; -$comment-list-padding-left: 30px !default; -$comment-list-padding-left-m: 100px !default; -$container-max-width: 1200px !default; -$container-small-max-width: 900px !default; -$container-large-max-width: 1600px !default; -$container-padding-horizontal: 15px !default; -$container-padding-horizontal-s: $global-gutter !default; -$container-padding-horizontal-m: $global-medium-gutter !default; -$countdown-item-line-height: 70px !default; -$countdown-number-font-size: 2rem !default; -$countdown-number-font-size-s: 4rem !default; -$countdown-number-font-size-m: 6rem !default; -$countdown-separator-font-size: 1rem !default; -$countdown-separator-font-size-s: 2rem !default; -$countdown-separator-font-size-m: 3rem !default; -$description-list-term-color: $global-emphasis-color !default; -$description-list-term-margin-top: $global-margin !default; -$description-list-divider-term-margin-top: $global-margin !default; -$description-list-divider-term-border-width: $global-border-width !default; -$description-list-divider-term-border: $global-border !default; -$divider-margin-vertical: $global-margin !default; -$divider-icon-width: 50px !default; -$divider-icon-height: 20px !default; -$divider-icon-color: $global-border !default; -$divider-icon-line-top: 50% !default; -$divider-icon-line-width: 100% !default; -$divider-icon-line-border-width: $global-border-width !default; -$divider-icon-line-border: $global-border !default; -$internal-divider-icon-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$divider-small-width: 100px !default; -$divider-small-border-width: $global-border-width !default; -$divider-small-border: $global-border !default; -$inverse-divider-icon-color: $inverse-global-border !default; -$inverse-divider-icon-line-border: $inverse-global-border !default; -$inverse-divider-small-border: $inverse-global-border !default; -$dotnav-margin-horizontal: 12px !default; -$dotnav-margin-vertical: $dotnav-margin-horizontal !default; -$dotnav-item-width: 10px !default; -$dotnav-item-height: $dotnav-item-width !default; -$dotnav-item-border-radius: 50% !default; -$dotnav-item-background: transparent !default; -$dotnav-item-hover-background: rgba($global-color, 0.6) !default; -$dotnav-item-onclick-background: rgba($global-color, 0.2) !default; -$dotnav-item-active-background: rgba($global-color, 0.6) !default; -$inverse-dotnav-item-background: transparent !default; -$inverse-dotnav-item-hover-background: rgba($inverse-global-color, 0.9) !default; -$inverse-dotnav-item-onclick-background: rgba($inverse-global-color, 0.5) !default; -$inverse-dotnav-item-active-background: rgba($inverse-global-color, 0.9) !default; -$global-z-index: 1000 !default; -$drop-z-index: $global-z-index + 20 !default; -$drop-width: 300px !default; -$drop-margin: $global-margin !default; -$dropdown-z-index: $global-z-index + 20 !default; -$dropdown-min-width: 200px !default; -$dropdown-padding: 25px !default; -$dropdown-background: $global-background !default; -$dropdown-color: $global-color !default; -$dropdown-margin: $global-small-margin !default; -$dropdown-nav-item-color: $global-muted-color !default; -$dropdown-nav-item-hover-color: $global-color !default; -$dropdown-nav-header-color: $global-emphasis-color !default; -$dropdown-nav-divider-border-width: $global-border-width !default; -$dropdown-nav-divider-border: $global-border !default; -$dropdown-nav-sublist-item-color: $global-muted-color !default; -$dropdown-nav-sublist-item-hover-color: $global-color !default; -$form-range-thumb-height: 15px !default; -$form-range-thumb-border-radius: 500px !default; -$form-range-thumb-background: $global-background !default; -$form-range-track-height: 3px !default; -$form-range-track-background: darken($global-muted-background, 5%) !default; -$form-range-track-focus-background: darken($global-muted-background, 15%) !default; -$form-height: $global-control-height !default; -$form-border-width: $global-border-width !default; -$form-line-height: $form-height - (2* $form-border-width) !default; -$form-padding-horizontal: 10px !default; -$form-padding-vertical: 4px !default; -$form-background: $global-background !default; -$form-color: $global-color !default; -$form-focus-background: $global-background !default; -$form-focus-color: $global-color !default; -$form-disabled-background: $global-muted-background !default; -$form-disabled-color: $global-muted-color !default; -$form-placeholder-color: $global-muted-color !default; -$form-small-height: $global-control-small-height !default; -$form-small-padding-horizontal: 8px !default; -$form-small-line-height: $form-small-height - (2* $form-border-width) !default; -$form-small-font-size: $global-small-font-size !default; -$form-large-height: $global-control-large-height !default; -$form-large-padding-horizontal: 12px !default; -$form-large-line-height: $form-large-height - (2* $form-border-width) !default; -$form-large-font-size: $global-medium-font-size !default; -$form-danger-color: $global-danger-background !default; -$form-success-color: $global-success-background !default; -$form-width-xsmall: 50px !default; -$form-width-small: 130px !default; -$form-width-medium: 200px !default; -$form-width-large: 500px !default; -$form-select-padding-right: 20px !default; -$form-select-icon-color: $global-color !default; -$form-select-disabled-icon-color: $global-muted-color !default; -$form-radio-size: 16px !default; -$form-radio-margin-top: -4px !default; -$form-radio-background: transparent !default; -$form-radio-checked-background: $global-primary-background !default; -$form-radio-checked-icon-color: $global-inverse-color !default; -$form-radio-checked-focus-background: darken($global-primary-background, 10%) !default; -$form-radio-disabled-background: $global-muted-background !default; -$form-radio-disabled-icon-color: $global-muted-color !default; -$form-legend-font-size: $global-large-font-size !default; -$form-legend-line-height: 1.4 !default; -$form-stacked-margin-bottom: 5px !default; -$form-horizontal-label-width: 200px !default; -$form-horizontal-label-margin-top: 7px !default; -$form-horizontal-controls-margin-left: 215px !default; -$form-horizontal-controls-text-padding-top: 7px !default; -$form-icon-width: $form-height !default; -$form-icon-font-size: $global-font-size !default; -$form-icon-color: $global-muted-color !default; -$form-icon-hover-color: $global-color !default; -$internal-form-select-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-radio-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-form-checkbox-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default; -$inverse-form-background: $inverse-global-muted-background !default; -$inverse-form-color: $inverse-global-color !default; -$inverse-form-focus-background: $inverse-global-muted-background !default; -$inverse-form-focus-color: $inverse-global-color !default; -$inverse-form-placeholder-color: $inverse-global-muted-color !default; -$inverse-form-select-icon-color: $inverse-global-color !default; -$inverse-form-radio-background: darken($inverse-global-muted-background, 5%) !default; -$inverse-form-radio-checked-background: $inverse-global-primary-background !default; -$inverse-form-radio-checked-icon-color: $inverse-global-inverse-color !default; -$inverse-form-radio-checked-focus-background: darken($inverse-global-primary-background, 10%) !default; -$grid-gutter-horizontal: $global-gutter !default; -$grid-gutter-vertical: $grid-gutter-horizontal !default; -$grid-gutter-horizontal-l: $global-medium-gutter !default; -$grid-gutter-vertical-l: $grid-gutter-horizontal-l !default; -$grid-small-gutter-horizontal: $global-small-gutter !default; -$grid-small-gutter-vertical: $grid-small-gutter-horizontal !default; -$grid-medium-gutter-horizontal: $global-gutter !default; -$grid-medium-gutter-vertical: $grid-medium-gutter-horizontal !default; -$grid-large-gutter-horizontal: $global-medium-gutter !default; -$grid-large-gutter-vertical: $grid-large-gutter-horizontal !default; -$grid-large-gutter-horizontal-l: $global-large-gutter !default; -$grid-large-gutter-vertical-l: $grid-large-gutter-horizontal-l !default; -$grid-divider-border-width: $global-border-width !default; -$grid-divider-border: $global-border !default; -$inverse-grid-divider-border: $inverse-global-border !default; -$heading-primary-font-size: $global-xxlarge-font-size !default; -$heading-primary-line-height: 1.2 !default; -$heading-primary-font-size-m: 3.75rem !default; -$heading-primary-line-height-m: 1.1 !default; -$heading-hero-font-size: 4rem !default; -$heading-hero-line-height: 1.1 !default; -$heading-hero-font-size-s: 6rem !default; -$heading-hero-line-height-s: 1 !default; -$heading-hero-font-size-m: 8rem !default; -$heading-hero-line-height-m: 1 !default; -$heading-divider-padding-bottom: 10px !default; -$heading-divider-border-width: $global-border-width !default; -$heading-divider-border: $global-border !default; -$heading-bullet-top: unquote('calc(-0.1 * 1em)') !default; -$heading-bullet-height: 0.9em !default; -$heading-bullet-margin-right: 10px !default; -$heading-bullet-border-width: 5px !default; -$heading-bullet-border: $global-border !default; -$heading-line-top: 50% !default; -$heading-line-border-width: $global-border-width !default; -$heading-line-height: $heading-line-border-width !default; -$heading-line-width: 2000px !default; -$heading-line-border: $global-border !default; -$heading-line-margin-horizontal: 0.6em !default; -$inverse-heading-divider-border: $inverse-global-border !default; -$inverse-heading-bullet-border: $inverse-global-border !default; -$inverse-heading-line-border: $inverse-global-border !default; -$icon-image-size: 20px !default; -$icon-link-color: $global-muted-color !default; -$icon-link-hover-color: $global-color !default; -$icon-link-active-color: darken($global-color, 5%) !default; -$icon-button-size: 36px !default; -$icon-button-border-radius: 500px !default; -$icon-button-background: $global-muted-background !default; -$icon-button-color: $global-muted-color !default; -$icon-button-hover-background: darken($icon-button-background, 5%) !default; -$icon-button-hover-color: $global-color !default; -$icon-button-active-background: darken($icon-button-background, 10%) !default; -$icon-button-active-color: $global-color !default; -$inverse-icon-link-color: $inverse-global-muted-color !default; -$inverse-icon-link-hover-color: $inverse-global-color !default; -$inverse-icon-link-active-color: $inverse-global-color !default; -$inverse-icon-button-background: $inverse-global-muted-background !default; -$inverse-icon-button-color: $inverse-global-muted-color !default; -$inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default; -$inverse-icon-button-hover-color: $inverse-global-color !default; -$inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default; -$inverse-icon-button-active-color: $inverse-global-color !default; -$iconnav-margin-horizontal: $global-small-margin !default; -$iconnav-margin-vertical: $iconnav-margin-horizontal !default; -$iconnav-item-color: $global-muted-color !default; -$iconnav-item-hover-color: $global-color !default; -$iconnav-item-active-color: $global-color !default; -$inverse-iconnav-item-color: $inverse-global-muted-color !default; -$inverse-iconnav-item-hover-color: $inverse-global-color !default; -$inverse-iconnav-item-active-color: $inverse-global-color !default; -$inverse-global-color-mode: light !default; -$label-padding-vertical: 0 !default; -$label-padding-horizontal: $global-small-margin !default; -$label-background: $global-primary-background !default; -$label-line-height: $global-line-height !default; -$label-font-size: $global-small-font-size !default; -$label-color: $global-inverse-color !default; -$label-success-background: $global-success-background !default; -$label-success-color: $global-inverse-color !default; -$label-warning-background: $global-warning-background !default; -$label-warning-color: $global-inverse-color !default; -$label-danger-background: $global-danger-background !default; -$label-danger-color: $global-inverse-color !default; -$inverse-label-background: $inverse-global-primary-background !default; -$inverse-label-color: $inverse-global-inverse-color !default; -$lightbox-z-index: $global-z-index + 10 !default; -$lightbox-background: #000 !default; -$lightbox-item-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-padding-vertical: 10px !default; -$lightbox-toolbar-padding-horizontal: 10px !default; -$lightbox-toolbar-background: rgba(0,0,0,0.3) !default; -$lightbox-toolbar-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-icon-padding: 5px !default; -$lightbox-toolbar-icon-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-icon-hover-color: #fff !default; -$lightbox-button-size: 50px !default; -$lightbox-button-background: $lightbox-toolbar-background !default; -$lightbox-button-color: rgba(255,255,255,0.7) !default; -$lightbox-button-hover-color: #fff !default; -$link-muted-color: $global-muted-color !default; -$link-muted-hover-color: $global-color !default; -$link-text-hover-color: $global-muted-color !default; -$link-heading-hover-color: $global-primary-background !default; -$link-heading-hover-text-decoration: none !default; -$inverse-link-muted-color: $inverse-global-muted-color !default; -$inverse-link-muted-hover-color: $inverse-global-color !default; -$inverse-link-text-hover-color: $inverse-global-muted-color !default; -$inverse-link-heading-hover-color: $inverse-global-primary-background !default; -$list-margin-top: $global-small-margin !default; -$list-nested-padding-left: $global-gutter !default; -$list-divider-margin-top: $global-small-margin !default; -$list-divider-border-width: $global-border-width !default; -$list-divider-border: $global-border !default; -$list-striped-padding-vertical: $global-small-margin !default; -$list-striped-padding-horizontal: $global-small-margin !default; -$list-striped-background: $global-muted-background !default; -$list-bullet-width: ($global-line-height * 1em) !default; -$list-bullet-height: $list-bullet-width !default; -$list-bullet-margin-right: $global-small-margin !default; -$list-bullet-icon-color: $global-color !default; -$list-large-margin-top: $global-margin !default; -$list-large-divider-margin-top: $global-margin !default; -$list-large-striped-padding-vertical: $global-margin !default; -$list-large-striped-padding-horizontal: $global-small-margin !default; -$internal-list-bullet-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-list-divider-border: $inverse-global-border !default; -$inverse-list-striped-background: $inverse-global-muted-background !default; -$inverse-list-bullet-icon-color: $inverse-global-color !default; -$margin-margin: $global-margin !default; -$margin-small-margin: $global-small-margin !default; -$margin-medium-margin: $global-medium-margin !default; -$margin-large-margin: $global-medium-margin !default; -$margin-large-margin-l: $global-large-margin !default; -$margin-xlarge-margin: $global-large-margin !default; -$global-xlarge-margin: 140px !default; -$margin-xlarge-margin-l: $global-xlarge-margin !default; -$marker-padding: 5px !default; -$marker-background: $global-secondary-background !default; -$marker-color: $global-inverse-color !default; -$marker-hover-color: $global-inverse-color !default; -$inverse-marker-background: $global-muted-background !default; -$inverse-marker-color: $global-color !default; -$inverse-marker-hover-color: $global-color !default; -$modal-z-index: $global-z-index + 10 !default; -$modal-background: rgba(0,0,0,0.6) !default; -$modal-padding-horizontal: 15px !default; -$modal-padding-horizontal-s: $global-gutter !default; -$modal-padding-horizontal-m: $global-medium-gutter !default; -$modal-padding-vertical: $modal-padding-horizontal !default; -$modal-padding-vertical-s: 50px !default; -$modal-dialog-width: 600px !default; -$modal-dialog-background: $global-background !default; -$modal-container-width: 1200px !default; -$modal-body-padding-horizontal: $global-gutter !default; -$modal-body-padding-vertical: $global-gutter !default; -$modal-header-padding-horizontal: $global-gutter !default; -$modal-header-padding-vertical: ($modal-header-padding-horizontal / 2) !default; -$modal-header-background: $modal-dialog-background !default; -$modal-footer-padding-horizontal: $global-gutter !default; -$modal-footer-padding-vertical: ($modal-footer-padding-horizontal / 2) !default; -$modal-footer-background: $modal-dialog-background !default; -$modal-title-font-size: $global-xlarge-font-size !default; -$modal-title-line-height: 1.3 !default; -$modal-close-position: $global-small-margin !default; -$modal-close-padding: 5px !default; -$modal-close-outside-position: 0 !default; -$modal-close-outside-translate: 100% !default; -$modal-close-outside-color: lighten($global-inverse-color, 20%) !default; -$modal-close-outside-hover-color: $global-inverse-color !default; -$nav-item-padding-vertical: 5px !default; -$nav-item-padding-horizontal: 0 !default; -$nav-sublist-padding-vertical: 5px !default; -$nav-sublist-padding-left: 15px !default; -$nav-sublist-deeper-padding-left: 15px !default; -$nav-sublist-item-padding-vertical: 2px !default; -$nav-parent-icon-width: ($global-line-height * 1em) !default; -$nav-parent-icon-height: $nav-parent-icon-width !default; -$nav-parent-icon-color: $global-color !default; -$nav-header-padding-vertical: $nav-item-padding-vertical !default; -$nav-header-padding-horizontal: $nav-item-padding-horizontal !default; -$nav-header-font-size: $global-small-font-size !default; -$nav-header-text-transform: uppercase !default; -$nav-header-margin-top: $global-margin !default; -$nav-divider-margin-vertical: 5px !default; -$nav-divider-margin-horizontal: 0 !default; -$nav-default-item-color: $global-muted-color !default; -$nav-default-item-hover-color: $global-color !default; -$nav-default-item-active-color: $global-emphasis-color !default; -$nav-default-header-color: $global-emphasis-color !default; -$nav-default-divider-border-width: $global-border-width !default; -$nav-default-divider-border: $global-border !default; -$nav-default-sublist-item-color: $global-muted-color !default; -$nav-default-sublist-item-hover-color: $global-color !default; -$nav-primary-item-font-size: $global-large-font-size !default; -$nav-primary-item-line-height: $global-line-height !default; -$nav-primary-item-color: $global-muted-color !default; -$nav-primary-item-hover-color: $global-color !default; -$nav-primary-item-active-color: $global-emphasis-color !default; -$nav-primary-header-color: $global-emphasis-color !default; -$nav-primary-divider-border-width: $global-border-width !default; -$nav-primary-divider-border: $global-border !default; -$nav-primary-sublist-item-color: $global-muted-color !default; -$nav-primary-sublist-item-hover-color: $global-color !default; -$internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-nav-parent-icon-color: $inverse-global-color !default; -$inverse-nav-default-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-item-hover-color: $inverse-global-color !default; -$inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-divider-border: $inverse-global-border !default; -$inverse-nav-default-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-sublist-item-hover-color: $inverse-global-color !default; -$inverse-nav-primary-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-item-hover-color: $inverse-global-color !default; -$inverse-nav-primary-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-divider-border: $inverse-global-border !default; -$inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default; -$navbar-background: $global-muted-background !default; -$navbar-color-mode: none !default; -$navbar-nav-item-height: 80px !default; -$navbar-nav-item-padding-horizontal: 15px !default; -$navbar-nav-item-color: $global-muted-color !default; -$navbar-nav-item-font-size: $global-small-font-size !default; -$navbar-nav-item-font-family: $global-font-family !default; -$navbar-nav-item-hover-color: $global-color !default; -$navbar-nav-item-onclick-color: $global-emphasis-color !default; -$navbar-nav-item-active-color: $global-emphasis-color !default; -$navbar-item-color: $global-color !default; -$navbar-toggle-color: $global-muted-color !default; -$navbar-toggle-hover-color: $global-color !default; -$navbar-subtitle-font-size: $global-small-font-size !default; -$navbar-dropdown-z-index: $global-z-index + 20 !default; -$navbar-dropdown-width: 200px !default; -$navbar-dropdown-margin: 15px !default; -$navbar-dropdown-padding: 25px !default; -$navbar-dropdown-background: $global-background !default; -$navbar-dropdown-color: $global-color !default; -$navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default; -$navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default; -$navbar-dropdown-dropbar-margin-top: 0 !default; -$navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default; -$navbar-dropdown-nav-item-color: $global-muted-color !default; -$navbar-dropdown-nav-item-hover-color: $global-color !default; -$navbar-dropdown-nav-item-active-color: $global-emphasis-color !default; -$navbar-dropdown-nav-header-color: $global-emphasis-color !default; -$navbar-dropdown-nav-divider-border-width: $global-border-width !default; -$navbar-dropdown-nav-divider-border: $global-border !default; -$navbar-dropdown-nav-sublist-item-color: $global-muted-color !default; -$navbar-dropdown-nav-sublist-item-hover-color: $global-color !default; -$navbar-dropbar-background: $navbar-dropdown-background !default; -$navbar-dropbar-z-index: $global-z-index - 20 !default; -$inverse-navbar-nav-item-color: $inverse-global-muted-color !default; -$inverse-navbar-nav-item-hover-color: $inverse-global-color !default; -$inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default; -$inverse-navbar-nav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-navbar-item-color: $inverse-global-color !default; -$inverse-navbar-toggle-color: $inverse-global-muted-color !default; -$inverse-navbar-toggle-hover-color: $inverse-global-color !default; -$notification-position: 10px !default; -$notification-z-index: $global-z-index + 40 !default; -$notification-width: 350px !default; -$notification-message-margin-bottom: 10px !default; -$notification-message-padding: $global-small-gutter !default; -$notification-message-background: $global-muted-background !default; -$notification-message-color: $global-color !default; -$notification-message-font-size: $global-medium-font-size !default; -$notification-message-line-height: 1.4 !default; -$notification-close-top: $notification-message-padding + 5px !default; -$notification-close-right: $notification-message-padding !default; -$notification-message-primary-color: $global-primary-background !default; -$notification-message-success-color: $global-success-background !default; -$notification-message-warning-color: $global-warning-background !default; -$notification-message-danger-color: $global-danger-background !default; -$offcanvas-z-index: $global-z-index !default; -$offcanvas-bar-width: 270px !default; -$offcanvas-bar-padding-vertical: $global-margin !default; -$offcanvas-bar-padding-horizontal: $global-margin !default; -$offcanvas-bar-background: $global-secondary-background !default; -$offcanvas-bar-color-mode: light !default; -$offcanvas-bar-width-m: 350px !default; -$offcanvas-bar-padding-vertical-m: $global-medium-gutter !default; -$offcanvas-bar-padding-horizontal-m: $global-medium-gutter !default; -$offcanvas-close-position: 20px !default; -$offcanvas-close-padding: 5px !default; -$offcanvas-overlay-background: rgba(0,0,0,0.1) !default; -$overlay-padding-horizontal: $global-gutter !default; -$overlay-padding-vertical: $global-gutter !default; -$overlay-default-background: rgba($global-background, 0.8) !default; -$overlay-primary-background: rgba($global-secondary-background, 0.8) !default; -$overlay-primary-color-mode: light !default; -$padding-padding: 16px !default; -$padding-padding-l: $global-medium-gutter !default; -$padding-small-padding: $global-small-gutter !default; -$padding-large-padding: $global-gutter !default; -$padding-large-padding-l: $global-large-gutter !default; -$pagination-margin-horizontal: 20px !default; -$pagination-item-color: $global-muted-color !default; -$pagination-item-hover-color: $global-color !default; -$pagination-item-hover-text-decoration: none !default; -$pagination-item-active-color: $global-color !default; -$pagination-item-disabled-color: $global-muted-color !default; -$inverse-pagination-item-color: $inverse-global-muted-color !default; -$inverse-pagination-item-hover-color: $inverse-global-color !default; -$inverse-pagination-item-active-color: $inverse-global-color !default; -$inverse-pagination-item-disabled-color: $inverse-global-muted-color !default; -$placeholder-margin-vertical: $global-margin !default; -$placeholder-padding-vertical: $global-gutter !default; -$placeholder-padding-horizontal: $global-gutter !default; -$placeholder-background: transparent !default; -$position-small-margin: $global-small-gutter !default; -$position-medium-margin: $global-gutter !default; -$position-large-margin: $global-gutter !default; -$position-large-margin-l: 50px !default; -$progress-height: 15px !default; -$progress-margin-vertical: $global-margin !default; -$progress-background: $global-muted-background !default; -$progress-bar-background: $global-primary-background !default; -$search-color: $global-color !default; -$search-placeholder-color: $global-muted-color !default; -$search-icon-color: $global-muted-color !default; -$search-default-width: 180px !default; -$search-default-height: $global-control-height !default; -$search-default-padding-horizontal: 6px !default; -$search-default-background: transparent !default; -$search-default-focus-background: $search-default-background !default; -$search-default-icon-width: $global-control-height !default; -$search-navbar-width: 400px !default; -$search-navbar-height: 40px !default; -$search-navbar-background: transparent !default; -$search-navbar-font-size: $global-large-font-size !default; -$search-navbar-icon-width: 40px !default; -$search-large-width: 500px !default; -$search-large-height: 80px !default; -$search-large-background: transparent !default; -$search-large-font-size: $global-xxlarge-font-size !default; -$search-large-icon-width: 80px !default; -$search-toggle-color: $global-muted-color !default; -$search-toggle-hover-color: $global-color !default; -$inverse-search-color: $inverse-global-color !default; -$inverse-search-placeholder-color: $inverse-global-muted-color !default; -$inverse-search-icon-color: $inverse-global-muted-color !default; -$inverse-search-default-background: transparent !default; -$inverse-search-default-focus-background: $inverse-search-default-background !default; -$inverse-search-navbar-background: transparent !default; -$inverse-search-large-background: transparent !default; -$inverse-search-toggle-color: $inverse-global-muted-color !default; -$inverse-search-toggle-hover-color: $inverse-global-color !default; -$section-padding-vertical: $global-medium-margin !default; -$section-padding-vertical-m: $global-large-margin !default; -$section-xsmall-padding-vertical: $global-margin !default; -$section-small-padding-vertical: $global-medium-margin !default; -$section-large-padding-vertical: $global-large-margin !default; -$section-large-padding-vertical-m: $global-xlarge-margin !default; -$section-xlarge-padding-vertical: $global-xlarge-margin !default; -$section-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; -$section-default-background: $global-background !default; -$section-muted-background: $global-muted-background !default; -$section-primary-background: $global-primary-background !default; -$section-primary-color-mode: light !default; -$section-secondary-background: $global-secondary-background !default; -$section-secondary-color-mode: light !default; -$slidenav-padding-vertical: 5px !default; -$slidenav-padding-horizontal: 10px !default; -$slidenav-color: rgba($global-color, 0.5) !default; -$slidenav-hover-color: rgba($global-color, 0.9) !default; -$slidenav-active-color: rgba($global-color, 0.5) !default; -$slidenav-large-padding-vertical: 10px !default; -$slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default; -$inverse-slidenav-color: rgba($inverse-global-color, 0.7) !default; -$inverse-slidenav-hover-color: rgba($inverse-global-color, 0.95) !default; -$inverse-slidenav-active-color: rgba($inverse-global-color, 0.7) !default; -$sortable-dragged-z-index: $global-z-index + 50 !default; -$sortable-placeholder-opacity: 0 !default; -$sortable-empty-height: 50px !default; -$spinner-size: 30px !default; -$spinner-stroke-width: 1 !default; -$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default; -$spinner-circumference: round(2 * 3.141 * $spinner-radius) !default; -$spinner-duration: 1.4s !default; -$sticky-z-index: $global-z-index - 20 !default; -$sticky-animation-duration: 0.2s !default; -$sticky-reverse-animation-duration: 0.2s !default; -$subnav-margin-horizontal: 20px !default; -$subnav-item-color: $global-muted-color !default; -$subnav-item-hover-color: $global-color !default; -$subnav-item-hover-text-decoration: none !default; -$subnav-item-active-color: $global-emphasis-color !default; -$subnav-divider-margin-horizontal: $subnav-margin-horizontal !default; -$subnav-divider-border-height: 1.5em !default; -$subnav-divider-border-width: $global-border-width !default; -$subnav-divider-border: $global-border !default; -$subnav-pill-item-padding-vertical: 5px !default; -$subnav-pill-item-padding-horizontal: 10px !default; -$subnav-pill-item-background: transparent !default; -$subnav-pill-item-color: $subnav-item-color !default; -$subnav-pill-item-hover-background: $global-muted-background !default; -$subnav-pill-item-hover-color: $global-color !default; -$subnav-pill-item-onclick-background: $subnav-pill-item-hover-background !default; -$subnav-pill-item-onclick-color: $subnav-pill-item-hover-color !default; -$subnav-pill-item-active-background: $global-primary-background !default; -$subnav-pill-item-active-color: $global-inverse-color !default; -$subnav-item-disabled-color: $global-muted-color !default; -$inverse-subnav-item-color: $inverse-global-muted-color !default; -$inverse-subnav-item-hover-color: $inverse-global-color !default; -$inverse-subnav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-subnav-divider-border: $inverse-global-border !default; -$inverse-subnav-pill-item-background: transparent !default; -$inverse-subnav-pill-item-color: $inverse-global-muted-color !default; -$inverse-subnav-pill-item-hover-background: $inverse-global-muted-background !default; -$inverse-subnav-pill-item-hover-color: $inverse-global-color !default; -$inverse-subnav-pill-item-onclick-background: $inverse-subnav-pill-item-hover-background !default; -$inverse-subnav-pill-item-onclick-color: $inverse-subnav-pill-item-hover-color !default; -$inverse-subnav-pill-item-active-background: $inverse-global-primary-background !default; -$inverse-subnav-pill-item-active-color: $inverse-global-inverse-color !default; -$inverse-subnav-item-disabled-color: $inverse-global-muted-color !default; -$tab-margin-horizontal: 20px !default; -$tab-item-padding-horizontal: 10px !default; -$tab-item-padding-vertical: 5px !default; -$tab-item-color: $global-muted-color !default; -$tab-item-hover-color: $global-color !default; -$tab-item-hover-text-decoration: none !default; -$tab-item-active-color: $global-emphasis-color !default; -$tab-item-disabled-color: $global-muted-color !default; -$inverse-tab-item-color: $inverse-global-muted-color !default; -$inverse-tab-item-hover-color: $inverse-global-color !default; -$inverse-tab-item-active-color: $inverse-global-emphasis-color !default; -$inverse-tab-item-disabled-color: $inverse-global-muted-color !default; -$table-margin-vertical: $global-margin !default; -$table-cell-padding-vertical: 16px !default; -$table-cell-padding-horizontal: 12px !default; -$table-header-cell-font-size: $global-small-font-size !default; -$table-header-cell-font-weight: normal !default; -$table-header-cell-color: $global-muted-color !default; -$table-footer-font-size: $global-small-font-size !default; -$table-caption-font-size: $global-small-font-size !default; -$table-caption-color: $global-muted-color !default; -$table-row-active-background: #ffd !default; -$table-divider-border-width: $global-border-width !default; -$table-divider-border: $global-border !default; -$table-striped-row-background: $global-muted-background !default; -$table-hover-row-background: $table-row-active-background !default; -$table-small-cell-padding-vertical: 10px !default; -$table-small-cell-padding-horizontal: 12px !default; -$table-large-cell-padding-vertical: 22px !default; -$table-large-cell-padding-horizontal: 12px !default; -$table-expand-min-width: 150px !default; -$inverse-table-header-cell-color: $inverse-global-color !default; -$inverse-table-caption-color: $inverse-global-muted-color !default; -$inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default; -$inverse-table-divider-border: $inverse-global-border !default; -$inverse-table-striped-row-background: $inverse-global-muted-background !default; -$inverse-table-hover-row-background: $inverse-table-row-active-background !default; -$text-lead-font-size: $global-large-font-size !default; -$text-lead-line-height: 1.5 !default; -$text-lead-color: $global-emphasis-color !default; -$text-meta-font-size: $global-small-font-size !default; -$text-meta-line-height: 1.4 !default; -$text-meta-color: $global-muted-color !default; -$text-small-font-size: $global-small-font-size !default; -$text-small-line-height: 1.5 !default; -$text-large-font-size: $global-large-font-size !default; -$text-large-line-height: 1.5 !default; -$text-bold-font-weight: bolder !default; -$text-muted-color: $global-muted-color !default; -$text-primary-color: $global-primary-background !default; -$text-success-color: $global-success-background !default; -$text-warning-color: $global-warning-background !default; -$text-danger-color: $global-danger-background !default; -$text-background-color: $global-primary-background !default; -$inverse-text-lead-color: $inverse-global-color !default; -$inverse-text-meta-color: $inverse-global-muted-color !default; -$inverse-text-muted-color: $inverse-global-muted-color !default; -$inverse-text-primary-color: $inverse-global-color !default; -$thumbnav-margin-horizontal: 15px !default; -$thumbnav-margin-vertical: $thumbnav-margin-horizontal !default; -$tile-padding-horizontal: 15px !default; -$tile-padding-horizontal-s: $global-gutter !default; -$tile-padding-horizontal-m: $global-medium-gutter !default; -$tile-padding-vertical: $global-medium-margin !default; -$tile-padding-vertical-m: $global-large-margin !default; -$tile-xsmall-padding-vertical: $global-margin !default; -$tile-small-padding-vertical: $global-medium-margin !default; -$tile-large-padding-vertical: $global-large-margin !default; -$tile-large-padding-vertical-m: $global-xlarge-margin !default; -$tile-xlarge-padding-vertical: $global-xlarge-margin !default; -$tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; -$tile-default-background: $global-background !default; -$tile-muted-background: $global-muted-background !default; -$tile-primary-background: $global-primary-background !default; -$tile-primary-color-mode: light !default; -$tile-secondary-background: $global-secondary-background !default; -$tile-secondary-color-mode: light !default; -$tooltip-z-index: $global-z-index + 30 !default; -$tooltip-max-width: 200px !default; -$tooltip-padding-vertical: 3px !default; -$tooltip-padding-horizontal: 6px !default; -$tooltip-background: #666 !default; -$tooltip-border-radius: 2px !default; -$tooltip-color: $global-inverse-color !default; -$tooltip-font-size: 12px !default; -$tooltip-margin: 10px !default; -$totop-padding: 5px !default; -$totop-color: $global-muted-color !default; -$totop-hover-color: $global-color !default; -$totop-active-color: $global-emphasis-color !default; -$inverse-totop-color: $inverse-global-muted-color !default; -$inverse-totop-hover-color: $inverse-global-color !default; -$inverse-totop-active-color: $inverse-global-emphasis-color !default; -$transition-duration: 0.3s !default; -$transition-scale: 1.1 !default; -$transition-slide-small-translate: 10px !default; -$transition-slide-medium-translate: 50px !default; -$transition-slow-duration: 0.7s !default; -$panel-scrollable-height: 170px !default; -$panel-scrollable-padding: 10px !default; -$panel-scrollable-border-width: $global-border-width !default; -$panel-scrollable-border: $global-border !default; -$height-small-height: 150px !default; -$height-medium-height: 300px !default; -$height-large-height: 450px !default; -$border-rounded-border-radius: 5px !default; -$box-shadow-duration: 0.1s !default; -$box-shadow-bottom-height: 30px !default; -$box-shadow-bottom-border-radius: 100% !default; -$box-shadow-bottom-background: #444 !default; -$box-shadow-bottom-blur: 20px !default; -$dropcap-margin-right: 10px !default; -$dropcap-font-size: (($global-line-height * 3) * 1em) !default; -$leader-fill-content: '.' !default; -$leader-fill-margin-left: $global-small-gutter !default; -$logo-font-size: $global-large-font-size !default; -$logo-font-family: $global-font-family !default; -$logo-color: $global-color !default; -$logo-hover-color: $global-color !default; -$dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default; -$inverse-logo-color: $inverse-global-color !default; -$inverse-logo-hover-color: $inverse-global-color !default; -$breakpoint-small: 640px !default; -$breakpoint-medium: 960px !default; -$breakpoint-large: 1200px !default; -$breakpoint-xlarge: 1600px !default; -$breakpoint-xsmall-max: ($breakpoint-small - 1) !default; -$breakpoint-small-max: ($breakpoint-medium - 1) !default; -$breakpoint-medium-max: ($breakpoint-large - 1) !default; -$breakpoint-large-max: ($breakpoint-xlarge - 1) !default; -$global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08) !default; -$global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08) !default; -$global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16) !default; -$global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16) !default; -$width-small-width: 150px !default; -$width-medium-width: 300px !default; -$width-large-width: 450px !default; -$width-xlarge-width: 600px !default; -$width-xxlarge-width: 750px !default; -$accordion-icon-color: $global-color !default; -$internal-accordion-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-accordion-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$alert-close-opacity: 0.4 !default; -$alert-close-hover-opacity: 0.8 !default; -$article-meta-link-color: $article-meta-color !default; -$article-meta-link-hover-color: $global-color !default; -$base-code-padding-horizontal: 6px !default; -$base-code-padding-vertical: 2px !default; -$base-code-background: $global-muted-background !default; -$base-blockquote-color: $global-emphasis-color !default; -$base-blockquote-footer-color: $global-color !default; -$base-pre-padding: 10px !default; -$base-pre-background: $global-background !default; -$base-pre-border-width: $global-border-width !default; -$base-pre-border: $global-border !default; -$base-pre-border-radius: 3px !default; -$inverse-base-blockquote-color: $inverse-global-emphasis-color !default; -$inverse-base-blockquote-footer-color: $inverse-global-color !default; -$button-text-transform: uppercase !default; -$button-default-border: $global-border !default; -$button-default-hover-border: darken($global-border, 20%) !default; -$button-default-active-border: darken($global-border, 30%) !default; -$button-disabled-border: $global-border !default; -$button-text-border-width: $global-border-width !default; -$button-text-border: $button-text-hover-color !default; -$card-hover-box-shadow: $global-large-box-shadow !default; -$card-default-box-shadow: $global-medium-box-shadow !default; -$card-default-hover-box-shadow: $global-large-box-shadow !default; -$card-default-header-border-width: $global-border-width !default; -$card-default-header-border: $global-border !default; -$card-default-footer-border-width: $global-border-width !default; -$card-default-footer-border: $global-border !default; -$card-primary-box-shadow: $global-medium-box-shadow !default; -$card-primary-hover-box-shadow: $global-large-box-shadow !default; -$card-secondary-box-shadow: $global-medium-box-shadow !default; -$card-secondary-hover-box-shadow: $global-large-box-shadow !default; -$comment-primary-padding: $global-gutter !default; -$comment-primary-background: $global-muted-background !default; -$description-list-term-font-size: $global-small-font-size !default; -$description-list-term-font-weight: normal !default; -$description-list-term-text-transform: uppercase !default; -$dotnav-item-border-width: 1px !default; -$dotnav-item-border: rgba($global-color, 0.4) !default; -$dotnav-item-hover-border: transparent !default; -$dotnav-item-onclick-border: transparent !default; -$dotnav-item-active-border: transparent !default; -$dropdown-nav-font-size: $global-small-font-size !default; -$dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default; -$form-range-thumb-border-width: $global-border-width !default; -$form-range-thumb-border: darken($global-border, 10%) !default; -$form-range-track-border-radius: 500px !default; -$form-border: $global-border !default; -$form-focus-border: $global-primary-background !default; -$form-disabled-border: $global-border !default; -$form-danger-border: $global-danger-background !default; -$form-success-border: $global-success-background !default; -$form-blank-focus-border: $global-border !default; -$form-blank-focus-border-style: dashed !default; -$form-radio-border-width: $global-border-width !default; -$form-radio-border: darken($global-border, 10%) !default; -$form-radio-focus-border: $global-primary-background !default; -$form-radio-checked-border: transparent !default; -$form-radio-disabled-border: $global-border !default; -$form-label-color: $global-emphasis-color !default; -$form-label-font-size: $global-small-font-size !default; -$inverse-form-label-color: $inverse-global-emphasis-color !default; -$label-border-radius: 2px !default; -$label-text-transform: uppercase !default; -$list-striped-border-width: $global-border-width !default; -$list-striped-border: $global-border !default; -$modal-header-border-width: $global-border-width !default; -$modal-header-border: $global-border !default; -$modal-footer-border-width: $global-border-width !default; -$modal-footer-border: $global-border !default; -$modal-close-full-padding: $global-margin !default; -$modal-close-full-background: $modal-dialog-background !default; -$nav-default-font-size: $global-small-font-size !default; -$navbar-nav-item-text-transform: uppercase !default; -$navbar-dropdown-nav-font-size: $global-small-font-size !default; -$navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default; -$navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default; -$navbar-dropdown-grid-divider-border-width: $global-border-width !default; -$navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default; -$placeholder-border-width: $global-border-width !default; -$placeholder-border: $global-border !default; -$progress-border-radius: 500px !default; -$search-default-border-width: $global-border-width !default; -$search-default-border: $global-border !default; -$subnav-item-font-size: $global-small-font-size !default; -$subnav-item-text-transform: uppercase !default; -$tab-border-width: $global-border-width !default; -$tab-border: $global-border !default; -$tab-item-border-width: $global-border-width !default; -$tab-item-font-size: $global-small-font-size !default; -$tab-item-text-transform: uppercase !default; -$tab-item-active-border: $global-primary-background !default; -$inverse-tab-border: $inverse-global-border !default; -$table-striped-border-width: $global-border-width !default; -$table-striped-border: $global-border !default; -$text-meta-link-color: $text-meta-color !default; -$text-meta-link-hover-color: $global-color !default; -$thumbnav-item-background: rgba($global-background, 0.4) !default; -$thumbnav-item-hover-background: transparent !default; -$thumbnav-item-active-background: transparent !default; \ No newline at end of file diff --git a/docs/_sass/uikit/variables.scss b/docs/_sass/uikit/variables.scss deleted file mode 100644 index 90b5afb..0000000 --- a/docs/_sass/uikit/variables.scss +++ /dev/null @@ -1,986 +0,0 @@ -$global-margin: 20px !default; -$accordion-item-margin-top: $global-margin !default; -$global-medium-font-size: 1.25rem !default; -$accordion-title-font-size: $global-medium-font-size !default; -$accordion-title-line-height: 1.4 !default; -$global-emphasis-color: #333 !default; -$accordion-title-color: $global-emphasis-color !default; -$global-color: #666 !default; -$accordion-title-hover-color: $global-color !default; -$accordion-content-margin-top: $global-margin !default; -$global-inverse-color: #fff !default; -$inverse-global-emphasis-color: $global-inverse-color !default; -$inverse-accordion-title-color: $inverse-global-emphasis-color !default; -$inverse-global-inverse-color: $global-color !default; -$inverse-accordion-title-hover-color: $inverse-global-inverse-color !default; -$global-gutter: 30px !default; -$align-margin-horizontal: $global-gutter !default; -$align-margin-vertical: $global-gutter !default; -$global-medium-gutter: 40px !default; -$align-margin-horizontal-l: $global-medium-gutter !default; -$alert-margin-vertical: $global-margin !default; -$global-small-gutter: 15px !default; -$alert-padding: $global-small-gutter !default; -$alert-padding-right: $alert-padding + 14px !default; -$global-muted-background: #f8f8f8 !default; -$alert-background: $global-muted-background !default; -$alert-color: $global-color !default; -$alert-close-top: $alert-padding + 5px !default; -$alert-close-right: $alert-padding !default; -$global-primary-background: #1e87f0 !default; -$alert-primary-background: lighten(mix(white, $global-primary-background, 40%), 20%) !default; -$alert-primary-color: $global-primary-background !default; -$global-success-background: #32d296 !default; -$alert-success-background: lighten(mix(white, $global-success-background, 40%), 25%) !default; -$alert-success-color: $global-success-background !default; -$global-warning-background: #faa05a !default; -$alert-warning-background: lighten(mix(white, $global-warning-background, 45%), 15%) !default; -$alert-warning-color: $global-warning-background !default; -$global-danger-background: #f0506e !default; -$alert-danger-background: lighten(mix(white, $global-danger-background, 40%), 20%) !default; -$alert-danger-color: $global-danger-background !default; -$global-large-margin: 70px !default; -$article-margin-top: $global-large-margin !default; -$global-xxlarge-font-size: 2.625rem !default; -$article-title-font-size: $global-xxlarge-font-size !default; -$article-title-line-height: 1.2 !default; -$global-small-font-size: 0.875rem !default; -$article-meta-font-size: $global-small-font-size !default; -$article-meta-line-height: 1.4 !default; -$global-muted-color: #999 !default; -$article-meta-color: $global-muted-color !default; -$inverse-global-muted-color: rgba($global-inverse-color, 0.5) !default; -$inverse-article-meta-color: $inverse-global-muted-color !default; -$animation-duration: 0.5s !default; -$animation-fade-duration: 0.8s !default; -$animation-kenburns-duration: 15s !default; -$animation-fast-duration: 0.1s !default; -$animation-slide-small-translate: 10px !default; -$animation-slide-medium-translate: 50px !default; -$global-background: #fff !default; -$background-default-background: $global-background !default; -$background-muted-background: $global-muted-background !default; -$background-primary-background: $global-primary-background !default; -$global-secondary-background: #222 !default; -$background-secondary-background: $global-secondary-background !default; -$badge-size: 22px !default; -$badge-padding-vertical: 0 !default; -$badge-padding-horizontal: 5px !default; -$badge-border-radius: 500px !default; -$badge-background: $global-primary-background !default; -$badge-color: $global-inverse-color !default; -$badge-font-size: $global-small-font-size !default; -$badge-hover-color: $global-inverse-color !default; -$inverse-global-primary-background: $global-inverse-color !default; -$inverse-badge-background: $inverse-global-primary-background !default; -$inverse-badge-color: $inverse-global-inverse-color !default; -$inverse-badge-hover-color: $inverse-global-inverse-color !default; -$base-body-background: $global-background !default; -$global-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default; -$base-body-font-family: $global-font-family !default; -$base-body-font-weight: normal !default; -$global-font-size: 16px !default; -$base-body-font-size: $global-font-size !default; -$global-line-height: 1.5 !default; -$base-body-line-height: $global-line-height !default; -$base-body-color: $global-color !default; -$global-link-color: #1e87f0 !default; -$base-link-color: $global-link-color !default; -$base-link-text-decoration: none !default; -$global-link-hover-color: #0f6ecd !default; -$base-link-hover-color: $global-link-hover-color !default; -$base-link-hover-text-decoration: underline !default; -$base-strong-font-weight: bolder !default; -$base-code-font-size: $global-small-font-size !default; -$base-code-font-family: Consolas, monaco, monospace !default; -$base-code-color: $global-danger-background !default; -$base-em-color: $global-danger-background !default; -$base-ins-background: #ffd !default; -$base-ins-color: $global-color !default; -$base-mark-background: #ffd !default; -$base-mark-color: $global-color !default; -$base-quote-font-style: italic !default; -$base-small-font-size: 80% !default; -$base-margin-vertical: $global-margin !default; -$base-heading-font-family: $global-font-family !default; -$base-heading-font-weight: normal !default; -$base-heading-color: $global-emphasis-color !default; -$base-heading-text-transform: none !default; -$global-medium-margin: 40px !default; -$base-heading-margin-top: $global-medium-margin !default; -$base-h1-font-size: $global-xxlarge-font-size !default; -$base-h1-line-height: 1.2 !default; -$global-xlarge-font-size: 2rem !default; -$base-h2-font-size: $global-xlarge-font-size !default; -$base-h2-line-height: 1.3 !default; -$global-large-font-size: 1.5rem !default; -$base-h3-font-size: $global-large-font-size !default; -$base-h3-line-height: 1.4 !default; -$base-h4-font-size: $global-medium-font-size !default; -$base-h4-line-height: 1.4 !default; -$base-h5-font-size: $global-font-size !default; -$base-h5-line-height: 1.4 !default; -$base-h6-font-size: $global-small-font-size !default; -$base-h6-line-height: 1.4 !default; -$base-list-padding-left: 30px !default; -$base-hr-margin-vertical: $global-margin !default; -$global-border-width: 1px !default; -$base-hr-border-width: $global-border-width !default; -$global-border: #e5e5e5 !default; -$base-hr-border: $global-border !default; -$base-blockquote-font-size: $global-medium-font-size !default; -$base-blockquote-line-height: 1.5 !default; -$base-blockquote-font-style: italic !default; -$base-blockquote-margin-vertical: $global-margin !default; -$global-small-margin: 10px !default; -$base-blockquote-footer-margin-top: $global-small-margin !default; -$base-blockquote-footer-font-size: $global-small-font-size !default; -$base-blockquote-footer-line-height: 1.5 !default; -$base-pre-font-size: $global-small-font-size !default; -$base-pre-line-height: 1.5 !default; -$base-pre-font-family: $base-code-font-family !default; -$base-pre-color: $global-color !default; -$base-selection-background: #39f !default; -$base-selection-color: $global-inverse-color !default; -$inverse-global-color: rgba($global-inverse-color, 0.7) !default; -$inverse-base-color: $inverse-global-color !default; -$inverse-base-link-color: $inverse-global-emphasis-color !default; -$inverse-base-link-hover-color: $inverse-global-emphasis-color !default; -$inverse-base-code-color: $inverse-global-color !default; -$inverse-base-em-color: $inverse-global-emphasis-color !default; -$inverse-base-heading-color: $inverse-global-emphasis-color !default; -$inverse-global-border: rgba($global-inverse-color, 0.2) !default; -$inverse-base-hr-border: $inverse-global-border !default; -$breadcrumb-item-font-size: $global-small-font-size !default; -$breadcrumb-item-color: $global-muted-color !default; -$breadcrumb-item-hover-color: $global-color !default; -$breadcrumb-item-hover-text-decoration: none !default; -$breadcrumb-item-active-color: $global-color !default; -$breadcrumb-divider: "/" !default; -$breadcrumb-divider-margin-horizontal: 20px !default; -$breadcrumb-divider-color: $global-muted-color !default; -$inverse-breadcrumb-item-color: $inverse-global-muted-color !default; -$inverse-breadcrumb-item-hover-color: $inverse-global-color !default; -$inverse-breadcrumb-item-active-color: $inverse-global-color !default; -$inverse-breadcrumb-divider-color: $inverse-global-muted-color !default; -$global-control-height: 40px !default; -$button-line-height: $global-control-height !default; -$global-control-small-height: 30px !default; -$button-small-line-height: $global-control-small-height !default; -$global-control-large-height: 55px !default; -$button-large-line-height: $global-control-large-height !default; -$button-font-size: $global-font-size !default; -$button-small-font-size: $global-small-font-size !default; -$button-large-font-size: $global-medium-font-size !default; -$button-padding-horizontal: $global-gutter !default; -$button-small-padding-horizontal: $global-small-gutter !default; -$button-large-padding-horizontal: $global-medium-gutter !default; -$button-default-background: $global-muted-background !default; -$button-default-color: $global-emphasis-color !default; -$button-default-hover-background: darken($button-default-background, 5%) !default; -$button-default-hover-color: $global-emphasis-color !default; -$button-default-active-background: darken($button-default-background, 10%) !default; -$button-default-active-color: $global-emphasis-color !default; -$button-primary-background: $global-primary-background !default; -$button-primary-color: $global-inverse-color !default; -$button-primary-hover-background: darken($button-primary-background, 5%) !default; -$button-primary-hover-color: $global-inverse-color !default; -$button-primary-active-background: darken($button-primary-background, 10%) !default; -$button-primary-active-color: $global-inverse-color !default; -$button-secondary-background: $global-secondary-background !default; -$button-secondary-color: $global-inverse-color !default; -$button-secondary-hover-background: darken($button-secondary-background, 5%) !default; -$button-secondary-hover-color: $global-inverse-color !default; -$button-secondary-active-background: darken($button-secondary-background, 10%) !default; -$button-secondary-active-color: $global-inverse-color !default; -$button-danger-background: $global-danger-background !default; -$button-danger-color: $global-inverse-color !default; -$button-danger-hover-background: darken($button-danger-background, 5%) !default; -$button-danger-hover-color: $global-inverse-color !default; -$button-danger-active-background: darken($button-danger-background, 10%) !default; -$button-danger-active-color: $global-inverse-color !default; -$button-disabled-background: $global-muted-background !default; -$button-disabled-color: $global-muted-color !default; -$button-text-line-height: $global-line-height !default; -$button-text-color: $global-muted-color !default; -$button-text-hover-color: $global-color !default; -$button-text-disabled-color: $global-muted-color !default; -$button-link-line-height: $global-line-height !default; -$button-link-color: $global-link-color !default; -$button-link-hover-color: $global-link-hover-color !default; -$button-link-hover-text-decoration: underline !default; -$button-link-disabled-color: $global-muted-color !default; -$inverse-button-default-background: $inverse-global-primary-background !default; -$inverse-button-default-color: $inverse-global-inverse-color !default; -$inverse-button-default-hover-background: darken($inverse-button-default-background, 5%) !default; -$inverse-button-default-hover-color: $inverse-global-inverse-color !default; -$inverse-button-default-active-background: darken($inverse-button-default-background, 10%) !default; -$inverse-button-default-active-color: $inverse-global-inverse-color !default; -$inverse-button-primary-background: $inverse-global-primary-background !default; -$inverse-button-primary-color: $inverse-global-inverse-color !default; -$inverse-button-primary-hover-background: darken($inverse-button-primary-background, 5%) !default; -$inverse-button-primary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-primary-active-background: darken($inverse-button-primary-background, 10%) !default; -$inverse-button-primary-active-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-background: $inverse-global-primary-background !default; -$inverse-button-secondary-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-hover-background: darken($inverse-button-secondary-background, 5%) !default; -$inverse-button-secondary-hover-color: $inverse-global-inverse-color !default; -$inverse-button-secondary-active-background: darken($inverse-button-secondary-background, 10%) !default; -$inverse-button-secondary-active-color: $inverse-global-inverse-color !default; -$inverse-button-text-color: $inverse-global-muted-color !default; -$inverse-button-text-hover-color: $inverse-global-color !default; -$inverse-button-text-disabled-color: $inverse-global-muted-color !default; -$inverse-button-link-color: $inverse-global-muted-color !default; -$inverse-button-link-hover-color: $inverse-global-color !default; -$card-body-padding-horizontal: $global-gutter !default; -$card-body-padding-vertical: $global-gutter !default; -$card-body-padding-horizontal-l: $global-medium-gutter !default; -$card-body-padding-vertical-l: $global-medium-gutter !default; -$card-header-padding-horizontal: $global-gutter !default; -$card-header-padding-vertical: round($global-gutter / 2) !default; -$card-header-padding-horizontal-l: $global-medium-gutter !default; -$card-header-padding-vertical-l: round($global-medium-gutter / 2) !default; -$card-footer-padding-horizontal: $global-gutter !default; -$card-footer-padding-vertical: ($global-gutter / 2) !default; -$card-footer-padding-horizontal-l: $global-medium-gutter !default; -$card-footer-padding-vertical-l: round($global-medium-gutter / 2) !default; -$card-title-font-size: $global-large-font-size !default; -$card-title-line-height: 1.4 !default; -$card-badge-top: $global-gutter !default; -$card-badge-right: $card-badge-top !default; -$card-hover-background: $global-muted-background !default; -$card-default-background: $global-muted-background !default; -$card-default-color: $global-color !default; -$card-default-title-color: $global-emphasis-color !default; -$card-default-hover-background: darken($card-default-background, 5%) !default; -$card-primary-background: $global-primary-background !default; -$card-primary-color: $global-inverse-color !default; -$card-primary-title-color: $card-primary-color !default; -$card-primary-hover-background: darken($card-primary-background, 5%) !default; -$card-primary-color-mode: light !default; -$card-secondary-background: $global-secondary-background !default; -$card-secondary-color: $global-inverse-color !default; -$card-secondary-title-color: $card-secondary-color !default; -$card-secondary-hover-background: darken($card-secondary-background, 5%) !default; -$card-secondary-color-mode: light !default; -$card-small-body-padding-horizontal: $global-margin !default; -$card-small-body-padding-vertical: $global-margin !default; -$card-small-header-padding-horizontal: $global-margin !default; -$card-small-header-padding-vertical: round($global-margin / 1.5) !default; -$card-small-footer-padding-horizontal: $global-margin !default; -$card-small-footer-padding-vertical: round($global-margin / 1.5) !default; -$global-large-gutter: 70px !default; -$card-large-body-padding-horizontal-l: $global-large-gutter !default; -$card-large-body-padding-vertical-l: $global-large-gutter !default; -$card-large-header-padding-horizontal-l: $global-large-gutter !default; -$card-large-header-padding-vertical-l: round($global-large-gutter / 2) !default; -$card-large-footer-padding-horizontal-l: $global-large-gutter !default; -$card-large-footer-padding-vertical-l: round($global-large-gutter / 2) !default; -$close-color: $global-muted-color !default; -$close-hover-color: $global-color !default; -$inverse-close-color: $inverse-global-muted-color !default; -$inverse-close-hover-color: $inverse-global-color !default; -$column-gutter: $global-gutter !default; -$column-gutter-l: $global-medium-gutter !default; -$column-divider-rule-color: $global-border !default; -$column-divider-rule-width: 1px !default; -$inverse-column-divider-rule-color: $inverse-global-border !default; -$comment-header-margin-bottom: $global-margin !default; -$comment-title-font-size: $global-medium-font-size !default; -$comment-title-line-height: 1.4 !default; -$comment-meta-font-size: $global-small-font-size !default; -$comment-meta-line-height: 1.4 !default; -$comment-meta-color: $global-muted-color !default; -$comment-list-margin-top: $global-large-margin !default; -$comment-list-padding-left: 30px !default; -$comment-list-padding-left-m: 100px !default; -$container-max-width: 1200px !default; -$container-small-max-width: 900px !default; -$container-large-max-width: 1600px !default; -$container-padding-horizontal: 15px !default; -$container-padding-horizontal-s: $global-gutter !default; -$container-padding-horizontal-m: $global-medium-gutter !default; -$countdown-item-line-height: 70px !default; -$countdown-number-font-size: 2rem !default; -$countdown-number-font-size-s: 4rem !default; -$countdown-number-font-size-m: 6rem !default; -$countdown-separator-font-size: 1rem !default; -$countdown-separator-font-size-s: 2rem !default; -$countdown-separator-font-size-m: 3rem !default; -$description-list-term-color: $global-emphasis-color !default; -$description-list-term-margin-top: $global-margin !default; -$description-list-divider-term-margin-top: $global-margin !default; -$description-list-divider-term-border-width: $global-border-width !default; -$description-list-divider-term-border: $global-border !default; -$divider-margin-vertical: $global-margin !default; -$divider-icon-width: 50px !default; -$divider-icon-height: 20px !default; -$divider-icon-color: $global-border !default; -$divider-icon-line-top: 50% !default; -$divider-icon-line-width: 100% !default; -$divider-icon-line-border-width: $global-border-width !default; -$divider-icon-line-border: $global-border !default; -$internal-divider-icon-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$divider-small-width: 100px !default; -$divider-small-border-width: $global-border-width !default; -$divider-small-border: $global-border !default; -$inverse-divider-icon-color: $inverse-global-border !default; -$inverse-divider-icon-line-border: $inverse-global-border !default; -$inverse-divider-small-border: $inverse-global-border !default; -$dotnav-margin-horizontal: 12px !default; -$dotnav-margin-vertical: $dotnav-margin-horizontal !default; -$dotnav-item-width: 10px !default; -$dotnav-item-height: $dotnav-item-width !default; -$dotnav-item-border-radius: 50% !default; -$dotnav-item-background: rgba($global-color, 0.2) !default; -$dotnav-item-hover-background: rgba($global-color, 0.6) !default; -$dotnav-item-onclick-background: rgba($global-color, 0.2) !default; -$dotnav-item-active-background: rgba($global-color, 0.6) !default; -$inverse-dotnav-item-background: rgba($inverse-global-color, 0.5) !default; -$inverse-dotnav-item-hover-background: rgba($inverse-global-color, 0.9) !default; -$inverse-dotnav-item-onclick-background: rgba($inverse-global-color, 0.5) !default; -$inverse-dotnav-item-active-background: rgba($inverse-global-color, 0.9) !default; -$global-z-index: 1000 !default; -$drop-z-index: $global-z-index + 20 !default; -$drop-width: 300px !default; -$drop-margin: $global-margin !default; -$dropdown-z-index: $global-z-index + 20 !default; -$dropdown-min-width: 200px !default; -$dropdown-padding: 15px !default; -$dropdown-background: $global-muted-background !default; -$dropdown-color: $global-color !default; -$dropdown-margin: $global-small-margin !default; -$dropdown-nav-item-color: $global-muted-color !default; -$dropdown-nav-item-hover-color: $global-color !default; -$dropdown-nav-header-color: $global-emphasis-color !default; -$dropdown-nav-divider-border-width: $global-border-width !default; -$dropdown-nav-divider-border: $global-border !default; -$dropdown-nav-sublist-item-color: $global-muted-color !default; -$dropdown-nav-sublist-item-hover-color: $global-color !default; -$form-range-thumb-height: 15px !default; -$form-range-thumb-border-radius: 500px !default; -$form-range-thumb-background: $global-color !default; -$form-range-track-height: 3px !default; -$form-range-track-background: darken($global-muted-background, 5%) !default; -$form-range-track-focus-background: darken($global-muted-background, 15%) !default; -$form-height: $global-control-height !default; -$form-line-height: $form-height !default; -$form-padding-horizontal: 10px !default; -$form-padding-vertical: 4px !default; -$form-background: $global-muted-background !default; -$form-color: $global-color !default; -$form-focus-background: $global-muted-background !default; -$form-focus-color: $global-color !default; -$form-disabled-background: $global-muted-background !default; -$form-disabled-color: $global-muted-color !default; -$form-placeholder-color: $global-muted-color !default; -$form-small-height: $global-control-small-height !default; -$form-small-padding-horizontal: 8px !default; -$form-small-line-height: $form-small-height !default; -$form-small-font-size: $global-small-font-size !default; -$form-large-height: $global-control-large-height !default; -$form-large-padding-horizontal: 12px !default; -$form-large-line-height: $form-large-height !default; -$form-large-font-size: $global-medium-font-size !default; -$form-danger-color: $global-danger-background !default; -$form-success-color: $global-success-background !default; -$form-width-xsmall: 50px !default; -$form-width-small: 130px !default; -$form-width-medium: 200px !default; -$form-width-large: 500px !default; -$form-select-padding-right: 20px !default; -$form-select-icon-color: $global-color !default; -$form-select-disabled-icon-color: $global-muted-color !default; -$form-radio-size: 16px !default; -$form-radio-margin-top: -4px !default; -$form-radio-background: darken($global-muted-background, 5%) !default; -$form-radio-checked-background: $global-primary-background !default; -$form-radio-checked-icon-color: $global-inverse-color !default; -$form-radio-checked-focus-background: darken($global-primary-background, 10%) !default; -$form-radio-disabled-background: $global-muted-background !default; -$form-radio-disabled-icon-color: $global-muted-color !default; -$form-legend-font-size: $global-large-font-size !default; -$form-legend-line-height: 1.4 !default; -$form-stacked-margin-bottom: $global-small-margin !default; -$form-horizontal-label-width: 200px !default; -$form-horizontal-label-margin-top: 7px !default; -$form-horizontal-controls-margin-left: 215px !default; -$form-horizontal-controls-text-padding-top: 7px !default; -$form-icon-width: $form-height !default; -$form-icon-font-size: $global-font-size !default; -$form-icon-color: $global-muted-color !default; -$form-icon-hover-color: $global-color !default; -$internal-form-select-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-radio-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-form-checkbox-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22#000%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A" !default; -$internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default; -$inverse-form-background: $inverse-global-muted-background !default; -$inverse-form-color: $inverse-global-color !default; -$inverse-form-focus-background: $inverse-global-muted-background !default; -$inverse-form-focus-color: $inverse-global-color !default; -$inverse-form-placeholder-color: $inverse-global-muted-color !default; -$inverse-form-select-icon-color: $inverse-global-color !default; -$inverse-form-radio-background: darken($inverse-global-muted-background, 5%) !default; -$inverse-form-radio-checked-background: $inverse-global-primary-background !default; -$inverse-form-radio-checked-icon-color: $inverse-global-inverse-color !default; -$inverse-form-radio-checked-focus-background: darken($inverse-global-primary-background, 10%) !default; -$grid-gutter-horizontal: $global-gutter !default; -$grid-gutter-vertical: $grid-gutter-horizontal !default; -$grid-gutter-horizontal-l: $global-medium-gutter !default; -$grid-gutter-vertical-l: $grid-gutter-horizontal-l !default; -$grid-small-gutter-horizontal: $global-small-gutter !default; -$grid-small-gutter-vertical: $grid-small-gutter-horizontal !default; -$grid-medium-gutter-horizontal: $global-gutter !default; -$grid-medium-gutter-vertical: $grid-medium-gutter-horizontal !default; -$grid-large-gutter-horizontal: $global-medium-gutter !default; -$grid-large-gutter-vertical: $grid-large-gutter-horizontal !default; -$grid-large-gutter-horizontal-l: $global-large-gutter !default; -$grid-large-gutter-vertical-l: $grid-large-gutter-horizontal-l !default; -$grid-divider-border-width: $global-border-width !default; -$grid-divider-border: $global-border !default; -$inverse-grid-divider-border: $inverse-global-border !default; -$heading-primary-font-size: $global-xxlarge-font-size !default; -$heading-primary-line-height: 1.2 !default; -$heading-primary-font-size-m: 3.75rem !default; -$heading-primary-line-height-m: 1.1 !default; -$heading-hero-font-size: 4rem !default; -$heading-hero-line-height: 1.1 !default; -$heading-hero-font-size-s: 6rem !default; -$heading-hero-line-height-s: 1 !default; -$heading-hero-font-size-m: 8rem !default; -$heading-hero-line-height-m: 1 !default; -$heading-divider-padding-bottom: 10px !default; -$heading-divider-border-width: $global-border-width !default; -$heading-divider-border: $global-border !default; -$heading-bullet-top: unquote('calc(-0.1 * 1em)') !default; -$heading-bullet-height: 0.9em !default; -$heading-bullet-margin-right: 10px !default; -$heading-bullet-border-width: 5px !default; -$heading-bullet-border: $global-border !default; -$heading-line-top: 50% !default; -$heading-line-border-width: $global-border-width !default; -$heading-line-height: $heading-line-border-width !default; -$heading-line-width: 2000px !default; -$heading-line-border: $global-border !default; -$heading-line-margin-horizontal: 0.6em !default; -$inverse-heading-divider-border: $inverse-global-border !default; -$inverse-heading-bullet-border: $inverse-global-border !default; -$inverse-heading-line-border: $inverse-global-border !default; -$icon-image-size: 20px !default; -$icon-link-color: $global-muted-color !default; -$icon-link-hover-color: $global-color !default; -$icon-link-active-color: darken($global-color, 5%) !default; -$icon-button-size: 36px !default; -$icon-button-border-radius: 500px !default; -$icon-button-background: $global-muted-background !default; -$icon-button-color: $global-muted-color !default; -$icon-button-hover-background: darken($icon-button-background, 5%) !default; -$icon-button-hover-color: $global-color !default; -$icon-button-active-background: darken($icon-button-background, 10%) !default; -$icon-button-active-color: $global-color !default; -$inverse-icon-link-color: $inverse-global-muted-color !default; -$inverse-icon-link-hover-color: $inverse-global-color !default; -$inverse-icon-link-active-color: $inverse-global-color !default; -$inverse-icon-button-background: $inverse-global-muted-background !default; -$inverse-icon-button-color: $inverse-global-muted-color !default; -$inverse-icon-button-hover-background: darken($inverse-icon-button-background, 5%) !default; -$inverse-icon-button-hover-color: $inverse-global-color !default; -$inverse-icon-button-active-background: darken($inverse-icon-button-background, 10%) !default; -$inverse-icon-button-active-color: $inverse-global-color !default; -$iconnav-margin-horizontal: $global-small-margin !default; -$iconnav-margin-vertical: $iconnav-margin-horizontal !default; -$iconnav-item-color: $global-muted-color !default; -$iconnav-item-hover-color: $global-color !default; -$iconnav-item-active-color: $global-color !default; -$inverse-iconnav-item-color: $inverse-global-muted-color !default; -$inverse-iconnav-item-hover-color: $inverse-global-color !default; -$inverse-iconnav-item-active-color: $inverse-global-color !default; -$inverse-global-color-mode: light !default; -$label-padding-vertical: 0 !default; -$label-padding-horizontal: $global-small-margin !default; -$label-background: $global-primary-background !default; -$label-line-height: $global-line-height !default; -$label-font-size: $global-small-font-size !default; -$label-color: $global-inverse-color !default; -$label-success-background: $global-success-background !default; -$label-success-color: $global-inverse-color !default; -$label-warning-background: $global-warning-background !default; -$label-warning-color: $global-inverse-color !default; -$label-danger-background: $global-danger-background !default; -$label-danger-color: $global-inverse-color !default; -$inverse-label-background: $inverse-global-primary-background !default; -$inverse-label-color: $inverse-global-inverse-color !default; -$lightbox-z-index: $global-z-index + 10 !default; -$lightbox-background: #000 !default; -$lightbox-item-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-padding-vertical: 10px !default; -$lightbox-toolbar-padding-horizontal: 10px !default; -$lightbox-toolbar-background: rgba(0,0,0,0.3) !default; -$lightbox-toolbar-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-icon-padding: 5px !default; -$lightbox-toolbar-icon-color: rgba(255,255,255,0.7) !default; -$lightbox-toolbar-icon-hover-color: #fff !default; -$lightbox-button-size: 50px !default; -$lightbox-button-background: $lightbox-toolbar-background !default; -$lightbox-button-color: rgba(255,255,255,0.7) !default; -$lightbox-button-hover-color: #fff !default; -$link-muted-color: $global-muted-color !default; -$link-muted-hover-color: $global-color !default; -$link-text-hover-color: $global-muted-color !default; -$link-heading-hover-color: $global-primary-background !default; -$link-heading-hover-text-decoration: none !default; -$inverse-link-muted-color: $inverse-global-muted-color !default; -$inverse-link-muted-hover-color: $inverse-global-color !default; -$inverse-link-text-hover-color: $inverse-global-muted-color !default; -$inverse-link-heading-hover-color: $inverse-global-primary-background !default; -$list-margin-top: $global-small-margin !default; -$list-nested-padding-left: $global-gutter !default; -$list-divider-margin-top: $global-small-margin !default; -$list-divider-border-width: $global-border-width !default; -$list-divider-border: $global-border !default; -$list-striped-padding-vertical: $global-small-margin !default; -$list-striped-padding-horizontal: $global-small-margin !default; -$list-striped-background: $global-muted-background !default; -$list-bullet-width: ($global-line-height * 1em) !default; -$list-bullet-height: $list-bullet-width !default; -$list-bullet-margin-right: $global-small-margin !default; -$list-bullet-icon-color: $global-color !default; -$list-large-margin-top: $global-margin !default; -$list-large-divider-margin-top: $global-margin !default; -$list-large-striped-padding-vertical: $global-margin !default; -$list-large-striped-padding-horizontal: $global-small-margin !default; -$internal-list-bullet-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22#000%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-list-divider-border: $inverse-global-border !default; -$inverse-list-striped-background: $inverse-global-muted-background !default; -$inverse-list-bullet-icon-color: $inverse-global-color !default; -$margin-margin: $global-margin !default; -$margin-small-margin: $global-small-margin !default; -$margin-medium-margin: $global-medium-margin !default; -$margin-large-margin: $global-medium-margin !default; -$margin-large-margin-l: $global-large-margin !default; -$margin-xlarge-margin: $global-large-margin !default; -$global-xlarge-margin: 140px !default; -$margin-xlarge-margin-l: $global-xlarge-margin !default; -$marker-padding: 5px !default; -$marker-background: $global-secondary-background !default; -$marker-color: $global-inverse-color !default; -$marker-hover-color: $global-inverse-color !default; -$inverse-marker-background: $global-muted-background !default; -$inverse-marker-color: $global-color !default; -$inverse-marker-hover-color: $global-color !default; -$modal-z-index: $global-z-index + 10 !default; -$modal-background: rgba(0,0,0,0.6) !default; -$modal-padding-horizontal: 15px !default; -$modal-padding-horizontal-s: $global-gutter !default; -$modal-padding-horizontal-m: $global-medium-gutter !default; -$modal-padding-vertical: $modal-padding-horizontal !default; -$modal-padding-vertical-s: 50px !default; -$modal-dialog-width: 600px !default; -$modal-dialog-background: $global-background !default; -$modal-container-width: 1200px !default; -$modal-body-padding-horizontal: $global-gutter !default; -$modal-body-padding-vertical: $global-gutter !default; -$modal-header-padding-horizontal: $global-gutter !default; -$modal-header-padding-vertical: ($modal-header-padding-horizontal / 2) !default; -$modal-header-background: $global-muted-background !default; -$modal-footer-padding-horizontal: $global-gutter !default; -$modal-footer-padding-vertical: ($modal-footer-padding-horizontal / 2) !default; -$modal-footer-background: $global-muted-background !default; -$modal-title-font-size: $global-xlarge-font-size !default; -$modal-title-line-height: 1.3 !default; -$modal-close-position: $global-small-margin !default; -$modal-close-padding: 5px !default; -$modal-close-outside-position: 0 !default; -$modal-close-outside-translate: 100% !default; -$modal-close-outside-color: lighten($global-inverse-color, 20%) !default; -$modal-close-outside-hover-color: $global-inverse-color !default; -$nav-item-padding-vertical: 5px !default; -$nav-item-padding-horizontal: 0 !default; -$nav-sublist-padding-vertical: 5px !default; -$nav-sublist-padding-left: 15px !default; -$nav-sublist-deeper-padding-left: 15px !default; -$nav-sublist-item-padding-vertical: 2px !default; -$nav-parent-icon-width: ($global-line-height * 1em) !default; -$nav-parent-icon-height: $nav-parent-icon-width !default; -$nav-parent-icon-color: $global-color !default; -$nav-header-padding-vertical: $nav-item-padding-vertical !default; -$nav-header-padding-horizontal: $nav-item-padding-horizontal !default; -$nav-header-font-size: $global-small-font-size !default; -$nav-header-text-transform: uppercase !default; -$nav-header-margin-top: $global-margin !default; -$nav-divider-margin-vertical: 5px !default; -$nav-divider-margin-horizontal: 0 !default; -$nav-default-item-color: $global-muted-color !default; -$nav-default-item-hover-color: $global-color !default; -$nav-default-item-active-color: $global-emphasis-color !default; -$nav-default-header-color: $global-emphasis-color !default; -$nav-default-divider-border-width: $global-border-width !default; -$nav-default-divider-border: $global-border !default; -$nav-default-sublist-item-color: $global-muted-color !default; -$nav-default-sublist-item-hover-color: $global-color !default; -$nav-primary-item-font-size: $global-large-font-size !default; -$nav-primary-item-line-height: $global-line-height !default; -$nav-primary-item-color: $global-muted-color !default; -$nav-primary-item-hover-color: $global-color !default; -$nav-primary-item-active-color: $global-emphasis-color !default; -$nav-primary-header-color: $global-emphasis-color !default; -$nav-primary-divider-border-width: $global-border-width !default; -$nav-primary-divider-border: $global-border !default; -$nav-primary-sublist-item-color: $global-muted-color !default; -$nav-primary-sublist-item-hover-color: $global-color !default; -$internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default; -$inverse-nav-parent-icon-color: $inverse-global-color !default; -$inverse-nav-default-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-item-hover-color: $inverse-global-color !default; -$inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-default-divider-border: $inverse-global-border !default; -$inverse-nav-default-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-default-sublist-item-hover-color: $inverse-global-color !default; -$inverse-nav-primary-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-item-hover-color: $inverse-global-color !default; -$inverse-nav-primary-item-active-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-header-color: $inverse-global-emphasis-color !default; -$inverse-nav-primary-divider-border: $inverse-global-border !default; -$inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default; -$inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default; -$navbar-background: $global-muted-background !default; -$navbar-color-mode: none !default; -$navbar-nav-item-height: 80px !default; -$navbar-nav-item-padding-horizontal: 15px !default; -$navbar-nav-item-color: $global-muted-color !default; -$navbar-nav-item-font-size: $global-font-size !default; -$navbar-nav-item-font-family: $global-font-family !default; -$navbar-nav-item-hover-color: $global-color !default; -$navbar-nav-item-onclick-color: $global-emphasis-color !default; -$navbar-nav-item-active-color: $global-emphasis-color !default; -$navbar-item-color: $global-color !default; -$navbar-toggle-color: $global-muted-color !default; -$navbar-toggle-hover-color: $global-color !default; -$navbar-subtitle-font-size: $global-small-font-size !default; -$navbar-dropdown-z-index: $global-z-index + 20 !default; -$navbar-dropdown-width: 200px !default; -$navbar-dropdown-margin: 0 !default; -$navbar-dropdown-padding: 15px !default; -$navbar-dropdown-background: $global-muted-background !default; -$navbar-dropdown-color: $global-color !default; -$navbar-dropdown-grid-gutter-horizontal: $global-gutter !default; -$navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default; -$navbar-dropdown-dropbar-margin-top: 0 !default; -$navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default; -$navbar-dropdown-nav-item-color: $global-muted-color !default; -$navbar-dropdown-nav-item-hover-color: $global-color !default; -$navbar-dropdown-nav-item-active-color: $global-emphasis-color !default; -$navbar-dropdown-nav-header-color: $global-emphasis-color !default; -$navbar-dropdown-nav-divider-border-width: $global-border-width !default; -$navbar-dropdown-nav-divider-border: $global-border !default; -$navbar-dropdown-nav-sublist-item-color: $global-muted-color !default; -$navbar-dropdown-nav-sublist-item-hover-color: $global-color !default; -$navbar-dropbar-background: $navbar-dropdown-background !default; -$navbar-dropbar-z-index: $global-z-index - 20 !default; -$inverse-navbar-nav-item-color: $inverse-global-muted-color !default; -$inverse-navbar-nav-item-hover-color: $inverse-global-color !default; -$inverse-navbar-nav-item-onclick-color: $inverse-global-emphasis-color !default; -$inverse-navbar-nav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-navbar-item-color: $inverse-global-color !default; -$inverse-navbar-toggle-color: $inverse-global-muted-color !default; -$inverse-navbar-toggle-hover-color: $inverse-global-color !default; -$notification-position: 10px !default; -$notification-z-index: $global-z-index + 40 !default; -$notification-width: 350px !default; -$notification-message-margin-bottom: 10px !default; -$notification-message-padding: $global-small-gutter !default; -$notification-message-background: $global-muted-background !default; -$notification-message-color: $global-color !default; -$notification-message-font-size: $global-medium-font-size !default; -$notification-message-line-height: 1.4 !default; -$notification-close-top: $notification-message-padding + 5px !default; -$notification-close-right: $notification-message-padding !default; -$notification-message-primary-color: $global-primary-background !default; -$notification-message-success-color: $global-success-background !default; -$notification-message-warning-color: $global-warning-background !default; -$notification-message-danger-color: $global-danger-background !default; -$offcanvas-z-index: $global-z-index !default; -$offcanvas-bar-width: 270px !default; -$offcanvas-bar-padding-vertical: $global-margin !default; -$offcanvas-bar-padding-horizontal: $global-margin !default; -$offcanvas-bar-background: $global-secondary-background !default; -$offcanvas-bar-color-mode: light !default; -$offcanvas-bar-width-m: 350px !default; -$offcanvas-bar-padding-vertical-m: $global-medium-gutter !default; -$offcanvas-bar-padding-horizontal-m: $global-medium-gutter !default; -$offcanvas-close-position: 20px !default; -$offcanvas-close-padding: 5px !default; -$offcanvas-overlay-background: rgba(0,0,0,0.1) !default; -$overlay-padding-horizontal: $global-gutter !default; -$overlay-padding-vertical: $global-gutter !default; -$overlay-default-background: rgba($global-background, 0.8) !default; -$overlay-primary-background: rgba($global-secondary-background, 0.8) !default; -$overlay-primary-color-mode: light !default; -$padding-padding: $global-gutter !default; -$padding-padding-l: $global-medium-gutter !default; -$padding-small-padding: $global-small-gutter !default; -$padding-large-padding: $global-gutter !default; -$padding-large-padding-l: $global-large-gutter !default; -$pagination-margin-horizontal: 20px !default; -$pagination-item-color: $global-muted-color !default; -$pagination-item-hover-color: $global-color !default; -$pagination-item-hover-text-decoration: none !default; -$pagination-item-active-color: $global-color !default; -$pagination-item-disabled-color: $global-muted-color !default; -$inverse-pagination-item-color: $inverse-global-muted-color !default; -$inverse-pagination-item-hover-color: $inverse-global-color !default; -$inverse-pagination-item-active-color: $inverse-global-color !default; -$inverse-pagination-item-disabled-color: $inverse-global-muted-color !default; -$placeholder-margin-vertical: $global-margin !default; -$placeholder-padding-vertical: $global-gutter !default; -$placeholder-padding-horizontal: $global-gutter !default; -$placeholder-background: $global-muted-background !default; -$position-small-margin: $global-small-gutter !default; -$position-medium-margin: $global-gutter !default; -$position-large-margin: $global-gutter !default; -$position-large-margin-l: 50px !default; -$progress-height: 15px !default; -$progress-margin-vertical: $global-margin !default; -$progress-background: $global-muted-background !default; -$progress-bar-background: $global-primary-background !default; -$search-color: $global-color !default; -$search-placeholder-color: $global-muted-color !default; -$search-icon-color: $global-muted-color !default; -$search-default-width: 180px !default; -$search-default-height: $global-control-height !default; -$search-default-padding-horizontal: 6px !default; -$search-default-background: $global-muted-background !default; -$search-default-focus-background: $search-default-background !default; -$search-default-icon-width: $global-control-height !default; -$search-navbar-width: 400px !default; -$search-navbar-height: 40px !default; -$search-navbar-background: transparent !default; -$search-navbar-font-size: $global-large-font-size !default; -$search-navbar-icon-width: 40px !default; -$search-large-width: 500px !default; -$search-large-height: 80px !default; -$search-large-background: transparent !default; -$search-large-font-size: $global-xxlarge-font-size !default; -$search-large-icon-width: 80px !default; -$search-toggle-color: $global-muted-color !default; -$search-toggle-hover-color: $global-color !default; -$inverse-search-color: $inverse-global-color !default; -$inverse-search-placeholder-color: $inverse-global-muted-color !default; -$inverse-search-icon-color: $inverse-global-muted-color !default; -$inverse-search-default-background: $inverse-global-muted-background !default; -$inverse-search-default-focus-background: $inverse-search-default-background !default; -$inverse-search-navbar-background: transparent !default; -$inverse-search-large-background: transparent !default; -$inverse-search-toggle-color: $inverse-global-muted-color !default; -$inverse-search-toggle-hover-color: $inverse-global-color !default; -$section-padding-vertical: $global-medium-margin !default; -$section-padding-vertical-m: $global-large-margin !default; -$section-xsmall-padding-vertical: $global-margin !default; -$section-small-padding-vertical: $global-medium-margin !default; -$section-large-padding-vertical: $global-large-margin !default; -$section-large-padding-vertical-m: $global-xlarge-margin !default; -$section-xlarge-padding-vertical: $global-xlarge-margin !default; -$section-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; -$section-default-background: $global-background !default; -$section-muted-background: $global-muted-background !default; -$section-primary-background: $global-primary-background !default; -$section-primary-color-mode: light !default; -$section-secondary-background: $global-secondary-background !default; -$section-secondary-color-mode: light !default; -$slidenav-padding-vertical: 5px !default; -$slidenav-padding-horizontal: 10px !default; -$slidenav-color: rgba($global-color, 0.5) !default; -$slidenav-hover-color: rgba($global-color, 0.9) !default; -$slidenav-active-color: rgba($global-color, 0.5) !default; -$slidenav-large-padding-vertical: 10px !default; -$slidenav-large-padding-horizontal: $slidenav-large-padding-vertical !default; -$inverse-slidenav-color: rgba($inverse-global-color, 0.7) !default; -$inverse-slidenav-hover-color: rgba($inverse-global-color, 0.95) !default; -$inverse-slidenav-active-color: rgba($inverse-global-color, 0.7) !default; -$sortable-dragged-z-index: $global-z-index + 50 !default; -$sortable-placeholder-opacity: 0 !default; -$sortable-empty-height: 50px !default; -$spinner-size: 30px !default; -$spinner-stroke-width: 1 !default; -$spinner-radius: floor(($spinner-size - $spinner-stroke-width) / 2) !default; -$spinner-circumference: round(2 * 3.141 * $spinner-radius) !default; -$spinner-duration: 1.4s !default; -$sticky-z-index: $global-z-index - 20 !default; -$sticky-animation-duration: 0.2s !default; -$sticky-reverse-animation-duration: 0.2s !default; -$subnav-margin-horizontal: 20px !default; -$subnav-item-color: $global-muted-color !default; -$subnav-item-hover-color: $global-color !default; -$subnav-item-hover-text-decoration: none !default; -$subnav-item-active-color: $global-emphasis-color !default; -$subnav-divider-margin-horizontal: $subnav-margin-horizontal !default; -$subnav-divider-border-height: 1.5em !default; -$subnav-divider-border-width: $global-border-width !default; -$subnav-divider-border: $global-border !default; -$subnav-pill-item-padding-vertical: 5px !default; -$subnav-pill-item-padding-horizontal: 10px !default; -$subnav-pill-item-background: transparent !default; -$subnav-pill-item-color: $subnav-item-color !default; -$subnav-pill-item-hover-background: $global-muted-background !default; -$subnav-pill-item-hover-color: $global-color !default; -$subnav-pill-item-onclick-background: $subnav-pill-item-hover-background !default; -$subnav-pill-item-onclick-color: $subnav-pill-item-hover-color !default; -$subnav-pill-item-active-background: $global-primary-background !default; -$subnav-pill-item-active-color: $global-inverse-color !default; -$subnav-item-disabled-color: $global-muted-color !default; -$inverse-subnav-item-color: $inverse-global-muted-color !default; -$inverse-subnav-item-hover-color: $inverse-global-color !default; -$inverse-subnav-item-active-color: $inverse-global-emphasis-color !default; -$inverse-subnav-divider-border: $inverse-global-border !default; -$inverse-subnav-pill-item-background: transparent !default; -$inverse-subnav-pill-item-color: $inverse-global-muted-color !default; -$inverse-subnav-pill-item-hover-background: $inverse-global-muted-background !default; -$inverse-subnav-pill-item-hover-color: $inverse-global-color !default; -$inverse-subnav-pill-item-onclick-background: $inverse-subnav-pill-item-hover-background !default; -$inverse-subnav-pill-item-onclick-color: $inverse-subnav-pill-item-hover-color !default; -$inverse-subnav-pill-item-active-background: $inverse-global-primary-background !default; -$inverse-subnav-pill-item-active-color: $inverse-global-inverse-color !default; -$inverse-subnav-item-disabled-color: $inverse-global-muted-color !default; -$tab-margin-horizontal: 20px !default; -$tab-item-padding-horizontal: 10px !default; -$tab-item-padding-vertical: 5px !default; -$tab-item-color: $global-muted-color !default; -$tab-item-hover-color: $global-color !default; -$tab-item-hover-text-decoration: none !default; -$tab-item-active-color: $global-emphasis-color !default; -$tab-item-disabled-color: $global-muted-color !default; -$inverse-tab-item-color: $inverse-global-muted-color !default; -$inverse-tab-item-hover-color: $inverse-global-color !default; -$inverse-tab-item-active-color: $inverse-global-emphasis-color !default; -$inverse-tab-item-disabled-color: $inverse-global-muted-color !default; -$table-margin-vertical: $global-margin !default; -$table-cell-padding-vertical: 16px !default; -$table-cell-padding-horizontal: 12px !default; -$table-header-cell-font-size: $global-font-size !default; -$table-header-cell-font-weight: bold !default; -$table-header-cell-color: $global-color !default; -$table-footer-font-size: $global-small-font-size !default; -$table-caption-font-size: $global-small-font-size !default; -$table-caption-color: $global-muted-color !default; -$table-row-active-background: #ffd !default; -$table-divider-border-width: $global-border-width !default; -$table-divider-border: $global-border !default; -$table-striped-row-background: $global-muted-background !default; -$table-hover-row-background: $table-row-active-background !default; -$table-small-cell-padding-vertical: 10px !default; -$table-small-cell-padding-horizontal: 12px !default; -$table-large-cell-padding-vertical: 22px !default; -$table-large-cell-padding-horizontal: 12px !default; -$table-expand-min-width: 150px !default; -$inverse-table-header-cell-color: $inverse-global-color !default; -$inverse-table-caption-color: $inverse-global-muted-color !default; -$inverse-table-row-active-background: fade-out($inverse-global-muted-background, 0.02) !default; -$inverse-table-divider-border: $inverse-global-border !default; -$inverse-table-striped-row-background: $inverse-global-muted-background !default; -$inverse-table-hover-row-background: $inverse-table-row-active-background !default; -$text-lead-font-size: $global-large-font-size !default; -$text-lead-line-height: 1.5 !default; -$text-lead-color: $global-emphasis-color !default; -$text-meta-font-size: $global-small-font-size !default; -$text-meta-line-height: 1.4 !default; -$text-meta-color: $global-muted-color !default; -$text-small-font-size: $global-small-font-size !default; -$text-small-line-height: 1.5 !default; -$text-large-font-size: $global-large-font-size !default; -$text-large-line-height: 1.5 !default; -$text-bold-font-weight: bolder !default; -$text-muted-color: $global-muted-color !default; -$text-primary-color: $global-primary-background !default; -$text-success-color: $global-success-background !default; -$text-warning-color: $global-warning-background !default; -$text-danger-color: $global-danger-background !default; -$text-background-color: $global-primary-background !default; -$inverse-text-lead-color: $inverse-global-color !default; -$inverse-text-meta-color: $inverse-global-muted-color !default; -$inverse-text-muted-color: $inverse-global-muted-color !default; -$inverse-text-primary-color: $inverse-global-color !default; -$thumbnav-margin-horizontal: 15px !default; -$thumbnav-margin-vertical: $thumbnav-margin-horizontal !default; -$tile-padding-horizontal: 15px !default; -$tile-padding-horizontal-s: $global-gutter !default; -$tile-padding-horizontal-m: $global-medium-gutter !default; -$tile-padding-vertical: $global-medium-margin !default; -$tile-padding-vertical-m: $global-large-margin !default; -$tile-xsmall-padding-vertical: $global-margin !default; -$tile-small-padding-vertical: $global-medium-margin !default; -$tile-large-padding-vertical: $global-large-margin !default; -$tile-large-padding-vertical-m: $global-xlarge-margin !default; -$tile-xlarge-padding-vertical: $global-xlarge-margin !default; -$tile-xlarge-padding-vertical-m: ($global-large-margin + $global-xlarge-margin) !default; -$tile-default-background: $global-background !default; -$tile-muted-background: $global-muted-background !default; -$tile-primary-background: $global-primary-background !default; -$tile-primary-color-mode: light !default; -$tile-secondary-background: $global-secondary-background !default; -$tile-secondary-color-mode: light !default; -$tooltip-z-index: $global-z-index + 30 !default; -$tooltip-max-width: 200px !default; -$tooltip-padding-vertical: 3px !default; -$tooltip-padding-horizontal: 6px !default; -$tooltip-background: #666 !default; -$tooltip-border-radius: 2px !default; -$tooltip-color: $global-inverse-color !default; -$tooltip-font-size: 12px !default; -$tooltip-margin: 10px !default; -$totop-padding: 5px !default; -$totop-color: $global-muted-color !default; -$totop-hover-color: $global-color !default; -$totop-active-color: $global-emphasis-color !default; -$inverse-totop-color: $inverse-global-muted-color !default; -$inverse-totop-hover-color: $inverse-global-color !default; -$inverse-totop-active-color: $inverse-global-emphasis-color !default; -$transition-duration: 0.3s !default; -$transition-scale: 1.1 !default; -$transition-slide-small-translate: 10px !default; -$transition-slide-medium-translate: 50px !default; -$transition-slow-duration: 0.7s !default; -$panel-scrollable-height: 170px !default; -$panel-scrollable-padding: 10px !default; -$panel-scrollable-border-width: $global-border-width !default; -$panel-scrollable-border: $global-border !default; -$height-small-height: 150px !default; -$height-medium-height: 300px !default; -$height-large-height: 450px !default; -$border-rounded-border-radius: 5px !default; -$box-shadow-duration: 0.1s !default; -$box-shadow-bottom-height: 30px !default; -$box-shadow-bottom-border-radius: 100% !default; -$box-shadow-bottom-background: #444 !default; -$box-shadow-bottom-blur: 20px !default; -$dropcap-margin-right: 10px !default; -$dropcap-font-size: (($global-line-height * 3) * 1em) !default; -$leader-fill-content: '.' !default; -$leader-fill-margin-left: $global-small-gutter !default; -$logo-font-size: $global-large-font-size !default; -$logo-font-family: $global-font-family !default; -$logo-color: $global-color !default; -$logo-hover-color: $global-color !default; -$dragover-box-shadow: 0 0 20px rgba(100,100,100,0.3) !default; -$inverse-logo-color: $inverse-global-color !default; -$inverse-logo-hover-color: $inverse-global-color !default; -$breakpoint-small: 640px !default; -$breakpoint-medium: 960px !default; -$breakpoint-large: 1200px !default; -$breakpoint-xlarge: 1600px !default; -$breakpoint-xsmall-max: ($breakpoint-small - 1) !default; -$breakpoint-small-max: ($breakpoint-medium - 1) !default; -$breakpoint-medium-max: ($breakpoint-large - 1) !default; -$breakpoint-large-max: ($breakpoint-xlarge - 1) !default; -$global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08) !default; -$global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08) !default; -$global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16) !default; -$global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16) !default; -$width-small-width: 150px !default; -$width-medium-width: 300px !default; -$width-large-width: 450px !default; -$width-xlarge-width: 600px !default; -$width-xxlarge-width: 750px !default; \ No newline at end of file diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss deleted file mode 100644 index ddb1ecd..0000000 --- a/docs/assets/css/main.scss +++ /dev/null @@ -1,23 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- - -// System fonts -@import "system-font-css/_system-font"; - -// Custom variables and variable overwrites. -@import "theme/variables"; - -// Import default variables and available mixins. -@import "uikit/variables-theme"; -@import "uikit/mixins-theme"; - -// Custom mixin overwrites. -@import "theme/mixins"; - -// Import UIkit. -@import "theme/uikit"; - -// Other vendor styles -// @import "syntax-highlighting/cld"; -@import "syntax-highlighting/bw"; \ No newline at end of file diff --git a/docs/assets/img/location.svg b/docs/assets/img/location.svg deleted file mode 100644 index e71e58b..0000000 --- a/docs/assets/img/location.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - location-dark - Created with Sketch. - - - - - - - - \ No newline at end of file diff --git a/docs/assets/img/nuget.png b/docs/assets/img/nuget.png deleted file mode 100644 index bea3e9d..0000000 Binary files a/docs/assets/img/nuget.png and /dev/null differ diff --git a/docs/assets/js/custom.js b/docs/assets/js/custom.js deleted file mode 100644 index 8035531..0000000 --- a/docs/assets/js/custom.js +++ /dev/null @@ -1 +0,0 @@ -// Custom scripts \ No newline at end of file diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js deleted file mode 100644 index 2de3236..0000000 --- a/docs/assets/js/main.js +++ /dev/null @@ -1,9143 +0,0 @@ -(function(global, factory) { - typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define("uikit", factory) : (global = global || self, - global.UIkit = factory()); -})(this, function() { - "use strict"; - function bind(fn, context) { - return function(a) { - var l = arguments.length; - return l ? l > 1 ? fn.apply(context, arguments) : fn.call(context, a) : fn.call(context); - }; - } - var objPrototype = Object.prototype; - var hasOwnProperty = objPrototype.hasOwnProperty; - function hasOwn(obj, key) { - return hasOwnProperty.call(obj, key); - } - var hyphenateCache = {}; - var hyphenateRe = /([a-z\d])([A-Z])/g; - function hyphenate(str) { - if (!(str in hyphenateCache)) { - hyphenateCache[str] = str.replace(hyphenateRe, "$1-$2").toLowerCase(); - } - return hyphenateCache[str]; - } - var camelizeRe = /-(\w)/g; - function camelize(str) { - return str.replace(camelizeRe, toUpper); - } - function toUpper(_, c) { - return c ? c.toUpperCase() : ""; - } - function ucfirst(str) { - return str.length ? toUpper(null, str.charAt(0)) + str.slice(1) : ""; - } - var strPrototype = String.prototype; - var startsWithFn = strPrototype.startsWith || function(search) { - return this.lastIndexOf(search, 0) === 0; - }; - function startsWith(str, search) { - return startsWithFn.call(str, search); - } - var endsWithFn = strPrototype.endsWith || function(search) { - return this.substr(-search.length) === search; - }; - function endsWith(str, search) { - return endsWithFn.call(str, search); - } - var includesFn = function(search) { - return ~this.indexOf(search); - }; - var includesStr = strPrototype.includes || includesFn; - var includesArray = Array.prototype.includes || includesFn; - function includes(obj, search) { - return obj && (isString(obj) ? includesStr : includesArray).call(obj, search); - } - var isArray = Array.isArray; - function isFunction(obj) { - return typeof obj === "function"; - } - function isObject(obj) { - return obj !== null && typeof obj === "object"; - } - function isPlainObject(obj) { - return isObject(obj) && Object.getPrototypeOf(obj) === objPrototype; - } - function isWindow(obj) { - return isObject(obj) && obj === obj.window; - } - function isDocument(obj) { - return isObject(obj) && obj.nodeType === 9; - } - function isJQuery(obj) { - return isObject(obj) && !!obj.jquery; - } - function isNode(obj) { - return obj instanceof Node || isObject(obj) && obj.nodeType >= 1; - } - var toString = objPrototype.toString; - function isNodeCollection(obj) { - return toString.call(obj).match(/^\[object (NodeList|HTMLCollection)\]$/); - } - function isBoolean(value) { - return typeof value === "boolean"; - } - function isString(value) { - return typeof value === "string"; - } - function isNumber(value) { - return typeof value === "number"; - } - function isNumeric(value) { - return isNumber(value) || isString(value) && !isNaN(value - parseFloat(value)); - } - function isUndefined(value) { - return value === void 0; - } - function toBoolean(value) { - return isBoolean(value) ? value : value === "true" || value === "1" || value === "" ? true : value === "false" || value === "0" ? false : value; - } - function toNumber(value) { - var number = Number(value); - return !isNaN(number) ? number : false; - } - function toFloat(value) { - return parseFloat(value) || 0; - } - function toNode(element) { - return isNode(element) || isWindow(element) || isDocument(element) ? element : isNodeCollection(element) || isJQuery(element) ? element[0] : isArray(element) ? toNode(element[0]) : null; - } - var arrayProto = Array.prototype; - function toNodes(element) { - return isNode(element) ? [ element ] : isNodeCollection(element) ? arrayProto.slice.call(element) : isArray(element) ? element.map(toNode).filter(Boolean) : isJQuery(element) ? element.toArray() : []; - } - function toList(value) { - return isArray(value) ? value : isString(value) ? value.split(/,(?![^(]*\))/).map(function(value) { - return isNumeric(value) ? toNumber(value) : toBoolean(value.trim()); - }) : [ value ]; - } - function toMs(time) { - return !time ? 0 : endsWith(time, "ms") ? toFloat(time) : toFloat(time) * 1e3; - } - function isEqual(value, other) { - return value === other || isObject(value) && isObject(other) && Object.keys(value).length === Object.keys(other).length && each(value, function(val, key) { - return val === other[key]; - }); - } - function swap(value, a, b) { - return value.replace(new RegExp(a + "|" + b, "mg"), function(match) { - return match === a ? b : a; - }); - } - var assign = Object.assign || function(target) { - var args = [], len = arguments.length - 1; - while (len-- > 0) args[len] = arguments[len + 1]; - target = Object(target); - for (var i = 0; i < args.length; i++) { - var source = args[i]; - if (source !== null) { - for (var key in source) { - if (hasOwn(source, key)) { - target[key] = source[key]; - } - } - } - } - return target; - }; - function each(obj, cb) { - for (var key in obj) { - if (false === cb(obj[key], key)) { - return false; - } - } - return true; - } - function sortBy(collection, prop) { - return collection.sort(function(ref, ref$1) { - var propA = ref[prop]; - if (propA === void 0) propA = 0; - var propB = ref$1[prop]; - if (propB === void 0) propB = 0; - return propA > propB ? 1 : propB > propA ? -1 : 0; - }); - } - function clamp(number, min, max) { - if (min === void 0) min = 0; - if (max === void 0) max = 1; - return Math.min(Math.max(toNumber(number) || 0, min), max); - } - function noop() {} - function intersectRect(r1, r2) { - return r1.left < r2.right && r1.right > r2.left && r1.top < r2.bottom && r1.bottom > r2.top; - } - function pointInRect(point, rect) { - return point.x <= rect.right && point.x >= rect.left && point.y <= rect.bottom && point.y >= rect.top; - } - var Dimensions = { - ratio: function(dimensions, prop, value) { - var obj; - var aProp = prop === "width" ? "height" : "width"; - return obj = {}, obj[aProp] = dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp], - obj[prop] = value, obj; - }, - contain: function(dimensions, maxDimensions) { - var this$1 = this; - dimensions = assign({}, dimensions); - each(dimensions, function(_, prop) { - return dimensions = dimensions[prop] > maxDimensions[prop] ? this$1.ratio(dimensions, prop, maxDimensions[prop]) : dimensions; - }); - return dimensions; - }, - cover: function(dimensions, maxDimensions) { - var this$1 = this; - dimensions = this.contain(dimensions, maxDimensions); - each(dimensions, function(_, prop) { - return dimensions = dimensions[prop] < maxDimensions[prop] ? this$1.ratio(dimensions, prop, maxDimensions[prop]) : dimensions; - }); - return dimensions; - } - }; - function attr(element, name, value) { - if (isObject(name)) { - for (var key in name) { - attr(element, key, name[key]); - } - return; - } - if (isUndefined(value)) { - element = toNode(element); - return element && element.getAttribute(name); - } else { - toNodes(element).forEach(function(element) { - if (isFunction(value)) { - value = value.call(element, attr(element, name)); - } - if (value === null) { - removeAttr(element, name); - } else { - element.setAttribute(name, value); - } - }); - } - } - function hasAttr(element, name) { - return toNodes(element).some(function(element) { - return element.hasAttribute(name); - }); - } - function removeAttr(element, name) { - element = toNodes(element); - name.split(" ").forEach(function(name) { - return element.forEach(function(element) { - return element.removeAttribute(name); - }); - }); - } - function data(element, attribute) { - for (var i = 0, attrs = [ attribute, "data-" + attribute ]; i < attrs.length; i++) { - if (hasAttr(element, attrs[i])) { - return attr(element, attrs[i]); - } - } - } - function query(selector, context) { - return toNode(selector) || find(selector, getContext(selector, context)); - } - function queryAll(selector, context) { - var nodes = toNodes(selector); - return nodes.length && nodes || findAll(selector, getContext(selector, context)); - } - function getContext(selector, context) { - if (context === void 0) context = document; - return isContextSelector(selector) || isDocument(context) ? context : context.ownerDocument; - } - function find(selector, context) { - return toNode(_query(selector, context, "querySelector")); - } - function findAll(selector, context) { - return toNodes(_query(selector, context, "querySelectorAll")); - } - function _query(selector, context, queryFn) { - if (context === void 0) context = document; - if (!selector || !isString(selector)) { - return null; - } - selector = selector.replace(contextSanitizeRe, "$1 *"); - var removes; - if (isContextSelector(selector)) { - removes = []; - selector = selector.split(",").map(function(selector, i) { - var ctx = context; - selector = selector.trim(); - if (selector[0] === "!") { - var selectors = selector.substr(1).trim().split(" "); - ctx = closest(context.parentNode, selectors[0]); - selector = selectors.slice(1).join(" ").trim(); - } - if (selector[0] === "-") { - var selectors$1 = selector.substr(1).trim().split(" "); - var prev = (ctx || context).previousElementSibling; - ctx = matches(prev, selector.substr(1)) ? prev : null; - selector = selectors$1.slice(1).join(" "); - } - if (!ctx) { - return null; - } - if (!ctx.id) { - ctx.id = "uk-" + Date.now() + i; - removes.push(function() { - return removeAttr(ctx, "id"); - }); - } - return "#" + escape(ctx.id) + " " + selector; - }).filter(Boolean).join(","); - context = document; - } - try { - return context[queryFn](selector); - } catch (e) { - return null; - } finally { - removes && removes.forEach(function(remove) { - return remove(); - }); - } - } - var contextSelectorRe = /(^|,)\s*[!>+~-]/; - var contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; - function isContextSelector(selector) { - return isString(selector) && selector.match(contextSelectorRe); - } - var elProto = Element.prototype; - var matchesFn = elProto.matches || elProto.webkitMatchesSelector || elProto.msMatchesSelector; - function matches(element, selector) { - return toNodes(element).some(function(element) { - return matchesFn.call(element, selector); - }); - } - var closestFn = elProto.closest || function(selector) { - var ancestor = this; - do { - if (matches(ancestor, selector)) { - return ancestor; - } - ancestor = ancestor.parentNode; - } while (ancestor && ancestor.nodeType === 1); - }; - function closest(element, selector) { - if (startsWith(selector, ">")) { - selector = selector.slice(1); - } - return isNode(element) ? element.parentNode && closestFn.call(element, selector) : toNodes(element).map(function(element) { - return closest(element, selector); - }).filter(Boolean); - } - function parents(element, selector) { - var elements = []; - var parent = toNode(element).parentNode; - while (parent && parent.nodeType === 1) { - if (matches(parent, selector)) { - elements.push(parent); - } - parent = parent.parentNode; - } - return elements; - } - var escapeFn = window.CSS && CSS.escape || function(css) { - return css.replace(/([^\x7f-\uFFFF\w-])/g, function(match) { - return "\\" + match; - }); - }; - function escape(css) { - return isString(css) ? escapeFn.call(null, css) : ""; - } - var voidElements = { - area: true, - base: true, - br: true, - col: true, - embed: true, - hr: true, - img: true, - input: true, - keygen: true, - link: true, - menuitem: true, - meta: true, - param: true, - source: true, - track: true, - wbr: true - }; - function isVoidElement(element) { - return toNodes(element).some(function(element) { - return voidElements[element.tagName.toLowerCase()]; - }); - } - function isVisible(element) { - return toNodes(element).some(function(element) { - return element.offsetWidth || element.offsetHeight || element.getClientRects().length; - }); - } - var selInput = "input,select,textarea,button"; - function isInput(element) { - return toNodes(element).some(function(element) { - return matches(element, selInput); - }); - } - function filter(element, selector) { - return toNodes(element).filter(function(element) { - return matches(element, selector); - }); - } - function within(element, selector) { - return !isString(selector) ? element === selector || (isDocument(selector) ? selector.documentElement : toNode(selector)).contains(toNode(element)) : matches(element, selector) || closest(element, selector); - } - var isIE = /msie|trident/i.test(window.navigator.userAgent); - var isRtl = attr(document.documentElement, "dir") === "rtl"; - var hasTouchEvents = "ontouchstart" in window; - var hasPointerEvents = window.PointerEvent; - var hasTouch = hasTouchEvents || window.DocumentTouch && document instanceof DocumentTouch || navigator.maxTouchPoints; - var pointerDown = hasPointerEvents ? "pointerdown" : hasTouchEvents ? "touchstart" : "mousedown"; - var pointerMove = hasPointerEvents ? "pointermove" : hasTouchEvents ? "touchmove" : "mousemove"; - var pointerUp = hasPointerEvents ? "pointerup" : hasTouchEvents ? "touchend" : "mouseup"; - var pointerEnter = hasPointerEvents ? "pointerenter" : hasTouchEvents ? "" : "mouseenter"; - var pointerLeave = hasPointerEvents ? "pointerleave" : hasTouchEvents ? "" : "mouseleave"; - var pointerCancel = hasPointerEvents ? "pointercancel" : "touchcancel"; - function on() { - var args = [], len = arguments.length; - while (len--) args[len] = arguments[len]; - var ref = getArgs(args); - var targets = ref[0]; - var type = ref[1]; - var selector = ref[2]; - var listener = ref[3]; - var useCapture = ref[4]; - targets = toEventTargets(targets); - if (selector) { - listener = delegate(targets, selector, listener); - } - if (listener.length > 1) { - listener = detail(listener); - } - type.split(" ").forEach(function(type) { - return targets.forEach(function(target) { - return target.addEventListener(type, listener, useCapture); - }); - }); - return function() { - return off(targets, type, listener, useCapture); - }; - } - function off(targets, type, listener, useCapture) { - if (useCapture === void 0) useCapture = false; - targets = toEventTargets(targets); - type.split(" ").forEach(function(type) { - return targets.forEach(function(target) { - return target.removeEventListener(type, listener, useCapture); - }); - }); - } - function once() { - var args = [], len = arguments.length; - while (len--) args[len] = arguments[len]; - var ref = getArgs(args); - var element = ref[0]; - var type = ref[1]; - var selector = ref[2]; - var listener = ref[3]; - var useCapture = ref[4]; - var condition = ref[5]; - var off = on(element, type, selector, function(e) { - var result = !condition || condition(e); - if (result) { - off(); - listener(e, result); - } - }, useCapture); - return off; - } - function trigger(targets, event, detail) { - return toEventTargets(targets).reduce(function(notCanceled, target) { - return notCanceled && target.dispatchEvent(createEvent(event, true, true, detail)); - }, true); - } - function createEvent(e, bubbles, cancelable, detail) { - if (bubbles === void 0) bubbles = true; - if (cancelable === void 0) cancelable = false; - if (isString(e)) { - var event = document.createEvent("CustomEvent"); - event.initCustomEvent(e, bubbles, cancelable, detail); - e = event; - } - return e; - } - function getArgs(args) { - if (isFunction(args[2])) { - args.splice(2, 0, false); - } - return args; - } - function delegate(delegates, selector, listener) { - var this$1 = this; - return function(e) { - delegates.forEach(function(delegate) { - var current = selector[0] === ">" ? findAll(selector, delegate).reverse().filter(function(element) { - return within(e.target, element); - })[0] : closest(e.target, selector); - if (current) { - e.delegate = delegate; - e.current = current; - listener.call(this$1, e); - } - }); - }; - } - function detail(listener) { - return function(e) { - return isArray(e.detail) ? listener.apply(void 0, [ e ].concat(e.detail)) : listener(e); - }; - } - function isEventTarget(target) { - return target && "addEventListener" in target; - } - function toEventTarget(target) { - return isEventTarget(target) ? target : toNode(target); - } - function toEventTargets(target) { - return isArray(target) ? target.map(toEventTarget).filter(Boolean) : isString(target) ? findAll(target) : isEventTarget(target) ? [ target ] : toNodes(target); - } - function preventClick() { - var timer = setTimeout(once(document, "click", function(e) { - e.preventDefault(); - e.stopImmediatePropagation(); - clearTimeout(timer); - }, true)); - trigger(document, pointerCancel); - } - var Promise = "Promise" in window ? window.Promise : PromiseFn; - var Deferred = function() { - var this$1 = this; - this.promise = new Promise(function(resolve, reject) { - this$1.reject = reject; - this$1.resolve = resolve; - }); - }; - var RESOLVED = 0; - var REJECTED = 1; - var PENDING = 2; - var async = "setImmediate" in window ? setImmediate : setTimeout; - function PromiseFn(executor) { - this.state = PENDING; - this.value = undefined; - this.deferred = []; - var promise = this; - try { - executor(function(x) { - promise.resolve(x); - }, function(r) { - promise.reject(r); - }); - } catch (e) { - promise.reject(e); - } - } - PromiseFn.reject = function(r) { - return new PromiseFn(function(resolve, reject) { - reject(r); - }); - }; - PromiseFn.resolve = function(x) { - return new PromiseFn(function(resolve, reject) { - resolve(x); - }); - }; - PromiseFn.all = function all(iterable) { - return new PromiseFn(function(resolve, reject) { - var result = []; - var count = 0; - if (iterable.length === 0) { - resolve(result); - } - function resolver(i) { - return function(x) { - result[i] = x; - count += 1; - if (count === iterable.length) { - resolve(result); - } - }; - } - for (var i = 0; i < iterable.length; i += 1) { - PromiseFn.resolve(iterable[i]).then(resolver(i), reject); - } - }); - }; - PromiseFn.race = function race(iterable) { - return new PromiseFn(function(resolve, reject) { - for (var i = 0; i < iterable.length; i += 1) { - PromiseFn.resolve(iterable[i]).then(resolve, reject); - } - }); - }; - var p = PromiseFn.prototype; - p.resolve = function resolve(x) { - var promise = this; - if (promise.state === PENDING) { - if (x === promise) { - throw new TypeError("Promise settled with itself."); - } - var called = false; - try { - var then = x && x.then; - if (x !== null && isObject(x) && isFunction(then)) { - then.call(x, function(x) { - if (!called) { - promise.resolve(x); - } - called = true; - }, function(r) { - if (!called) { - promise.reject(r); - } - called = true; - }); - return; - } - } catch (e) { - if (!called) { - promise.reject(e); - } - return; - } - promise.state = RESOLVED; - promise.value = x; - promise.notify(); - } - }; - p.reject = function reject(reason) { - var promise = this; - if (promise.state === PENDING) { - if (reason === promise) { - throw new TypeError("Promise settled with itself."); - } - promise.state = REJECTED; - promise.value = reason; - promise.notify(); - } - }; - p.notify = function notify() { - var this$1 = this; - async(function() { - if (this$1.state !== PENDING) { - while (this$1.deferred.length) { - var ref = this$1.deferred.shift(); - var onResolved = ref[0]; - var onRejected = ref[1]; - var resolve = ref[2]; - var reject = ref[3]; - try { - if (this$1.state === RESOLVED) { - if (isFunction(onResolved)) { - resolve(onResolved.call(undefined, this$1.value)); - } else { - resolve(this$1.value); - } - } else if (this$1.state === REJECTED) { - if (isFunction(onRejected)) { - resolve(onRejected.call(undefined, this$1.value)); - } else { - reject(this$1.value); - } - } - } catch (e) { - reject(e); - } - } - } - }); - }; - p.then = function then(onResolved, onRejected) { - var this$1 = this; - return new PromiseFn(function(resolve, reject) { - this$1.deferred.push([ onResolved, onRejected, resolve, reject ]); - this$1.notify(); - }); - }; - p.catch = function(onRejected) { - return this.then(undefined, onRejected); - }; - function ajax(url, options) { - return new Promise(function(resolve, reject) { - var env = assign({ - data: null, - method: "GET", - headers: {}, - xhr: new XMLHttpRequest(), - beforeSend: noop, - responseType: "" - }, options); - env.beforeSend(env); - var xhr = env.xhr; - for (var prop in env) { - if (prop in xhr) { - try { - xhr[prop] = env[prop]; - } catch (e) {} - } - } - xhr.open(env.method.toUpperCase(), url); - for (var header in env.headers) { - xhr.setRequestHeader(header, env.headers[header]); - } - on(xhr, "load", function() { - if (xhr.status === 0 || xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) { - resolve(xhr); - } else { - reject(assign(Error(xhr.statusText), { - xhr: xhr, - status: xhr.status - })); - } - }); - on(xhr, "error", function() { - return reject(assign(Error("Network Error"), { - xhr: xhr - })); - }); - on(xhr, "timeout", function() { - return reject(assign(Error("Network Timeout"), { - xhr: xhr - })); - }); - xhr.send(env.data); - }); - } - function getImage(src, srcset, sizes) { - return new Promise(function(resolve, reject) { - var img = new Image(); - img.onerror = reject; - img.onload = function() { - return resolve(img); - }; - sizes && (img.sizes = sizes); - srcset && (img.srcset = srcset); - img.src = src; - }); - } - function ready(fn) { - if (document.readyState !== "loading") { - fn(); - return; - } - var unbind = on(document, "DOMContentLoaded", function() { - unbind(); - fn(); - }); - } - function index(element, ref) { - return ref ? toNodes(element).indexOf(toNode(ref)) : toNodes((element = toNode(element)) && element.parentNode.children).indexOf(element); - } - function getIndex(i, elements, current, finite) { - if (current === void 0) current = 0; - if (finite === void 0) finite = false; - elements = toNodes(elements); - var length = elements.length; - i = isNumeric(i) ? toNumber(i) : i === "next" ? current + 1 : i === "previous" ? current - 1 : index(elements, i); - if (finite) { - return clamp(i, 0, length - 1); - } - i %= length; - return i < 0 ? i + length : i; - } - function empty(element) { - element = $(element); - element.innerHTML = ""; - return element; - } - function html(parent, html) { - parent = $(parent); - return isUndefined(html) ? parent.innerHTML : append(parent.hasChildNodes() ? empty(parent) : parent, html); - } - function prepend(parent, element) { - parent = $(parent); - if (!parent.hasChildNodes()) { - return append(parent, element); - } else { - return insertNodes(element, function(element) { - return parent.insertBefore(element, parent.firstChild); - }); - } - } - function append(parent, element) { - parent = $(parent); - return insertNodes(element, function(element) { - return parent.appendChild(element); - }); - } - function before(ref, element) { - ref = $(ref); - return insertNodes(element, function(element) { - return ref.parentNode.insertBefore(element, ref); - }); - } - function after(ref, element) { - ref = $(ref); - return insertNodes(element, function(element) { - return ref.nextSibling ? before(ref.nextSibling, element) : append(ref.parentNode, element); - }); - } - function insertNodes(element, fn) { - element = isString(element) ? fragment(element) : element; - return element ? "length" in element ? toNodes(element).map(fn) : fn(element) : null; - } - function remove(element) { - toNodes(element).map(function(element) { - return element.parentNode && element.parentNode.removeChild(element); - }); - } - function wrapAll(element, structure) { - structure = toNode(before(element, structure)); - while (structure.firstChild) { - structure = structure.firstChild; - } - append(structure, element); - return structure; - } - function wrapInner(element, structure) { - return toNodes(toNodes(element).map(function(element) { - return element.hasChildNodes ? wrapAll(toNodes(element.childNodes), structure) : append(element, structure); - })); - } - function unwrap(element) { - toNodes(element).map(function(element) { - return element.parentNode; - }).filter(function(value, index, self) { - return self.indexOf(value) === index; - }).forEach(function(parent) { - before(parent, parent.childNodes); - remove(parent); - }); - } - var fragmentRe = /^\s*<(\w+|!)[^>]*>/; - var singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/; - function fragment(html) { - var matches$$1 = singleTagRe.exec(html); - if (matches$$1) { - return document.createElement(matches$$1[1]); - } - var container = document.createElement("div"); - if (fragmentRe.test(html)) { - container.insertAdjacentHTML("beforeend", html.trim()); - } else { - container.textContent = html; - } - return container.childNodes.length > 1 ? toNodes(container.childNodes) : container.firstChild; - } - function apply(node, fn) { - if (!node || node.nodeType !== 1) { - return; - } - fn(node); - node = node.firstElementChild; - while (node) { - apply(node, fn); - node = node.nextElementSibling; - } - } - function $(selector, context) { - return !isString(selector) ? toNode(selector) : isHtml(selector) ? toNode(fragment(selector)) : find(selector, context); - } - function $$(selector, context) { - return !isString(selector) ? toNodes(selector) : isHtml(selector) ? toNodes(fragment(selector)) : findAll(selector, context); - } - function isHtml(str) { - return str[0] === "<" || str.match(/^\s* 0) args[len] = arguments[len + 1]; - apply$1(element, args, "add"); - } - function removeClass(element) { - var args = [], len = arguments.length - 1; - while (len-- > 0) args[len] = arguments[len + 1]; - apply$1(element, args, "remove"); - } - function removeClasses(element, cls) { - attr(element, "class", function(value) { - return (value || "").replace(new RegExp("\\b" + cls + "\\b", "g"), ""); - }); - } - function replaceClass(element) { - var args = [], len = arguments.length - 1; - while (len-- > 0) args[len] = arguments[len + 1]; - args[0] && removeClass(element, args[0]); - args[1] && addClass(element, args[1]); - } - function hasClass(element, cls) { - return cls && toNodes(element).some(function(element) { - return element.classList.contains(cls.split(" ")[0]); - }); - } - function toggleClass(element) { - var args = [], len = arguments.length - 1; - while (len-- > 0) args[len] = arguments[len + 1]; - if (!args.length) { - return; - } - args = getArgs$1(args); - var force = !isString(args[args.length - 1]) ? args.pop() : []; - args = args.filter(Boolean); - toNodes(element).forEach(function(ref) { - var classList = ref.classList; - for (var i = 0; i < args.length; i++) { - supports.Force ? classList.toggle.apply(classList, [ args[i] ].concat(force)) : classList[(!isUndefined(force) ? force : !classList.contains(args[i])) ? "add" : "remove"](args[i]); - } - }); - } - function apply$1(element, args, fn) { - args = getArgs$1(args).filter(Boolean); - args.length && toNodes(element).forEach(function(ref) { - var classList = ref.classList; - supports.Multiple ? classList[fn].apply(classList, args) : args.forEach(function(cls) { - return classList[fn](cls); - }); - }); - } - function getArgs$1(args) { - return args.reduce(function(args, arg) { - return args.concat.call(args, isString(arg) && includes(arg, " ") ? arg.trim().split(" ") : arg); - }, []); - } - var supports = {}; - (function() { - var list = document.createElement("_").classList; - if (list) { - list.add("a", "b"); - list.toggle("c", false); - supports.Multiple = list.contains("b"); - supports.Force = !list.contains("c"); - } - list = null; - })(); - var cssNumber = { - "animation-iteration-count": true, - "column-count": true, - "fill-opacity": true, - "flex-grow": true, - "flex-shrink": true, - "font-weight": true, - "line-height": true, - opacity: true, - order: true, - orphans: true, - widows: true, - "z-index": true, - zoom: true - }; - function css(element, property, value) { - return toNodes(element).map(function(element) { - if (isString(property)) { - property = propName(property); - if (isUndefined(value)) { - return getStyle(element, property); - } else if (!value && !isNumber(value)) { - element.style.removeProperty(property); - } else { - element.style[property] = isNumeric(value) && !cssNumber[property] ? value + "px" : value; - } - } else if (isArray(property)) { - var styles = getStyles(element); - return property.reduce(function(props, property) { - props[property] = styles[propName(property)]; - return props; - }, {}); - } else if (isObject(property)) { - each(property, function(value, property) { - return css(element, property, value); - }); - } - return element; - })[0]; - } - function getStyles(element, pseudoElt) { - element = toNode(element); - return element.ownerDocument.defaultView.getComputedStyle(element, pseudoElt); - } - function getStyle(element, property, pseudoElt) { - return getStyles(element, pseudoElt)[property]; - } - var vars = {}; - function getCssVar(name) { - var docEl = document.documentElement; - if (!isIE) { - return getStyles(docEl).getPropertyValue("--uk-" + name); - } - if (!(name in vars)) { - var element = append(docEl, document.createElement("div")); - addClass(element, "uk-" + name); - vars[name] = getStyle(element, "content", ":before").replace(/^["'](.*)["']$/, "$1"); - remove(element); - } - return vars[name]; - } - var cssProps = {}; - function propName(name) { - var ret = cssProps[name]; - if (!ret) { - ret = cssProps[name] = vendorPropName(name) || name; - } - return ret; - } - var cssPrefixes = [ "webkit", "moz", "ms" ]; - var ref = document.createElement("_"); - var style = ref.style; - function vendorPropName(name) { - name = hyphenate(name); - if (name in style) { - return name; - } - var i = cssPrefixes.length, prefixedName; - while (i--) { - prefixedName = "-" + cssPrefixes[i] + "-" + name; - if (prefixedName in style) { - return prefixedName; - } - } - } - function transition(element, props, duration, timing) { - if (duration === void 0) duration = 400; - if (timing === void 0) timing = "linear"; - return Promise.all(toNodes(element).map(function(element) { - return new Promise(function(resolve, reject) { - for (var name in props) { - var value = css(element, name); - if (value === "") { - css(element, name, value); - } - } - var timer = setTimeout(function() { - return trigger(element, "transitionend"); - }, duration); - once(element, "transitionend transitioncanceled", function(ref) { - var type = ref.type; - clearTimeout(timer); - removeClass(element, "uk-transition"); - css(element, { - "transition-property": "", - "transition-duration": "", - "transition-timing-function": "" - }); - type === "transitioncanceled" ? reject() : resolve(); - }, false, function(ref) { - var target = ref.target; - return element === target; - }); - addClass(element, "uk-transition"); - css(element, assign({ - "transition-property": Object.keys(props).map(propName).join(","), - "transition-duration": duration + "ms", - "transition-timing-function": timing - }, props)); - }); - })); - } - var Transition = { - start: transition, - stop: function(element) { - trigger(element, "transitionend"); - return Promise.resolve(); - }, - cancel: function(element) { - trigger(element, "transitioncanceled"); - }, - inProgress: function(element) { - return hasClass(element, "uk-transition"); - } - }; - var animationPrefix = "uk-animation-"; - var clsCancelAnimation = "uk-cancel-animation"; - function animate(element, animation, duration, origin, out) { - var arguments$1 = arguments; - if (duration === void 0) duration = 200; - return Promise.all(toNodes(element).map(function(element) { - return new Promise(function(resolve, reject) { - if (hasClass(element, clsCancelAnimation)) { - requestAnimationFrame(function() { - return Promise.resolve().then(function() { - return animate.apply(void 0, arguments$1).then(resolve, reject); - }); - }); - return; - } - var cls = animation + " " + animationPrefix + (out ? "leave" : "enter"); - if (startsWith(animation, animationPrefix)) { - if (origin) { - cls += " uk-transform-origin-" + origin; - } - if (out) { - cls += " " + animationPrefix + "reverse"; - } - } - reset(); - once(element, "animationend animationcancel", function(ref) { - var type = ref.type; - var hasReset = false; - if (type === "animationcancel") { - reject(); - reset(); - } else { - resolve(); - Promise.resolve().then(function() { - hasReset = true; - reset(); - }); - } - requestAnimationFrame(function() { - if (!hasReset) { - addClass(element, clsCancelAnimation); - requestAnimationFrame(function() { - return removeClass(element, clsCancelAnimation); - }); - } - }); - }, false, function(ref) { - var target = ref.target; - return element === target; - }); - css(element, "animationDuration", duration + "ms"); - addClass(element, cls); - function reset() { - css(element, "animationDuration", ""); - removeClasses(element, animationPrefix + "\\S*"); - } - }); - })); - } - var inProgress = new RegExp(animationPrefix + "(enter|leave)"); - var Animation = { - in: function(element, animation, duration, origin) { - return animate(element, animation, duration, origin, false); - }, - out: function(element, animation, duration, origin) { - return animate(element, animation, duration, origin, true); - }, - inProgress: function(element) { - return inProgress.test(attr(element, "class")); - }, - cancel: function(element) { - trigger(element, "animationcancel"); - } - }; - var dirs = { - width: [ "x", "left", "right" ], - height: [ "y", "top", "bottom" ] - }; - function positionAt(element, target, elAttach, targetAttach, elOffset, targetOffset, flip, boundary) { - elAttach = getPos(elAttach); - targetAttach = getPos(targetAttach); - var flipped = { - element: elAttach, - target: targetAttach - }; - if (!element || !target) { - return flipped; - } - var dim = getDimensions(element); - var targetDim = getDimensions(target); - var position = targetDim; - moveTo(position, elAttach, dim, -1); - moveTo(position, targetAttach, targetDim, 1); - elOffset = getOffsets(elOffset, dim.width, dim.height); - targetOffset = getOffsets(targetOffset, targetDim.width, targetDim.height); - elOffset["x"] += targetOffset["x"]; - elOffset["y"] += targetOffset["y"]; - position.left += elOffset["x"]; - position.top += elOffset["y"]; - if (flip) { - var boundaries = [ getDimensions(window$1(element)) ]; - if (boundary) { - boundaries.unshift(getDimensions(boundary)); - } - each(dirs, function(ref, prop) { - var dir = ref[0]; - var align = ref[1]; - var alignFlip = ref[2]; - if (!(flip === true || includes(flip, dir))) { - return; - } - boundaries.some(function(boundary) { - var elemOffset = elAttach[dir] === align ? -dim[prop] : elAttach[dir] === alignFlip ? dim[prop] : 0; - var targetOffset = targetAttach[dir] === align ? targetDim[prop] : targetAttach[dir] === alignFlip ? -targetDim[prop] : 0; - if (position[align] < boundary[align] || position[align] + dim[prop] > boundary[alignFlip]) { - var centerOffset = dim[prop] / 2; - var centerTargetOffset = targetAttach[dir] === "center" ? -targetDim[prop] / 2 : 0; - return elAttach[dir] === "center" && (apply(centerOffset, centerTargetOffset) || apply(-centerOffset, -centerTargetOffset)) || apply(elemOffset, targetOffset); - } - function apply(elemOffset, targetOffset) { - var newVal = position[align] + elemOffset + targetOffset - elOffset[dir] * 2; - if (newVal >= boundary[align] && newVal + dim[prop] <= boundary[alignFlip]) { - position[align] = newVal; - [ "element", "target" ].forEach(function(el) { - flipped[el][dir] = !elemOffset ? flipped[el][dir] : flipped[el][dir] === dirs[prop][1] ? dirs[prop][2] : dirs[prop][1]; - }); - return true; - } - } - }); - }); - } - offset(element, position); - return flipped; - } - function offset(element, coordinates) { - element = toNode(element); - if (coordinates) { - var currentOffset = offset(element); - var pos = css(element, "position"); - [ "left", "top" ].forEach(function(prop) { - if (prop in coordinates) { - var value = css(element, prop); - css(element, prop, coordinates[prop] - currentOffset[prop] + toFloat(pos === "absolute" && value === "auto" ? position(element)[prop] : value)); - } - }); - return; - } - return getDimensions(element); - } - function getDimensions(element) { - element = toNode(element); - var ref = window$1(element); - var top = ref.pageYOffset; - var left = ref.pageXOffset; - if (isWindow(element)) { - var height = element.innerHeight; - var width = element.innerWidth; - return { - top: top, - left: left, - height: height, - width: width, - bottom: top + height, - right: left + width - }; - } - var style, hidden; - if (!isVisible(element)) { - style = attr(element, "style"); - hidden = attr(element, "hidden"); - attr(element, { - style: (style || "") + ";display:block !important;", - hidden: null - }); - } - var rect = element.getBoundingClientRect(); - if (!isUndefined(style)) { - attr(element, { - style: style, - hidden: hidden - }); - } - return { - height: rect.height, - width: rect.width, - top: rect.top + top, - left: rect.left + left, - bottom: rect.bottom + top, - right: rect.right + left - }; - } - function position(element) { - element = toNode(element); - var parent = element.offsetParent || docEl(element); - var parentOffset = offset(parent); - var ref = [ "top", "left" ].reduce(function(props, prop) { - var propName$$1 = ucfirst(prop); - props[prop] -= parentOffset[prop] + toFloat(css(element, "margin" + propName$$1)) + toFloat(css(parent, "border" + propName$$1 + "Width")); - return props; - }, offset(element)); - var top = ref.top; - var left = ref.left; - return { - top: top, - left: left - }; - } - var height = dimension("height"); - var width = dimension("width"); - function dimension(prop) { - var propName$$1 = ucfirst(prop); - return function(element, value) { - element = toNode(element); - if (isUndefined(value)) { - if (isWindow(element)) { - return element["inner" + propName$$1]; - } - if (isDocument(element)) { - var doc = element.documentElement; - return Math.max(doc["offset" + propName$$1], doc["scroll" + propName$$1]); - } - value = css(element, prop); - value = value === "auto" ? element["offset" + propName$$1] : toFloat(value) || 0; - return value - boxModelAdjust(prop, element); - } else { - css(element, prop, !value && value !== 0 ? "" : +value + boxModelAdjust(prop, element) + "px"); - } - }; - } - function boxModelAdjust(prop, element, sizing) { - if (sizing === void 0) sizing = "border-box"; - return css(element, "boxSizing") === sizing ? dirs[prop].slice(1).map(ucfirst).reduce(function(value, prop) { - return value + toFloat(css(element, "padding" + prop)) + toFloat(css(element, "border" + prop + "Width")); - }, 0) : 0; - } - function moveTo(position, attach, dim, factor) { - each(dirs, function(ref, prop) { - var dir = ref[0]; - var align = ref[1]; - var alignFlip = ref[2]; - if (attach[dir] === alignFlip) { - position[align] += dim[prop] * factor; - } else if (attach[dir] === "center") { - position[align] += dim[prop] * factor / 2; - } - }); - } - function getPos(pos) { - var x = /left|center|right/; - var y = /top|center|bottom/; - pos = (pos || "").split(" "); - if (pos.length === 1) { - pos = x.test(pos[0]) ? pos.concat([ "center" ]) : y.test(pos[0]) ? [ "center" ].concat(pos) : [ "center", "center" ]; - } - return { - x: x.test(pos[0]) ? pos[0] : "center", - y: y.test(pos[1]) ? pos[1] : "center" - }; - } - function getOffsets(offsets, width, height) { - var ref = (offsets || "").split(" "); - var x = ref[0]; - var y = ref[1]; - return { - x: x ? toFloat(x) * (endsWith(x, "%") ? width / 100 : 1) : 0, - y: y ? toFloat(y) * (endsWith(y, "%") ? height / 100 : 1) : 0 - }; - } - function flipPosition(pos) { - switch (pos) { - case "left": - return "right"; - - case "right": - return "left"; - - case "top": - return "bottom"; - - case "bottom": - return "top"; - - default: - return pos; - } - } - function isInView(element, topOffset, leftOffset) { - if (topOffset === void 0) topOffset = 0; - if (leftOffset === void 0) leftOffset = 0; - if (!isVisible(element)) { - return false; - } - element = toNode(element); - var win = window$1(element); - var client = element.getBoundingClientRect(); - var bounding = { - top: -topOffset, - left: -leftOffset, - bottom: topOffset + height(win), - right: leftOffset + width(win) - }; - return intersectRect(client, bounding) || pointInRect({ - x: client.left, - y: client.top - }, bounding); - } - function scrolledOver(element, heightOffset) { - if (heightOffset === void 0) heightOffset = 0; - if (!isVisible(element)) { - return 0; - } - element = toNode(element); - var win = window$1(element); - var doc = document$1(element); - var elHeight = element.offsetHeight + heightOffset; - var ref = offsetPosition(element); - var top = ref[0]; - var vp = height(win); - var vh = vp + Math.min(0, top - vp); - var diff = Math.max(0, vp - (height(doc) + heightOffset - (top + elHeight))); - return clamp((vh + win.pageYOffset - top) / ((vh + (elHeight - (diff < vp ? diff : 0))) / 100) / 100); - } - function scrollTop(element, top) { - element = toNode(element); - if (isWindow(element) || isDocument(element)) { - var ref = window$1(element); - var scrollTo = ref.scrollTo; - var pageXOffset = ref.pageXOffset; - scrollTo(pageXOffset, top); - } else { - element.scrollTop = top; - } - } - function offsetPosition(element) { - var offset = [ 0, 0 ]; - do { - offset[0] += element.offsetTop; - offset[1] += element.offsetLeft; - if (css(element, "position") === "fixed") { - var win = window$1(element); - offset[0] += win.pageYOffset; - offset[1] += win.pageXOffset; - return offset; - } - } while (element = element.offsetParent); - return offset; - } - function window$1(element) { - return isWindow(element) ? element : document$1(element).defaultView; - } - function document$1(element) { - return toNode(element).ownerDocument; - } - function docEl(element) { - return document$1(element).documentElement; - } - var fastdom = { - reads: [], - writes: [], - read: function(task) { - this.reads.push(task); - scheduleFlush(); - return task; - }, - write: function(task) { - this.writes.push(task); - scheduleFlush(); - return task; - }, - clear: function(task) { - return remove$1(this.reads, task) || remove$1(this.writes, task); - }, - flush: function() { - runTasks(this.reads); - runTasks(this.writes.splice(0, this.writes.length)); - this.scheduled = false; - if (this.reads.length || this.writes.length) { - scheduleFlush(); - } - } - }; - function scheduleFlush() { - if (!fastdom.scheduled) { - fastdom.scheduled = true; - requestAnimationFrame(fastdom.flush.bind(fastdom)); - } - } - function runTasks(tasks) { - var task; - while (task = tasks.shift()) { - task(); - } - } - function remove$1(array, item) { - var index = array.indexOf(item); - return !!~index && !!array.splice(index, 1); - } - function MouseTracker() {} - MouseTracker.prototype = { - positions: [], - position: null, - init: function() { - var this$1 = this; - this.positions = []; - this.position = null; - var ticking = false; - this.unbind = on(document, "mousemove", function(e) { - if (ticking) { - return; - } - setTimeout(function() { - var time = Date.now(); - var ref = this$1.positions; - var length = ref.length; - if (length && time - this$1.positions[length - 1].time > 100) { - this$1.positions.splice(0, length); - } - this$1.positions.push({ - time: time, - x: e.pageX, - y: e.pageY - }); - if (this$1.positions.length > 5) { - this$1.positions.shift(); - } - ticking = false; - }, 5); - ticking = true; - }); - }, - cancel: function() { - if (this.unbind) { - this.unbind(); - } - }, - movesTo: function(target) { - if (this.positions.length < 2) { - return false; - } - var p = offset(target); - var position$$1 = this.positions[this.positions.length - 1]; - var ref = this.positions; - var prevPos = ref[0]; - if (p.left <= position$$1.x && position$$1.x <= p.right && p.top <= position$$1.y && position$$1.y <= p.bottom) { - return false; - } - var points = [ [ { - x: p.left, - y: p.top - }, { - x: p.right, - y: p.bottom - } ], [ { - x: p.right, - y: p.top - }, { - x: p.left, - y: p.bottom - } ] ]; - if (p.right <= position$$1.x) ; else if (p.left >= position$$1.x) { - points[0].reverse(); - points[1].reverse(); - } else if (p.bottom <= position$$1.y) { - points[0].reverse(); - } else if (p.top >= position$$1.y) { - points[1].reverse(); - } - return !!points.reduce(function(result, point) { - return result + (slope(prevPos, point[0]) < slope(position$$1, point[0]) && slope(prevPos, point[1]) > slope(position$$1, point[1])); - }, 0); - } - }; - function slope(a, b) { - return (b.y - a.y) / (b.x - a.x); - } - var strats = {}; - strats.events = strats.created = strats.beforeConnect = strats.connected = strats.beforeDisconnect = strats.disconnected = strats.destroy = concatStrat; - strats.args = function(parentVal, childVal) { - return concatStrat(childVal || parentVal); - }; - strats.update = function(parentVal, childVal) { - return sortBy(concatStrat(parentVal, isFunction(childVal) ? { - read: childVal - } : childVal), "order"); - }; - strats.props = function(parentVal, childVal) { - if (isArray(childVal)) { - childVal = childVal.reduce(function(value, key) { - value[key] = String; - return value; - }, {}); - } - return strats.methods(parentVal, childVal); - }; - strats.computed = strats.methods = function(parentVal, childVal) { - return childVal ? parentVal ? assign({}, parentVal, childVal) : childVal : parentVal; - }; - strats.data = function(parentVal, childVal, vm) { - if (!vm) { - if (!childVal) { - return parentVal; - } - if (!parentVal) { - return childVal; - } - return function(vm) { - return mergeFnData(parentVal, childVal, vm); - }; - } - return mergeFnData(parentVal, childVal, vm); - }; - function mergeFnData(parentVal, childVal, vm) { - return strats.computed(isFunction(parentVal) ? parentVal.call(vm, vm) : parentVal, isFunction(childVal) ? childVal.call(vm, vm) : childVal); - } - function concatStrat(parentVal, childVal) { - parentVal = parentVal && !isArray(parentVal) ? [ parentVal ] : parentVal; - return childVal ? parentVal ? parentVal.concat(childVal) : isArray(childVal) ? childVal : [ childVal ] : parentVal; - } - function defaultStrat(parentVal, childVal) { - return isUndefined(childVal) ? parentVal : childVal; - } - function mergeOptions(parent, child, vm) { - var options = {}; - if (isFunction(child)) { - child = child.options; - } - if (child.extends) { - parent = mergeOptions(parent, child.extends, vm); - } - if (child.mixins) { - for (var i = 0, l = child.mixins.length; i < l; i++) { - parent = mergeOptions(parent, child.mixins[i], vm); - } - } - for (var key in parent) { - mergeKey(key); - } - for (var key$1 in child) { - if (!hasOwn(parent, key$1)) { - mergeKey(key$1); - } - } - function mergeKey(key) { - options[key] = (strats[key] || defaultStrat)(parent[key], child[key], vm); - } - return options; - } - function parseOptions(options, args) { - var obj; - if (args === void 0) args = []; - try { - return !options ? {} : startsWith(options, "{") ? JSON.parse(options) : args.length && !includes(options, ":") ? (obj = {}, - obj[args[0]] = options, obj) : options.split(";").reduce(function(options, option) { - var ref = option.split(/:(.*)/); - var key = ref[0]; - var value = ref[1]; - if (key && !isUndefined(value)) { - options[key.trim()] = value.trim(); - } - return options; - }, {}); - } catch (e) { - return {}; - } - } - var id = 0; - var Player = function(el) { - this.id = ++id; - this.el = toNode(el); - }; - Player.prototype.isVideo = function() { - return this.isYoutube() || this.isVimeo() || this.isHTML5(); - }; - Player.prototype.isHTML5 = function() { - return this.el.tagName === "VIDEO"; - }; - Player.prototype.isIFrame = function() { - return this.el.tagName === "IFRAME"; - }; - Player.prototype.isYoutube = function() { - return this.isIFrame() && !!this.el.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/); - }; - Player.prototype.isVimeo = function() { - return this.isIFrame() && !!this.el.src.match(/vimeo\.com\/video\/.*/); - }; - Player.prototype.enableApi = function() { - var this$1 = this; - if (this.ready) { - return this.ready; - } - var youtube = this.isYoutube(); - var vimeo = this.isVimeo(); - var poller; - if (youtube || vimeo) { - return this.ready = new Promise(function(resolve) { - once(this$1.el, "load", function() { - if (youtube) { - var listener = function() { - return post(this$1.el, { - event: "listening", - id: this$1.id - }); - }; - poller = setInterval(listener, 100); - listener(); - } - }); - listen(function(data$$1) { - return youtube && data$$1.id === this$1.id && data$$1.event === "onReady" || vimeo && Number(data$$1.player_id) === this$1.id; - }).then(function() { - resolve(); - poller && clearInterval(poller); - }); - attr(this$1.el, "src", "" + this$1.el.src + (includes(this$1.el.src, "?") ? "&" : "?") + (youtube ? "enablejsapi=1" : "api=1&player_id=" + this$1.id)); - }); - } - return Promise.resolve(); - }; - Player.prototype.play = function() { - var this$1 = this; - if (!this.isVideo()) { - return; - } - if (this.isIFrame()) { - this.enableApi().then(function() { - return post(this$1.el, { - func: "playVideo", - method: "play" - }); - }); - } else if (this.isHTML5()) { - try { - var promise = this.el.play(); - if (promise) { - promise.catch(noop); - } - } catch (e) {} - } - }; - Player.prototype.pause = function() { - var this$1 = this; - if (!this.isVideo()) { - return; - } - if (this.isIFrame()) { - this.enableApi().then(function() { - return post(this$1.el, { - func: "pauseVideo", - method: "pause" - }); - }); - } else if (this.isHTML5()) { - this.el.pause(); - } - }; - Player.prototype.mute = function() { - var this$1 = this; - if (!this.isVideo()) { - return; - } - if (this.isIFrame()) { - this.enableApi().then(function() { - return post(this$1.el, { - func: "mute", - method: "setVolume", - value: 0 - }); - }); - } else if (this.isHTML5()) { - this.el.muted = true; - attr(this.el, "muted", ""); - } - }; - function post(el, cmd) { - try { - el.contentWindow.postMessage(JSON.stringify(assign({ - event: "command" - }, cmd)), "*"); - } catch (e) {} - } - function listen(cb) { - return new Promise(function(resolve) { - once(window, "message", function(_, data$$1) { - return resolve(data$$1); - }, false, function(ref) { - var data$$1 = ref.data; - if (!data$$1 || !isString(data$$1)) { - return; - } - try { - data$$1 = JSON.parse(data$$1); - } catch (e) { - return; - } - return data$$1 && cb(data$$1); - }); - }); - } - var IntersectionObserver = "IntersectionObserver" in window ? window.IntersectionObserver : function() { - function IntersectionObserverClass(callback, ref) { - var this$1 = this; - if (ref === void 0) ref = {}; - var rootMargin = ref.rootMargin; - if (rootMargin === void 0) rootMargin = "0 0"; - this.targets = []; - var ref$1 = (rootMargin || "0 0").split(" ").map(toFloat); - var offsetTop = ref$1[0]; - var offsetLeft = ref$1[1]; - this.offsetTop = offsetTop; - this.offsetLeft = offsetLeft; - var pending; - this.apply = function() { - if (pending) { - return; - } - pending = requestAnimationFrame(function() { - return setTimeout(function() { - var records = this$1.takeRecords(); - if (records.length) { - callback(records, this$1); - } - pending = false; - }); - }); - }; - this.off = on(window, "scroll resize load", this.apply, { - passive: true, - capture: true - }); - } - IntersectionObserverClass.prototype.takeRecords = function() { - var this$1 = this; - return this.targets.filter(function(entry) { - var inView = isInView(entry.target, this$1.offsetTop, this$1.offsetLeft); - if (entry.isIntersecting === null || inView ^ entry.isIntersecting) { - entry.isIntersecting = inView; - return true; - } - }); - }; - IntersectionObserverClass.prototype.observe = function(target) { - this.targets.push({ - target: target, - isIntersecting: null - }); - this.apply(); - }; - IntersectionObserverClass.prototype.disconnect = function() { - this.targets = []; - this.off(); - }; - return IntersectionObserverClass; - }(); - var touch = {}, swipeTimeout, touching; - on(document, pointerDown, function(e) { - if (touch.el) { - touch = {}; - } - var target = e.target; - var ref = getPos$1(e); - var x = ref.x; - var y = ref.y; - touch.el = "tagName" in target ? target : target.parentNode; - touch.x = x; - touch.y = y; - touching = isTouch(e); - }); - on(document, pointerUp, function(e) { - var ref = getPos$1(e); - var x = ref.x; - var y = ref.y; - if (touch.el && x && Math.abs(touch.x - x) > 100 || y && Math.abs(touch.y - y) > 100) { - swipeTimeout = setTimeout(function() { - if (touch.el) { - trigger(touch.el, "swipe"); - trigger(touch.el, "swipe" + swipeDirection(touch.x, touch.y, x, y)); - } - touch = {}; - }); - } else { - touch = {}; - } - setTimeout(function() { - return touching = false; - }); - }); - on(document, pointerCancel, cancelAll); - function isTouch(e) { - return e.pointerType === "touch" || e.touches || touching; - } - function getPos$1(e, prop) { - if (prop === void 0) prop = "client"; - var touches = e.touches; - var changedTouches = e.changedTouches; - var ref = touches && touches[0] || changedTouches && changedTouches[0] || e; - var x = ref[prop + "X"]; - var y = ref[prop + "Y"]; - return { - x: x, - y: y - }; - } - function swipeDirection(x1, y1, x2, y2) { - return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? "Left" : "Right" : y1 - y2 > 0 ? "Up" : "Down"; - } - function cancelAll() { - swipeTimeout && clearTimeout(swipeTimeout); - swipeTimeout = null; - touch = {}; - } - var util = Object.freeze({ - ajax: ajax, - getImage: getImage, - transition: transition, - Transition: Transition, - animate: animate, - Animation: Animation, - attr: attr, - hasAttr: hasAttr, - removeAttr: removeAttr, - data: data, - addClass: addClass, - removeClass: removeClass, - removeClasses: removeClasses, - replaceClass: replaceClass, - hasClass: hasClass, - toggleClass: toggleClass, - positionAt: positionAt, - offset: offset, - position: position, - height: height, - width: width, - boxModelAdjust: boxModelAdjust, - flipPosition: flipPosition, - isInView: isInView, - scrolledOver: scrolledOver, - scrollTop: scrollTop, - offsetPosition: offsetPosition, - ready: ready, - index: index, - getIndex: getIndex, - empty: empty, - html: html, - prepend: prepend, - append: append, - before: before, - after: after, - remove: remove, - wrapAll: wrapAll, - wrapInner: wrapInner, - unwrap: unwrap, - fragment: fragment, - apply: apply, - $: $, - $$: $$, - isIE: isIE, - isRtl: isRtl, - hasTouch: hasTouch, - pointerDown: pointerDown, - pointerMove: pointerMove, - pointerUp: pointerUp, - pointerEnter: pointerEnter, - pointerLeave: pointerLeave, - pointerCancel: pointerCancel, - on: on, - off: off, - once: once, - trigger: trigger, - createEvent: createEvent, - toEventTargets: toEventTargets, - preventClick: preventClick, - fastdom: fastdom, - isVoidElement: isVoidElement, - isVisible: isVisible, - selInput: selInput, - isInput: isInput, - filter: filter, - within: within, - bind: bind, - hasOwn: hasOwn, - hyphenate: hyphenate, - camelize: camelize, - ucfirst: ucfirst, - startsWith: startsWith, - endsWith: endsWith, - includes: includes, - isArray: isArray, - isFunction: isFunction, - isObject: isObject, - isPlainObject: isPlainObject, - isWindow: isWindow, - isDocument: isDocument, - isJQuery: isJQuery, - isNode: isNode, - isNodeCollection: isNodeCollection, - isBoolean: isBoolean, - isString: isString, - isNumber: isNumber, - isNumeric: isNumeric, - isUndefined: isUndefined, - toBoolean: toBoolean, - toNumber: toNumber, - toFloat: toFloat, - toNode: toNode, - toNodes: toNodes, - toList: toList, - toMs: toMs, - isEqual: isEqual, - swap: swap, - assign: assign, - each: each, - sortBy: sortBy, - clamp: clamp, - noop: noop, - intersectRect: intersectRect, - pointInRect: pointInRect, - Dimensions: Dimensions, - MouseTracker: MouseTracker, - mergeOptions: mergeOptions, - parseOptions: parseOptions, - Player: Player, - Promise: Promise, - Deferred: Deferred, - IntersectionObserver: IntersectionObserver, - query: query, - queryAll: queryAll, - find: find, - findAll: findAll, - matches: matches, - closest: closest, - parents: parents, - escape: escape, - css: css, - getStyles: getStyles, - getStyle: getStyle, - getCssVar: getCssVar, - propName: propName, - isTouch: isTouch, - getPos: getPos$1 - }); - function componentAPI(UIkit) { - var DATA = UIkit.data; - var components = {}; - UIkit.component = function(name, options) { - if (!options) { - if (isPlainObject(components[name])) { - components[name] = UIkit.extend(components[name]); - } - return components[name]; - } - UIkit[name] = function(element, data$$1) { - var i = arguments.length, argsArray = Array(i); - while (i--) argsArray[i] = arguments[i]; - var component = UIkit.component(name); - if (isPlainObject(element)) { - return new component({ - data: element - }); - } - if (component.options.functional) { - return new component({ - data: [].concat(argsArray) - }); - } - return element && element.nodeType ? init(element) : $$(element).map(init)[0]; - function init(element) { - var instance = UIkit.getComponent(element, name); - if (instance) { - if (!data$$1) { - return instance; - } else { - instance.$destroy(); - } - } - return new component({ - el: element, - data: data$$1 - }); - } - }; - var opt = isPlainObject(options) ? assign({}, options) : options.options; - opt.name = name; - if (opt.install) { - opt.install(UIkit, opt, name); - } - if (UIkit._initialized && !opt.functional) { - var id = hyphenate(name); - fastdom.read(function() { - return UIkit[name]("[uk-" + id + "],[data-uk-" + id + "]"); - }); - } - return components[name] = isPlainObject(options) ? opt : options; - }; - UIkit.getComponents = function(element) { - return element && element[DATA] || {}; - }; - UIkit.getComponent = function(element, name) { - return UIkit.getComponents(element)[name]; - }; - UIkit.connect = function(node) { - if (node[DATA]) { - for (var name in node[DATA]) { - node[DATA][name]._callConnected(); - } - } - for (var i = 0; i < node.attributes.length; i++) { - var name$1 = getComponentName(node.attributes[i].name); - if (name$1 && name$1 in components) { - UIkit[name$1](node); - } - } - }; - UIkit.disconnect = function(node) { - for (var name in node[DATA]) { - node[DATA][name]._callDisconnected(); - } - }; - } - function getComponentName(attribute) { - return startsWith(attribute, "uk-") || startsWith(attribute, "data-uk-") ? camelize(attribute.replace("data-uk-", "").replace("uk-", "")) : false; - } - function boot(UIkit) { - var connect = UIkit.connect; - var disconnect = UIkit.disconnect; - if (!("MutationObserver" in window)) { - return; - } - if (document.body) { - init(); - } else { - new MutationObserver(function() { - if (document.body) { - this.disconnect(); - init(); - } - }).observe(document, { - childList: true, - subtree: true - }); - } - function init() { - apply$$1(document.body, connect); - fastdom.flush(); - new MutationObserver(function(mutations) { - return mutations.forEach(applyMutation); - }).observe(document, { - childList: true, - subtree: true, - characterData: true, - attributes: true - }); - UIkit._initialized = true; - } - function applyMutation(mutation) { - var target = mutation.target; - var type = mutation.type; - var update = type !== "attributes" ? applyChildList(mutation) : applyAttribute(mutation); - update && UIkit.update(target); - } - function applyAttribute(ref) { - var target = ref.target; - var attributeName = ref.attributeName; - if (attributeName === "href") { - return true; - } - var name = getComponentName(attributeName); - if (!name || !(name in UIkit)) { - return; - } - if (hasAttr(target, attributeName)) { - UIkit[name](target); - return true; - } - var component = UIkit.getComponent(target, name); - if (component) { - component.$destroy(); - return true; - } - } - function applyChildList(ref) { - var addedNodes = ref.addedNodes; - var removedNodes = ref.removedNodes; - for (var i = 0; i < addedNodes.length; i++) { - apply$$1(addedNodes[i], connect); - } - for (var i$1 = 0; i$1 < removedNodes.length; i$1++) { - apply$$1(removedNodes[i$1], disconnect); - } - return true; - } - function apply$$1(node, fn) { - if (node.nodeType !== 1 || hasAttr(node, "uk-no-boot")) { - return; - } - fn(node); - node = node.firstElementChild; - while (node) { - var next = node.nextElementSibling; - apply$$1(node, fn); - node = next; - } - } - } - function globalAPI(UIkit) { - var DATA = UIkit.data; - UIkit.use = function(plugin) { - if (plugin.installed) { - return; - } - plugin.call(null, this); - plugin.installed = true; - return this; - }; - UIkit.mixin = function(mixin, component) { - component = (isString(component) ? UIkit.component(component) : component) || this; - component.options = mergeOptions(component.options, mixin); - }; - UIkit.extend = function(options) { - options = options || {}; - var Super = this; - var Sub = function UIkitComponent(options) { - this._init(options); - }; - Sub.prototype = Object.create(Super.prototype); - Sub.prototype.constructor = Sub; - Sub.options = mergeOptions(Super.options, options); - Sub.super = Super; - Sub.extend = Super.extend; - return Sub; - }; - UIkit.update = function(element, e) { - element = element ? toNode(element) : document.body; - path(element, function(element) { - return update(element[DATA], e); - }); - apply(element, function(element) { - return update(element[DATA], e); - }); - }; - var container; - Object.defineProperty(UIkit, "container", { - get: function() { - return container || document.body; - }, - set: function(element) { - container = $(element); - } - }); - function update(data$$1, e) { - if (!data$$1) { - return; - } - for (var name in data$$1) { - if (data$$1[name]._connected) { - data$$1[name]._callUpdate(e); - } - } - } - function path(node, fn) { - if (node && node !== document.body && node.parentNode) { - path(node.parentNode, fn); - fn(node.parentNode); - } - } - } - function hooksAPI(UIkit) { - UIkit.prototype._callHook = function(hook) { - var this$1 = this; - var handlers = this.$options[hook]; - if (handlers) { - handlers.forEach(function(handler) { - return handler.call(this$1); - }); - } - }; - UIkit.prototype._callConnected = function() { - if (this._connected) { - return; - } - this._data = {}; - this._computeds = {}; - this._initProps(); - this._callHook("beforeConnect"); - this._connected = true; - this._initEvents(); - this._initObserver(); - this._callHook("connected"); - this._callUpdate(); - }; - UIkit.prototype._callDisconnected = function() { - if (!this._connected) { - return; - } - this._callHook("beforeDisconnect"); - if (this._observer) { - this._observer.disconnect(); - this._observer = null; - } - this._unbindEvents(); - this._callHook("disconnected"); - this._connected = false; - }; - UIkit.prototype._callUpdate = function(e) { - var this$1 = this; - if (e === void 0) e = "update"; - var type = e.type || e; - if (includes([ "update", "resize" ], type)) { - this._callWatches(); - } - var updates = this.$options.update; - var ref = this._frames; - var reads = ref.reads; - var writes = ref.writes; - if (!updates) { - return; - } - updates.forEach(function(ref, i) { - var read = ref.read; - var write = ref.write; - var events = ref.events; - if (type !== "update" && !includes(events, type)) { - return; - } - if (read && !includes(fastdom.reads, reads[i])) { - reads[i] = fastdom.read(function() { - var result = this$1._connected && read.call(this$1, this$1._data, type); - if (result === false && write) { - fastdom.clear(writes[i]); - } else if (isPlainObject(result)) { - assign(this$1._data, result); - } - }); - } - if (write && !includes(fastdom.writes, writes[i])) { - writes[i] = fastdom.write(function() { - return this$1._connected && write.call(this$1, this$1._data, type); - }); - } - }); - }; - } - function stateAPI(UIkit) { - var uid = 0; - UIkit.prototype._init = function(options) { - options = options || {}; - options.data = normalizeData(options, this.constructor.options); - this.$options = mergeOptions(this.constructor.options, options, this); - this.$el = null; - this.$props = {}; - this._frames = { - reads: {}, - writes: {} - }; - this._events = []; - this._uid = uid++; - this._initData(); - this._initMethods(); - this._initComputeds(); - this._callHook("created"); - if (options.el) { - this.$mount(options.el); - } - }; - UIkit.prototype._initData = function() { - var ref = this.$options; - var data$$1 = ref.data; - if (data$$1 === void 0) data$$1 = {}; - for (var key in data$$1) { - this.$props[key] = this[key] = data$$1[key]; - } - }; - UIkit.prototype._initMethods = function() { - var ref = this.$options; - var methods = ref.methods; - if (methods) { - for (var key in methods) { - this[key] = bind(methods[key], this); - } - } - }; - UIkit.prototype._initComputeds = function() { - var ref = this.$options; - var computed = ref.computed; - this._computeds = {}; - if (computed) { - for (var key in computed) { - registerComputed(this, key, computed[key]); - } - } - }; - UIkit.prototype._callWatches = function() { - var ref = this; - var computed = ref.$options.computed; - var _computeds = ref._computeds; - for (var key in _computeds) { - var value = _computeds[key]; - delete _computeds[key]; - if (computed[key].watch && !isEqual(value, this[key])) { - computed[key].watch.call(this, this[key], value); - } - } - }; - UIkit.prototype._initProps = function(props) { - var key; - props = props || getProps(this.$options, this.$name); - for (key in props) { - if (!isUndefined(props[key])) { - this.$props[key] = props[key]; - } - } - var exclude = [ this.$options.computed, this.$options.methods ]; - for (key in this.$props) { - if (key in props && notIn(exclude, key)) { - this[key] = this.$props[key]; - } - } - }; - UIkit.prototype._initEvents = function() { - var this$1 = this; - var ref = this.$options; - var events = ref.events; - if (events) { - events.forEach(function(event) { - if (!hasOwn(event, "handler")) { - for (var key in event) { - registerEvent(this$1, event[key], key); - } - } else { - registerEvent(this$1, event); - } - }); - } - }; - UIkit.prototype._unbindEvents = function() { - this._events.forEach(function(unbind) { - return unbind(); - }); - this._events = []; - }; - UIkit.prototype._initObserver = function() { - var this$1 = this; - var ref = this.$options; - var attrs = ref.attrs; - var props = ref.props; - var el = ref.el; - if (this._observer || !props || attrs === false) { - return; - } - attrs = isArray(attrs) ? attrs : Object.keys(props); - this._observer = new MutationObserver(function() { - var data$$1 = getProps(this$1.$options, this$1.$name); - if (attrs.some(function(key) { - return !isUndefined(data$$1[key]) && data$$1[key] !== this$1.$props[key]; - })) { - this$1.$reset(); - } - }); - var filter$$1 = attrs.map(function(key) { - return hyphenate(key); - }).concat(this.$name); - this._observer.observe(el, { - attributes: true, - attributeFilter: filter$$1.concat(filter$$1.map(function(key) { - return "data-" + key; - })) - }); - }; - function getProps(opts, name) { - var data$$1 = {}; - var args = opts.args; - if (args === void 0) args = []; - var props = opts.props; - if (props === void 0) props = {}; - var el = opts.el; - if (!props) { - return data$$1; - } - for (var key in props) { - var prop = hyphenate(key); - var value = data(el, prop); - if (!isUndefined(value)) { - value = props[key] === Boolean && value === "" ? true : coerce(props[key], value); - if (prop === "target" && (!value || startsWith(value, "_"))) { - continue; - } - data$$1[key] = value; - } - } - var options = parseOptions(data(el, name), args); - for (var key$1 in options) { - var prop$1 = camelize(key$1); - if (props[prop$1] !== undefined) { - data$$1[prop$1] = coerce(props[prop$1], options[key$1]); - } - } - return data$$1; - } - function registerComputed(component, key, cb) { - Object.defineProperty(component, key, { - enumerable: true, - get: function() { - var _computeds = component._computeds; - var $props = component.$props; - var $el = component.$el; - if (!hasOwn(_computeds, key)) { - _computeds[key] = (cb.get || cb).call(component, $props, $el); - } - return _computeds[key]; - }, - set: function(value) { - var _computeds = component._computeds; - _computeds[key] = cb.set ? cb.set.call(component, value) : value; - if (isUndefined(_computeds[key])) { - delete _computeds[key]; - } - } - }); - } - function registerEvent(component, event, key) { - if (!isPlainObject(event)) { - event = { - name: key, - handler: event - }; - } - var name = event.name; - var el = event.el; - var handler = event.handler; - var capture = event.capture; - var passive = event.passive; - var delegate = event.delegate; - var filter$$1 = event.filter; - var self = event.self; - el = isFunction(el) ? el.call(component) : el || component.$el; - if (isArray(el)) { - el.forEach(function(el) { - return registerEvent(component, assign({}, event, { - el: el - }), key); - }); - return; - } - if (!el || filter$$1 && !filter$$1.call(component)) { - return; - } - handler = detail(isString(handler) ? component[handler] : bind(handler, component)); - if (self) { - handler = selfFilter(handler); - } - component._events.push(on(el, name, !delegate ? null : isString(delegate) ? delegate : delegate.call(component), handler, isBoolean(passive) ? { - passive: passive, - capture: capture - } : capture)); - } - function selfFilter(handler) { - return function selfHandler(e) { - if (e.target === e.currentTarget || e.target === e.current) { - return handler.call(null, e); - } - }; - } - function notIn(options, key) { - return options.every(function(arr) { - return !arr || !hasOwn(arr, key); - }); - } - function detail(listener) { - return function(e) { - return isArray(e.detail) ? listener.apply(void 0, [ e ].concat(e.detail)) : listener(e); - }; - } - function coerce(type, value) { - if (type === Boolean) { - return toBoolean(value); - } else if (type === Number) { - return toNumber(value); - } else if (type === "list") { - return toList(value); - } - return type ? type(value) : value; - } - function normalizeData(ref, ref$1) { - var data$$1 = ref.data; - var el = ref.el; - var args = ref$1.args; - var props = ref$1.props; - if (props === void 0) props = {}; - data$$1 = isArray(data$$1) ? args && args.length ? data$$1.slice(0, args.length).reduce(function(data$$1, value, index$$1) { - if (isPlainObject(value)) { - assign(data$$1, value); - } else { - data$$1[args[index$$1]] = value; - } - return data$$1; - }, {}) : undefined : data$$1; - if (data$$1) { - for (var key in data$$1) { - if (isUndefined(data$$1[key])) { - delete data$$1[key]; - } else { - data$$1[key] = props[key] ? coerce(props[key], data$$1[key], el) : data$$1[key]; - } - } - } - return data$$1; - } - } - function instanceAPI(UIkit) { - var DATA = UIkit.data; - UIkit.prototype.$mount = function(el) { - var ref = this.$options; - var name = ref.name; - if (!el[DATA]) { - el[DATA] = {}; - } - if (el[DATA][name]) { - return; - } - el[DATA][name] = this; - this.$el = this.$options.el = this.$options.el || el; - if (within(el, document)) { - this._callConnected(); - } - }; - UIkit.prototype.$emit = function(e) { - this._callUpdate(e); - }; - UIkit.prototype.$reset = function() { - this._callDisconnected(); - this._callConnected(); - }; - UIkit.prototype.$destroy = function(removeEl) { - if (removeEl === void 0) removeEl = false; - var ref = this.$options; - var el = ref.el; - var name = ref.name; - if (el) { - this._callDisconnected(); - } - this._callHook("destroy"); - if (!el || !el[DATA]) { - return; - } - delete el[DATA][name]; - if (!Object.keys(el[DATA]).length) { - delete el[DATA]; - } - if (removeEl) { - remove(this.$el); - } - }; - UIkit.prototype.$create = function(component, element, data$$1) { - return UIkit[component](element, data$$1); - }; - UIkit.prototype.$update = UIkit.update; - UIkit.prototype.$getComponent = UIkit.getComponent; - var names = {}; - Object.defineProperties(UIkit.prototype, { - $container: Object.getOwnPropertyDescriptor(UIkit, "container"), - $name: { - get: function() { - var ref = this.$options; - var name = ref.name; - if (!names[name]) { - names[name] = UIkit.prefix + hyphenate(name); - } - return names[name]; - } - } - }); - } - var UIkit = function(options) { - this._init(options); - }; - UIkit.util = util; - UIkit.data = "__uikit__"; - UIkit.prefix = "uk-"; - UIkit.options = {}; - globalAPI(UIkit); - hooksAPI(UIkit); - stateAPI(UIkit); - componentAPI(UIkit); - instanceAPI(UIkit); - var Class = { - connected: function() { - !hasClass(this.$el, this.$name) && addClass(this.$el, this.$name); - } - }; - var Togglable = { - props: { - cls: Boolean, - animation: "list", - duration: Number, - origin: String, - transition: String, - queued: Boolean - }, - data: { - cls: false, - animation: [ false ], - duration: 200, - origin: false, - transition: "linear", - queued: false, - initProps: { - overflow: "", - height: "", - paddingTop: "", - paddingBottom: "", - marginTop: "", - marginBottom: "" - }, - hideProps: { - overflow: "hidden", - height: 0, - paddingTop: 0, - paddingBottom: 0, - marginTop: 0, - marginBottom: 0 - } - }, - computed: { - hasAnimation: function(ref) { - var animation = ref.animation; - return !!animation[0]; - }, - hasTransition: function(ref) { - var animation = ref.animation; - return this.hasAnimation && animation[0] === true; - } - }, - methods: { - toggleElement: function(targets, show, animate$$1) { - var this$1 = this; - return new Promise(function(resolve) { - targets = toNodes(targets); - var all = function(targets) { - return Promise.all(targets.map(function(el) { - return this$1._toggleElement(el, show, animate$$1); - })); - }; - var toggled = targets.filter(function(el) { - return this$1.isToggled(el); - }); - var untoggled = targets.filter(function(el) { - return !includes(toggled, el); - }); - var p; - if (!this$1.queued || !isUndefined(animate$$1) || !isUndefined(show) || !this$1.hasAnimation || targets.length < 2) { - p = all(untoggled.concat(toggled)); - } else { - var body = document.body; - var scroll = body.scrollTop; - var el = toggled[0]; - var inProgress = Animation.inProgress(el) && hasClass(el, "uk-animation-leave") || Transition.inProgress(el) && el.style.height === "0px"; - p = all(toggled); - if (!inProgress) { - p = p.then(function() { - var p = all(untoggled); - body.scrollTop = scroll; - return p; - }); - } - } - p.then(resolve, noop); - }); - }, - toggleNow: function(targets, show) { - var this$1 = this; - return new Promise(function(resolve) { - return Promise.all(toNodes(targets).map(function(el) { - return this$1._toggleElement(el, show, false); - })).then(resolve, noop); - }); - }, - isToggled: function(el) { - var nodes = toNodes(el || this.$el); - return this.cls ? hasClass(nodes, this.cls.split(" ")[0]) : !hasAttr(nodes, "hidden"); - }, - updateAria: function(el) { - if (this.cls === false) { - attr(el, "aria-hidden", !this.isToggled(el)); - } - }, - _toggleElement: function(el, show, animate$$1) { - var this$1 = this; - show = isBoolean(show) ? show : Animation.inProgress(el) ? hasClass(el, "uk-animation-leave") : Transition.inProgress(el) ? el.style.height === "0px" : !this.isToggled(el); - if (!trigger(el, "before" + (show ? "show" : "hide"), [ this ])) { - return Promise.reject(); - } - var promise = (isFunction(animate$$1) ? animate$$1 : animate$$1 === false || !this.hasAnimation ? this._toggle : this.hasTransition ? toggleHeight(this) : toggleAnimation(this))(el, show); - trigger(el, show ? "show" : "hide", [ this ]); - var final = function() { - trigger(el, show ? "shown" : "hidden", [ this$1 ]); - this$1.$update(el); - }; - return promise ? promise.then(final) : Promise.resolve(final()); - }, - _toggle: function(el, toggled) { - if (!el) { - return; - } - toggled = Boolean(toggled); - var changed; - if (this.cls) { - changed = includes(this.cls, " ") || toggled !== hasClass(el, this.cls); - changed && toggleClass(el, this.cls, includes(this.cls, " ") ? undefined : toggled); - } else { - changed = toggled === hasAttr(el, "hidden"); - changed && attr(el, "hidden", !toggled ? "" : null); - } - $$("[autofocus]", el).some(function(el) { - return isVisible(el) ? el.focus() || true : el.blur(); - }); - this.updateAria(el); - changed && this.$update(el); - } - } - }; - function toggleHeight(ref) { - var isToggled = ref.isToggled; - var duration = ref.duration; - var initProps = ref.initProps; - var hideProps = ref.hideProps; - var transition$$1 = ref.transition; - var _toggle = ref._toggle; - return function(el, show) { - var inProgress = Transition.inProgress(el); - var inner = el.hasChildNodes ? toFloat(css(el.firstElementChild, "marginTop")) + toFloat(css(el.lastElementChild, "marginBottom")) : 0; - var currentHeight = isVisible(el) ? height(el) + (inProgress ? 0 : inner) : 0; - Transition.cancel(el); - if (!isToggled(el)) { - _toggle(el, true); - } - height(el, ""); - fastdom.flush(); - var endHeight = height(el) + (inProgress ? 0 : inner); - height(el, currentHeight); - return (show ? Transition.start(el, assign({}, initProps, { - overflow: "hidden", - height: endHeight - }), Math.round(duration * (1 - currentHeight / endHeight)), transition$$1) : Transition.start(el, hideProps, Math.round(duration * (currentHeight / endHeight)), transition$$1).then(function() { - return _toggle(el, false); - })).then(function() { - return css(el, initProps); - }); - }; - } - function toggleAnimation(ref) { - var animation = ref.animation; - var duration = ref.duration; - var origin = ref.origin; - var _toggle = ref._toggle; - return function(el, show) { - Animation.cancel(el); - if (show) { - _toggle(el, true); - return Animation.in(el, animation[0], duration, origin); - } - return Animation.out(el, animation[1] || animation[0], duration, origin).then(function() { - return _toggle(el, false); - }); - }; - } - var Accordion = { - mixins: [ Class, Togglable ], - props: { - targets: String, - active: null, - collapsible: Boolean, - multiple: Boolean, - toggle: String, - content: String, - transition: String - }, - data: { - targets: "> *", - active: false, - animation: [ true ], - collapsible: true, - multiple: false, - clsOpen: "uk-open", - toggle: "> .uk-accordion-title", - content: "> .uk-accordion-content", - transition: "ease" - }, - computed: { - items: function(ref, $el) { - var targets = ref.targets; - return $$(targets, $el); - } - }, - events: [ { - name: "click", - delegate: function() { - return this.targets + " " + this.$props.toggle; - }, - handler: function(e) { - e.preventDefault(); - this.toggle(index($$(this.targets + " " + this.$props.toggle, this.$el), e.current)); - } - } ], - connected: function() { - if (this.active === false) { - return; - } - var active = this.items[Number(this.active)]; - if (active && !hasClass(active, this.clsOpen)) { - this.toggle(active, false); - } - }, - update: function() { - var this$1 = this; - this.items.forEach(function(el) { - return this$1._toggle($(this$1.content, el), hasClass(el, this$1.clsOpen)); - }); - var active = !this.collapsible && !hasClass(this.items, this.clsOpen) && this.items[0]; - if (active) { - this.toggle(active, false); - } - }, - methods: { - toggle: function(item, animate$$1) { - var this$1 = this; - var index$$1 = getIndex(item, this.items); - var active = filter(this.items, "." + this.clsOpen); - item = this.items[index$$1]; - item && [ item ].concat(!this.multiple && !includes(active, item) && active || []).forEach(function(el) { - var isItem = el === item; - var state = isItem && !hasClass(el, this$1.clsOpen); - if (!state && isItem && !this$1.collapsible && active.length < 2) { - return; - } - toggleClass(el, this$1.clsOpen, state); - var content = el._wrapper ? el._wrapper.firstElementChild : $(this$1.content, el); - if (!el._wrapper) { - el._wrapper = wrapAll(content, "
    "); - attr(el._wrapper, "hidden", state ? "" : null); - } - this$1._toggle(content, true); - this$1.toggleElement(el._wrapper, state, animate$$1).then(function() { - if (hasClass(el, this$1.clsOpen) !== state) { - return; - } - if (!state) { - this$1._toggle(content, false); - } - el._wrapper = null; - unwrap(content); - }); - }); - } - } - }; - var Alert = { - mixins: [ Class, Togglable ], - args: "animation", - props: { - close: String - }, - data: { - animation: [ true ], - selClose: ".uk-alert-close", - duration: 150, - hideProps: assign({ - opacity: 0 - }, Togglable.data.hideProps) - }, - events: [ { - name: "click", - delegate: function() { - return this.selClose; - }, - handler: function(e) { - e.preventDefault(); - this.close(); - } - } ], - methods: { - close: function() { - var this$1 = this; - this.toggleElement(this.$el).then(function() { - return this$1.$destroy(true); - }); - } - } - }; - function Core(UIkit) { - ready(function() { - UIkit.update(); - on(window, "load resize", function() { - return UIkit.update(null, "resize"); - }); - on(document, "loadedmetadata load", function(ref) { - var target = ref.target; - return UIkit.update(target, "resize"); - }, true); - var pending; - on(window, "scroll", function(e) { - if (pending) { - return; - } - pending = true; - fastdom.write(function() { - return pending = false; - }); - var target = e.target; - UIkit.update(target.nodeType !== 1 ? document.body : target, e.type); - }, { - passive: true, - capture: true - }); - var started = 0; - on(document, "animationstart", function(ref) { - var target = ref.target; - if ((css(target, "animationName") || "").match(/^uk-.*(left|right)/)) { - started++; - css(document.body, "overflowX", "hidden"); - setTimeout(function() { - if (!--started) { - css(document.body, "overflowX", ""); - } - }, toMs(css(target, "animationDuration")) + 100); - } - }, true); - }); - } - var Video = { - args: "autoplay", - props: { - automute: Boolean, - autoplay: Boolean - }, - data: { - automute: false, - autoplay: true - }, - computed: { - inView: function(ref) { - var autoplay = ref.autoplay; - return autoplay === "inview"; - } - }, - connected: function() { - if (this.inView && !hasAttr(this.$el, "preload")) { - this.$el.preload = "none"; - } - this.player = new Player(this.$el); - if (this.automute) { - this.player.mute(); - } - }, - update: { - read: function() { - return !this.player ? false : { - visible: isVisible(this.$el) && css(this.$el, "visibility") !== "hidden", - inView: this.inView && isInView(this.$el) - }; - }, - write: function(ref) { - var visible = ref.visible; - var inView = ref.inView; - if (!visible || this.inView && !inView) { - this.player.pause(); - } else if (this.autoplay === true || this.inView && inView) { - this.player.play(); - } - }, - events: [ "resize", "scroll" ] - } - }; - var Cover = { - mixins: [ Class, Video ], - props: { - width: Number, - height: Number - }, - data: { - automute: true - }, - update: { - read: function() { - var el = this.$el; - if (!isVisible(el)) { - return false; - } - var ref = el.parentNode; - var height$$1 = ref.offsetHeight; - var width$$1 = ref.offsetWidth; - return { - height: height$$1, - width: width$$1 - }; - }, - write: function(ref) { - var height$$1 = ref.height; - var width$$1 = ref.width; - var el = this.$el; - var elWidth = this.width || el.naturalWidth || el.videoWidth || el.clientWidth; - var elHeight = this.height || el.naturalHeight || el.videoHeight || el.clientHeight; - if (!elWidth || !elHeight) { - return; - } - css(el, Dimensions.cover({ - width: elWidth, - height: elHeight - }, { - width: width$$1 + (width$$1 % 2 ? 1 : 0), - height: height$$1 + (height$$1 % 2 ? 1 : 0) - })); - }, - events: [ "resize" ] - } - }; - var Position = { - props: { - pos: String, - offset: null, - flip: Boolean, - clsPos: String - }, - data: { - pos: "bottom-" + (!isRtl ? "left" : "right"), - flip: true, - offset: false, - clsPos: "" - }, - computed: { - pos: function(ref) { - var pos = ref.pos; - return (pos + (!includes(pos, "-") ? "-center" : "")).split("-"); - }, - dir: function() { - return this.pos[0]; - }, - align: function() { - return this.pos[1]; - } - }, - methods: { - positionAt: function(element, target, boundary) { - removeClasses(element, this.clsPos + "-(top|bottom|left|right)(-[a-z]+)?"); - css(element, { - top: "", - left: "" - }); - var node; - var ref = this; - var offset$$1 = ref.offset; - var axis = this.getAxis(); - if (!isNumeric(offset$$1)) { - node = $(offset$$1); - offset$$1 = node ? offset(node)[axis === "x" ? "left" : "top"] - offset(target)[axis === "x" ? "right" : "bottom"] : 0; - } - var ref$1 = positionAt(element, target, axis === "x" ? flipPosition(this.dir) + " " + this.align : this.align + " " + flipPosition(this.dir), axis === "x" ? this.dir + " " + this.align : this.align + " " + this.dir, axis === "x" ? "" + (this.dir === "left" ? -offset$$1 : offset$$1) : " " + (this.dir === "top" ? -offset$$1 : offset$$1), null, this.flip, boundary).target; - var x = ref$1.x; - var y = ref$1.y; - this.dir = axis === "x" ? x : y; - this.align = axis === "x" ? y : x; - toggleClass(element, this.clsPos + "-" + this.dir + "-" + this.align, this.offset === false); - }, - getAxis: function() { - return this.dir === "top" || this.dir === "bottom" ? "y" : "x"; - } - } - }; - var active; - var Drop = { - mixins: [ Position, Togglable ], - args: "pos", - props: { - mode: "list", - toggle: Boolean, - boundary: Boolean, - boundaryAlign: Boolean, - delayShow: Number, - delayHide: Number, - clsDrop: String - }, - data: { - mode: [ "click", "hover" ], - toggle: "- *", - boundary: window, - boundaryAlign: false, - delayShow: 0, - delayHide: 800, - clsDrop: false, - hoverIdle: 200, - animation: [ "uk-animation-fade" ], - cls: "uk-open" - }, - computed: { - boundary: function(ref, $el) { - var boundary = ref.boundary; - return query(boundary, $el); - }, - clsDrop: function(ref) { - var clsDrop = ref.clsDrop; - return clsDrop || "uk-" + this.$options.name; - }, - clsPos: function() { - return this.clsDrop; - } - }, - created: function() { - this.tracker = new MouseTracker(); - }, - connected: function() { - addClass(this.$el, this.clsDrop); - var ref = this.$props; - var toggle = ref.toggle; - this.toggle = toggle && this.$create("toggle", query(toggle, this.$el), { - target: this.$el, - mode: this.mode - }); - !this.toggle && trigger(this.$el, "updatearia"); - }, - events: [ { - name: "click", - delegate: function() { - return "." + this.clsDrop + "-close"; - }, - handler: function(e) { - e.preventDefault(); - this.hide(false); - } - }, { - name: "click", - delegate: function() { - return 'a[href^="#"]'; - }, - handler: function(e) { - if (e.defaultPrevented) { - return; - } - var id = e.target.hash; - if (!id) { - e.preventDefault(); - } - if (!id || !within(id, this.$el)) { - this.hide(false); - } - } - }, { - name: "beforescroll", - handler: function() { - this.hide(false); - } - }, { - name: "toggle", - self: true, - handler: function(e, toggle) { - e.preventDefault(); - if (this.isToggled()) { - this.hide(false); - } else { - this.show(toggle, false); - } - } - }, { - name: pointerEnter, - filter: function() { - return includes(this.mode, "hover"); - }, - handler: function(e) { - if (isTouch(e)) { - return; - } - if (active && active !== this && active.toggle && includes(active.toggle.mode, "hover") && !within(e.target, active.toggle.$el) && !pointInRect({ - x: e.pageX, - y: e.pageY - }, offset(active.$el))) { - active.hide(false); - } - e.preventDefault(); - this.show(this.toggle); - } - }, { - name: "toggleshow", - handler: function(e, toggle) { - if (toggle && !includes(toggle.target, this.$el)) { - return; - } - e.preventDefault(); - this.show(toggle || this.toggle); - } - }, { - name: "togglehide " + pointerLeave, - handler: function(e, toggle) { - if (isTouch(e) || toggle && !includes(toggle.target, this.$el)) { - return; - } - e.preventDefault(); - if (this.toggle && includes(this.toggle.mode, "hover")) { - this.hide(); - } - } - }, { - name: "beforeshow", - self: true, - handler: function() { - this.clearTimers(); - Animation.cancel(this.$el); - this.position(); - } - }, { - name: "show", - self: true, - handler: function() { - this.tracker.init(); - trigger(this.$el, "updatearia"); - registerEvent(); - } - }, { - name: "beforehide", - self: true, - handler: function() { - this.clearTimers(); - } - }, { - name: "hide", - handler: function(ref) { - var target = ref.target; - if (this.$el !== target) { - active = active === null && within(target, this.$el) && this.isToggled() ? this : active; - return; - } - active = this.isActive() ? null : active; - trigger(this.$el, "updatearia"); - this.tracker.cancel(); - } - }, { - name: "updatearia", - self: true, - handler: function(e, toggle) { - e.preventDefault(); - this.updateAria(this.$el); - if (toggle || this.toggle) { - attr((toggle || this.toggle).$el, "aria-expanded", this.isToggled() ? "true" : "false"); - toggleClass(this.toggle.$el, this.cls, this.isToggled()); - } - } - } ], - update: { - write: function() { - if (this.isToggled() && !Animation.inProgress(this.$el)) { - this.position(); - } - }, - events: [ "resize" ] - }, - methods: { - show: function(toggle, delay) { - var this$1 = this; - if (delay === void 0) delay = true; - var show = function() { - return !this$1.isToggled() && this$1.toggleElement(this$1.$el, true); - }; - var tryShow = function() { - this$1.toggle = toggle || this$1.toggle; - this$1.clearTimers(); - if (this$1.isActive()) { - return; - } else if (delay && active && active !== this$1 && active.isDelaying) { - this$1.showTimer = setTimeout(this$1.show, 10); - return; - } else if (this$1.isParentOf(active)) { - if (active.hideTimer) { - active.hide(false); - } else { - return; - } - } else if (active && this$1.isChildOf(active)) { - active.clearTimers(); - } else if (active && !this$1.isChildOf(active) && !this$1.isParentOf(active)) { - var prev; - while (active && active !== prev && !this$1.isChildOf(active)) { - prev = active; - active.hide(false); - } - } - if (delay && this$1.delayShow) { - this$1.showTimer = setTimeout(show, this$1.delayShow); - } else { - show(); - } - active = this$1; - }; - if (toggle && this.toggle && toggle.$el !== this.toggle.$el) { - once(this.$el, "hide", tryShow); - this.hide(false); - } else { - tryShow(); - } - }, - hide: function(delay) { - var this$1 = this; - if (delay === void 0) delay = true; - var hide = function() { - return this$1.toggleNow(this$1.$el, false); - }; - this.clearTimers(); - this.isDelaying = this.tracker.movesTo(this.$el); - if (delay && this.isDelaying) { - this.hideTimer = setTimeout(this.hide, this.hoverIdle); - } else if (delay && this.delayHide) { - this.hideTimer = setTimeout(hide, this.delayHide); - } else { - hide(); - } - }, - clearTimers: function() { - clearTimeout(this.showTimer); - clearTimeout(this.hideTimer); - this.showTimer = null; - this.hideTimer = null; - this.isDelaying = false; - }, - isActive: function() { - return active === this; - }, - isChildOf: function(drop) { - return drop && drop !== this && within(this.$el, drop.$el); - }, - isParentOf: function(drop) { - return drop && drop !== this && within(drop.$el, this.$el); - }, - position: function() { - removeClasses(this.$el, this.clsDrop + "-(stack|boundary)"); - css(this.$el, { - top: "", - left: "", - display: "block" - }); - toggleClass(this.$el, this.clsDrop + "-boundary", this.boundaryAlign); - var boundary = offset(this.boundary); - var alignTo = this.boundaryAlign ? boundary : offset(this.toggle.$el); - if (this.align === "justify") { - var prop = this.getAxis() === "y" ? "width" : "height"; - css(this.$el, prop, alignTo[prop]); - } else if (this.$el.offsetWidth > Math.max(boundary.right - alignTo.left, alignTo.right - boundary.left)) { - addClass(this.$el, this.clsDrop + "-stack"); - } - this.positionAt(this.$el, this.boundaryAlign ? this.boundary : this.toggle.$el, this.boundary); - css(this.$el, "display", ""); - } - } - }; - var registered; - function registerEvent() { - if (registered) { - return; - } - registered = true; - on(document, pointerUp, function(ref) { - var target = ref.target; - var defaultPrevented = ref.defaultPrevented; - var prev; - if (defaultPrevented) { - return; - } - while (active && active !== prev && !within(target, active.$el) && !(active.toggle && within(target, active.toggle.$el))) { - prev = active; - active.hide(false); - } - }); - } - var Dropdown = { - extends: Drop - }; - var FormCustom = { - mixins: [ Class ], - args: "target", - props: { - target: Boolean - }, - data: { - target: false - }, - computed: { - input: function(_, $el) { - return $(selInput, $el); - }, - state: function() { - return this.input.nextElementSibling; - }, - target: function(ref, $el) { - var target = ref.target; - return target && (target === true && this.input.parentNode === $el && this.input.nextElementSibling || query(target, $el)); - } - }, - update: function() { - var ref = this; - var target = ref.target; - var input = ref.input; - if (!target) { - return; - } - var option; - var prop = isInput(target) ? "value" : "textContent"; - var prev = target[prop]; - var value = input.files && input.files[0] ? input.files[0].name : matches(input, "select") && (option = $$("option", input).filter(function(el) { - return el.selected; - })[0]) ? option.textContent : input.value; - if (prev !== value) { - target[prop] = value; - } - }, - events: { - change: function() { - this.$emit(); - } - } - }; - var Gif = { - update: { - read: function(data$$1) { - var inview = isInView(this.$el); - if (!inview || data$$1.isInView === inview) { - return false; - } - data$$1.isInView = inview; - }, - write: function() { - this.$el.src = this.$el.src; - }, - events: [ "scroll", "resize" ] - } - }; - var Margin = { - props: { - margin: String, - firstColumn: Boolean - }, - data: { - margin: "uk-margin-small-top", - firstColumn: "uk-first-column" - }, - update: { - read: function(data$$1) { - var items = this.$el.children; - var rows = [ [] ]; - if (!items.length || !isVisible(this.$el)) { - return data$$1.rows = rows; - } - data$$1.rows = getRows(items); - data$$1.stacks = !data$$1.rows.some(function(row) { - return row.length > 1; - }); - }, - write: function(ref) { - var this$1 = this; - var rows = ref.rows; - rows.forEach(function(row, i) { - return row.forEach(function(el, j) { - toggleClass(el, this$1.margin, i !== 0); - toggleClass(el, this$1.firstColumn, j === 0); - }); - }); - }, - events: [ "resize" ] - } - }; - function getRows(items) { - var rows = [ [] ]; - for (var i = 0; i < items.length; i++) { - var el = items[i]; - var dim = getOffset(el); - if (!dim.height) { - continue; - } - for (var j = rows.length - 1; j >= 0; j--) { - var row = rows[j]; - if (!row[0]) { - row.push(el); - break; - } - var leftDim = void 0; - if (row[0].offsetParent === el.offsetParent) { - leftDim = getOffset(row[0]); - } else { - dim = getOffset(el, true); - leftDim = getOffset(row[0], true); - } - if (dim.top >= leftDim.bottom - 1) { - rows.push([ el ]); - break; - } - if (dim.bottom > leftDim.top) { - if (dim.left < leftDim.left && !isRtl) { - row.unshift(el); - break; - } - row.push(el); - break; - } - if (j === 0) { - rows.unshift([ el ]); - break; - } - } - } - return rows; - } - function getOffset(element, offset$$1) { - var assign$$1; - if (offset$$1 === void 0) offset$$1 = false; - var offsetTop = element.offsetTop; - var offsetLeft = element.offsetLeft; - var offsetHeight = element.offsetHeight; - if (offset$$1) { - assign$$1 = offsetPosition(element), offsetTop = assign$$1[0], offsetLeft = assign$$1[1]; - } - return { - top: offsetTop, - left: offsetLeft, - height: offsetHeight, - bottom: offsetTop + offsetHeight - }; - } - var Grid = { - extends: Margin, - mixins: [ Class ], - name: "grid", - props: { - masonry: Boolean, - parallax: Number - }, - data: { - margin: "uk-grid-margin", - clsStack: "uk-grid-stack", - masonry: false, - parallax: 0 - }, - computed: { - length: function(_, $el) { - return $el.children.length; - }, - parallax: function(ref) { - var parallax = ref.parallax; - return parallax && this.length ? Math.abs(parallax) : ""; - } - }, - connected: function() { - this.masonry && addClass(this.$el, "uk-flex-top uk-flex-wrap-top"); - }, - update: [ { - read: function(ref) { - var rows = ref.rows; - if (this.masonry || this.parallax) { - rows = rows.map(function(elements) { - return sortBy(elements, "offsetLeft"); - }); - if (isRtl) { - rows.map(function(row) { - return row.reverse(); - }); - } - } - var transitionInProgress = rows.some(function(elements) { - return elements.some(Transition.inProgress); - }); - var translates = false; - var elHeight = ""; - if (this.masonry && this.length) { - var height$$1 = 0; - translates = rows.reduce(function(translates, row, i) { - translates[i] = row.map(function(_, j) { - return i === 0 ? 0 : toFloat(translates[i - 1][j]) + (height$$1 - toFloat(rows[i - 1][j] && rows[i - 1][j].offsetHeight)); - }); - height$$1 = row.reduce(function(height$$1, el) { - return Math.max(height$$1, el.offsetHeight); - }, 0); - return translates; - }, []); - elHeight = maxColumnHeight(rows) + getMarginTop(this.$el, this.margin) * (rows.length - 1); - } - return { - rows: rows, - translates: translates, - height: !transitionInProgress ? elHeight : false - }; - }, - write: function(ref) { - var stacks = ref.stacks; - var height$$1 = ref.height; - toggleClass(this.$el, this.clsStack, stacks); - css(this.$el, "paddingBottom", this.parallax); - height$$1 !== false && css(this.$el, "height", height$$1); - }, - events: [ "resize" ] - }, { - read: function(ref) { - var height$$1 = ref.height; - return { - scrolled: this.parallax ? scrolledOver(this.$el, height$$1 ? height$$1 - height(this.$el) : 0) * this.parallax : false - }; - }, - write: function(ref) { - var rows = ref.rows; - var scrolled = ref.scrolled; - var translates = ref.translates; - if (scrolled === false && !translates) { - return; - } - rows.forEach(function(row, i) { - return row.forEach(function(el, j) { - return css(el, "transform", !scrolled && !translates ? "" : "translateY(" + ((translates && -translates[i][j]) + (scrolled ? j % 2 ? scrolled : scrolled / 8 : 0)) + "px)"); - }); - }); - }, - events: [ "scroll", "resize" ] - } ] - }; - function getMarginTop(root, cls) { - var nodes = toNodes(root.children); - var ref = nodes.filter(function(el) { - return hasClass(el, cls); - }); - var node = ref[0]; - return toFloat(node ? css(node, "marginTop") : css(nodes[0], "paddingLeft")); - } - function maxColumnHeight(rows) { - return Math.max.apply(Math, rows.reduce(function(sum, row) { - row.forEach(function(el, i) { - return sum[i] = (sum[i] || 0) + el.offsetHeight; - }); - return sum; - }, [])); - } - var FlexBug = isIE ? { - data: { - selMinHeight: false, - forceHeight: false - }, - computed: { - elements: function(ref, $el) { - var selMinHeight = ref.selMinHeight; - return selMinHeight ? $$(selMinHeight, $el) : [ $el ]; - } - }, - update: [ { - read: function() { - css(this.elements, "height", ""); - }, - order: -5, - events: [ "resize" ] - }, { - write: function() { - var this$1 = this; - this.elements.forEach(function(el) { - var height$$1 = toFloat(css(el, "minHeight")); - if (height$$1 && (this$1.forceHeight || Math.round(height$$1 + boxModelAdjust("height", el, "content-box")) >= el.offsetHeight)) { - css(el, "height", height$$1); - } - }); - }, - order: 5, - events: [ "resize" ] - } ] - } : {}; - var HeightMatch = { - mixins: [ FlexBug ], - args: "target", - props: { - target: String, - row: Boolean - }, - data: { - target: "> *", - row: true, - forceHeight: true - }, - computed: { - elements: function(ref, $el) { - var target = ref.target; - return $$(target, $el); - } - }, - update: { - read: function() { - return { - rows: (this.row ? getRows(this.elements) : [ this.elements ]).map(match) - }; - }, - write: function(ref) { - var rows = ref.rows; - rows.forEach(function(ref) { - var heights = ref.heights; - var elements = ref.elements; - return elements.forEach(function(el, i) { - return css(el, "minHeight", heights[i]); - }); - }); - }, - events: [ "resize" ] - } - }; - function match(elements) { - var assign$$1; - if (elements.length < 2) { - return { - heights: [ "" ], - elements: elements - }; - } - var ref = getHeights(elements); - var heights = ref.heights; - var max = ref.max; - var hasMinHeight = elements.some(function(el) { - return el.style.minHeight; - }); - var hasShrunk = elements.some(function(el, i) { - return !el.style.minHeight && heights[i] < max; - }); - if (hasMinHeight && hasShrunk) { - css(elements, "minHeight", ""); - assign$$1 = getHeights(elements), heights = assign$$1.heights, max = assign$$1.max; - } - heights = elements.map(function(el, i) { - return heights[i] === max && toFloat(el.style.minHeight).toFixed(2) !== max.toFixed(2) ? "" : max; - }); - return { - heights: heights, - elements: elements - }; - } - function getHeights(elements) { - var heights = elements.map(function(el) { - return offset(el).height - boxModelAdjust("height", el, "content-box"); - }); - var max = Math.max.apply(null, heights); - return { - heights: heights, - max: max - }; - } - var HeightViewport = { - mixins: [ FlexBug ], - props: { - expand: Boolean, - offsetTop: Boolean, - offsetBottom: Boolean, - minHeight: Number - }, - data: { - expand: false, - offsetTop: false, - offsetBottom: false, - minHeight: 0 - }, - update: { - read: function() { - var minHeight = ""; - var box = boxModelAdjust("height", this.$el, "content-box"); - if (this.expand) { - minHeight = height(window) - (offsetHeight(document.documentElement) - offsetHeight(this.$el)) - box || ""; - } else { - minHeight = "calc(100vh"; - if (this.offsetTop) { - var ref = offset(this.$el); - var top = ref.top; - minHeight += top < height(window) / 2 ? " - " + top + "px" : ""; - } - if (this.offsetBottom === true) { - minHeight += " - " + offsetHeight(this.$el.nextElementSibling) + "px"; - } else if (isNumeric(this.offsetBottom)) { - minHeight += " - " + this.offsetBottom + "vh"; - } else if (this.offsetBottom && endsWith(this.offsetBottom, "px")) { - minHeight += " - " + toFloat(this.offsetBottom) + "px"; - } else if (isString(this.offsetBottom)) { - minHeight += " - " + offsetHeight(query(this.offsetBottom, this.$el)) + "px"; - } - minHeight += (box ? " - " + box + "px" : "") + ")"; - } - return { - minHeight: minHeight - }; - }, - write: function(ref) { - var minHeight = ref.minHeight; - css(this.$el, { - minHeight: minHeight - }); - if (this.minHeight && toFloat(css(this.$el, "minHeight")) < this.minHeight) { - css(this.$el, "minHeight", this.minHeight); - } - }, - events: [ "resize" ] - } - }; - function offsetHeight(el) { - return el && el.offsetHeight || 0; - } - var svgs = {}; - var SVG = { - args: "src", - props: { - id: String, - icon: String, - src: String, - style: String, - width: Number, - height: Number, - ratio: Number, - class: String - }, - data: { - ratio: 1, - id: false, - exclude: [ "ratio", "src", "icon" ], - class: "" - }, - connected: function() { - var this$1 = this; - var assign$$1; - this.class += " uk-svg"; - if (!this.icon && includes(this.src, "#")) { - var parts = this.src.split("#"); - if (parts.length > 1) { - assign$$1 = parts, this.src = assign$$1[0], this.icon = assign$$1[1]; - } - } - this.svg = this.getSvg().then(function(svg) { - var el; - if (isString(svg)) { - if (this$1.icon && includes(svg, "/g; - var symbols = {}; - function parseSymbols(svg, icon) { - if (!symbols[svg]) { - symbols[svg] = {}; - var match; - while (match = symbolRe.exec(svg)) { - symbols[svg][match[3]] = '"; - } - symbolRe.lastIndex = 0; - } - return symbols[svg][icon]; - } - var closeIcon = ''; - var closeLarge = ''; - var marker = ''; - var navbarToggleIcon = ''; - var overlayIcon = ''; - var paginationNext = ''; - var paginationPrevious = ''; - var searchIcon = ''; - var searchLarge = ''; - var searchNavbar = ''; - var slidenavNext = ''; - var slidenavNextLarge = ''; - var slidenavPrevious = ''; - var slidenavPreviousLarge = ''; - var spinner = ''; - var totop = ''; - var parsed = {}; - var icons = { - spinner: spinner, - totop: totop, - marker: marker, - "close-icon": closeIcon, - "close-large": closeLarge, - "navbar-toggle-icon": navbarToggleIcon, - "overlay-icon": overlayIcon, - "pagination-next": paginationNext, - "pagination-previous": paginationPrevious, - "search-icon": searchIcon, - "search-large": searchLarge, - "search-navbar": searchNavbar, - "slidenav-next": slidenavNext, - "slidenav-next-large": slidenavNextLarge, - "slidenav-previous": slidenavPrevious, - "slidenav-previous-large": slidenavPreviousLarge - }; - var Icon = { - install: install, - attrs: [ "icon", "ratio" ], - mixins: [ Class, SVG ], - args: "icon", - props: [ "icon" ], - data: { - exclude: [ "id", "style", "class", "src", "icon", "ratio" ] - }, - isIcon: true, - connected: function() { - addClass(this.$el, "uk-icon"); - }, - methods: { - getSvg: function() { - var icon = getIcon(applyRtl(this.icon)); - if (!icon) { - return Promise.reject("Icon not found."); - } - return Promise.resolve(icon); - } - } - }; - var IconComponent = { - extends: Icon, - data: function(vm) { - return { - icon: hyphenate(vm.constructor.options.name) - }; - } - }; - var Slidenav = { - extends: IconComponent, - connected: function() { - addClass(this.$el, "uk-slidenav"); - }, - computed: { - icon: function(ref, $el) { - var icon = ref.icon; - return hasClass($el, "uk-slidenav-large") ? icon + "-large" : icon; - } - } - }; - var Search = { - extends: IconComponent, - computed: { - icon: function(ref, $el) { - var icon = ref.icon; - return hasClass($el, "uk-search-icon") && parents($el, ".uk-search-large").length ? "search-large" : parents($el, ".uk-search-navbar").length ? "search-navbar" : icon; - } - } - }; - var Close = { - extends: IconComponent, - computed: { - icon: function() { - return "close-" + (hasClass(this.$el, "uk-close-large") ? "large" : "icon"); - } - } - }; - var Spinner = { - extends: IconComponent, - connected: function() { - var this$1 = this; - this.svg.then(function(svg) { - return this$1.ratio !== 1 && css($("circle", svg), "strokeWidth", 1 / this$1.ratio); - }, noop); - } - }; - function install(UIkit) { - UIkit.icon.add = function(name, svg) { - var obj; - var added = isString(name) ? (obj = {}, obj[name] = svg, obj) : name; - each(added, function(svg, name) { - icons[name] = svg; - delete parsed[name]; - }); - if (UIkit._initialized) { - apply(document.body, function(el) { - return each(UIkit.getComponents(el), function(cmp) { - cmp.$options.isIcon && cmp.icon in added && cmp.$reset(); - }); - }); - } - }; - } - function getIcon(icon) { - if (!icons[icon]) { - return null; - } - if (!parsed[icon]) { - parsed[icon] = $(icons[icon].trim()); - } - return parsed[icon]; - } - function applyRtl(icon) { - return isRtl ? swap(swap(icon, "left", "right"), "previous", "next") : icon; - } - var Img = { - props: { - dataSrc: String, - dataSrcset: Boolean, - sizes: String, - width: Number, - height: Number, - offsetTop: String, - offsetLeft: String, - target: String - }, - data: { - dataSrc: "", - dataSrcset: false, - sizes: false, - width: false, - height: false, - offsetTop: "50vh", - offsetLeft: 0, - target: false - }, - computed: { - cacheKey: function(ref) { - var dataSrc = ref.dataSrc; - return this.$name + "." + dataSrc; - }, - width: function(ref) { - var width$$1 = ref.width; - var dataWidth = ref.dataWidth; - return width$$1 || dataWidth; - }, - height: function(ref) { - var height$$1 = ref.height; - var dataHeight = ref.dataHeight; - return height$$1 || dataHeight; - }, - sizes: function(ref) { - var sizes = ref.sizes; - var dataSizes = ref.dataSizes; - return sizes || dataSizes; - }, - isImg: function(_, $el) { - return isImg($el); - }, - target: { - get: function(ref) { - var target = ref.target; - return [ this.$el ].concat(queryAll(target, this.$el)); - }, - watch: function() { - this.observe(); - } - }, - offsetTop: function(ref) { - var offsetTop = ref.offsetTop; - return toPx(offsetTop, "height"); - }, - offsetLeft: function(ref) { - var offsetLeft = ref.offsetLeft; - return toPx(offsetLeft, "width"); - } - }, - connected: function() { - if (storage[this.cacheKey]) { - setSrcAttrs(this.$el, storage[this.cacheKey] || this.dataSrc, this.dataSrcset, this.sizes); - } else if (this.isImg && this.width && this.height) { - setSrcAttrs(this.$el, getPlaceholderImage(this.width, this.height, this.sizes)); - } - this.observer = new IntersectionObserver(this.load, { - rootMargin: this.offsetTop + "px " + this.offsetLeft + "px" - }); - requestAnimationFrame(this.observe); - }, - disconnected: function() { - this.observer.disconnect(); - }, - update: { - read: function(ref) { - var this$1 = this; - var image = ref.image; - if (!image && document.readyState === "complete") { - this.load(this.observer.takeRecords()); - } - if (this.isImg) { - return false; - } - image && image.then(function(img) { - return img && img.currentSrc !== "" && setSrcAttrs(this$1.$el, currentSrc(img)); - }); - }, - write: function(data$$1) { - if (this.dataSrcset && window.devicePixelRatio !== 1) { - var bgSize = css(this.$el, "backgroundSize"); - if (bgSize.match(/^(auto\s?)+$/) || toFloat(bgSize) === data$$1.bgSize) { - data$$1.bgSize = getSourceSize(this.dataSrcset, this.sizes); - css(this.$el, "backgroundSize", data$$1.bgSize + "px"); - } - } - }, - events: [ "resize" ] - }, - methods: { - load: function(entries) { - var this$1 = this; - if (!entries.some(function(entry) { - return entry.isIntersecting; - })) { - return; - } - this._data.image = getImage(this.dataSrc, this.dataSrcset, this.sizes).then(function(img) { - setSrcAttrs(this$1.$el, currentSrc(img), img.srcset, img.sizes); - storage[this$1.cacheKey] = currentSrc(img); - return img; - }, noop); - this.observer.disconnect(); - }, - observe: function() { - var this$1 = this; - if (!this._data.image && this._connected) { - this.target.forEach(function(el) { - return this$1.observer.observe(el); - }); - } - } - } - }; - function setSrcAttrs(el, src, srcset, sizes) { - if (isImg(el)) { - sizes && (el.sizes = sizes); - srcset && (el.srcset = srcset); - src && (el.src = src); - } else if (src) { - var change = !includes(el.style.backgroundImage, src); - if (change) { - css(el, "backgroundImage", "url(" + escape(src) + ")"); - trigger(el, createEvent("load", false)); - } - } - } - function getPlaceholderImage(width$$1, height$$1, sizes) { - var assign$$1; - if (sizes) { - assign$$1 = Dimensions.ratio({ - width: width$$1, - height: height$$1 - }, "width", toPx(sizesToPixel(sizes))), width$$1 = assign$$1.width, height$$1 = assign$$1.height; - } - return 'data:image/svg+xml;utf8,'; - } - var sizesRe = /\s*(.*?)\s*(\w+|calc\(.*?\))\s*(?:,|$)/g; - function sizesToPixel(sizes) { - var matches$$1; - sizesRe.lastIndex = 0; - while (matches$$1 = sizesRe.exec(sizes)) { - if (!matches$$1[1] || window.matchMedia(matches$$1[1]).matches) { - matches$$1 = evaluateSize(matches$$1[2]); - break; - } - } - return matches$$1 || "100vw"; - } - var sizeRe = /\d+(?:\w+|%)/g; - var additionRe = /[+-]?(\d+)/g; - function evaluateSize(size) { - return startsWith(size, "calc") ? size.substring(5, size.length - 1).replace(sizeRe, function(size) { - return toPx(size); - }).replace(/ /g, "").match(additionRe).reduce(function(a, b) { - return a + +b; - }, 0) : size; - } - function toPx(value, property, element) { - if (property === void 0) property = "width"; - if (element === void 0) element = window; - return isNumeric(value) ? +value : endsWith(value, "vw") ? percent(element, "width", value) : endsWith(value, "vh") ? percent(element, "height", value) : endsWith(value, "%") ? percent(element, property, value) : toFloat(value); - } - var srcSetRe = /\s+\d+w\s*(?:,|$)/g; - function getSourceSize(srcset, sizes) { - var srcSize = toPx(sizesToPixel(sizes)); - var descriptors = (srcset.match(srcSetRe) || []).map(toFloat).sort(function(a, b) { - return a - b; - }); - return descriptors.filter(function(size) { - return size >= srcSize; - })[0] || descriptors.pop() || ""; - } - var dimensions = { - height: height, - width: width - }; - function percent(element, property, value) { - return dimensions[property](element) * toFloat(value) / 100; - } - function isImg(el) { - return el.tagName === "IMG"; - } - function currentSrc(el) { - return el.currentSrc || el.src; - } - var key = "__test__"; - var storage; - try { - storage = window.sessionStorage || {}; - storage[key] = 1; - delete storage[key]; - } catch (e) { - storage = {}; - } - var Media = { - props: { - media: Boolean - }, - data: { - media: false - }, - computed: { - matchMedia: function() { - var media = toMedia(this.media); - return !media || window.matchMedia(media).matches; - } - } - }; - function toMedia(value) { - if (isString(value)) { - if (value[0] === "@") { - var name = "breakpoint-" + value.substr(1); - value = toFloat(getCssVar(name)); - } else if (isNaN(value)) { - return value; - } - } - return value && !isNaN(value) ? "(min-width: " + value + "px)" : false; - } - var Leader = { - mixins: [ Class, Media ], - props: { - fill: String - }, - data: { - fill: "", - clsWrapper: "uk-leader-fill", - clsHide: "uk-leader-hide", - attrFill: "data-fill" - }, - computed: { - fill: function(ref) { - var fill = ref.fill; - return fill || getCssVar("leader-fill-content"); - } - }, - connected: function() { - var assign$$1; - assign$$1 = wrapInner(this.$el, ''), this.wrapper = assign$$1[0]; - }, - disconnected: function() { - unwrap(this.wrapper.childNodes); - }, - update: { - read: function(ref) { - var changed = ref.changed; - var width$$1 = ref.width; - var prev = width$$1; - width$$1 = Math.floor(this.$el.offsetWidth / 2); - return { - width: width$$1, - changed: changed || prev !== width$$1, - hide: !this.matchMedia - }; - }, - write: function(data$$1) { - toggleClass(this.wrapper, this.clsHide, data$$1.hide); - if (data$$1.changed) { - data$$1.changed = false; - attr(this.wrapper, this.attrFill, new Array(data$$1.width).join(this.fill)); - } - }, - events: [ "resize" ] - } - }; - var Container = { - props: { - container: Boolean - }, - data: { - container: true - }, - computed: { - container: function(ref) { - var container = ref.container; - return container === true && this.$container || container && $(container); - } - } - }; - var active$1; - var Modal = { - mixins: [ Class, Container, Togglable ], - props: { - selPanel: String, - selClose: String, - escClose: Boolean, - bgClose: Boolean, - stack: Boolean - }, - data: { - cls: "uk-open", - escClose: true, - bgClose: true, - overlay: true, - stack: false - }, - computed: { - panel: function(ref, $el) { - var selPanel = ref.selPanel; - return $(selPanel, $el); - }, - transitionElement: function() { - return this.panel; - }, - bgClose: function(ref) { - var bgClose = ref.bgClose; - return bgClose && this.panel; - } - }, - beforeDisconnect: function() { - if (this.isToggled()) { - this.toggleNow(this.$el, false); - } - }, - events: [ { - name: "click", - delegate: function() { - return this.selClose; - }, - handler: function(e) { - e.preventDefault(); - this.hide(); - } - }, { - name: "toggle", - self: true, - handler: function(e) { - if (e.defaultPrevented) { - return; - } - e.preventDefault(); - this.toggle(); - } - }, { - name: "beforeshow", - self: true, - handler: function(e) { - var prev = active$1 && active$1 !== this && active$1; - active$1 = this; - if (prev) { - if (this.stack) { - this.prev = prev; - } else { - active$1 = prev; - if (prev.isToggled()) { - prev.hide().then(this.show); - } else { - once(prev.$el, "beforeshow hidden", this.show, false, function(ref) { - var target = ref.target; - var type = ref.type; - return type === "hidden" && target === prev.$el; - }); - } - e.preventDefault(); - } - return; - } - registerEvents(); - } - }, { - name: "show", - self: true, - handler: function() { - if (!hasClass(document.documentElement, this.clsPage)) { - this.scrollbarWidth = width(window) - width(document); - css(document.body, "overflowY", this.scrollbarWidth && this.overlay ? "scroll" : ""); - } - addClass(document.documentElement, this.clsPage); - } - }, { - name: "hide", - self: true, - handler: function() { - if (!active$1 || active$1 === this && !this.prev) { - deregisterEvents(); - } - } - }, { - name: "hidden", - self: true, - handler: function() { - var found; - var ref = this; - var prev = ref.prev; - active$1 = active$1 && active$1 !== this && active$1 || prev; - if (!active$1) { - css(document.body, "overflowY", ""); - } else { - while (prev) { - if (prev.clsPage === this.clsPage) { - found = true; - break; - } - prev = prev.prev; - } - } - if (!found) { - removeClass(document.documentElement, this.clsPage); - } - } - } ], - methods: { - toggle: function() { - return this.isToggled() ? this.hide() : this.show(); - }, - show: function() { - var this$1 = this; - if (this.isToggled()) { - return Promise.resolve(); - } - if (this.container && this.$el.parentNode !== this.container) { - append(this.container, this.$el); - return new Promise(function(resolve) { - return requestAnimationFrame(function() { - return this$1.show().then(resolve); - }); - }); - } - return this.toggleElement(this.$el, true, animate$1(this)); - }, - hide: function() { - return this.isToggled() ? this.toggleElement(this.$el, false, animate$1(this)) : Promise.resolve(); - }, - getActive: function() { - return active$1; - } - } - }; - var events; - function registerEvents() { - if (events) { - return; - } - events = [ on(document, pointerUp, function(ref) { - var target = ref.target; - var defaultPrevented = ref.defaultPrevented; - if (active$1 && active$1.bgClose && !defaultPrevented && (!active$1.overlay || within(target, active$1.$el)) && !within(target, active$1.panel)) { - active$1.hide(); - } - }), on(document, "keydown", function(e) { - if (e.keyCode === 27 && active$1 && active$1.escClose) { - e.preventDefault(); - active$1.hide(); - } - }) ]; - } - function deregisterEvents() { - events && events.forEach(function(unbind) { - return unbind(); - }); - events = null; - } - function animate$1(ref) { - var transitionElement = ref.transitionElement; - var _toggle = ref._toggle; - return function(el, show) { - return new Promise(function(resolve, reject) { - return once(el, "show hide", function() { - el._reject && el._reject(); - el._reject = reject; - _toggle(el, show); - if (toMs(css(transitionElement, "transitionDuration"))) { - once(transitionElement, "transitionend", resolve, false, function(e) { - return e.target === transitionElement; - }); - } else { - resolve(); - } - }); - }); - }; - } - var Modal$1 = { - install: install$1, - mixins: [ Modal ], - data: { - clsPage: "uk-modal-page", - selPanel: ".uk-modal-dialog", - selClose: ".uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full" - }, - events: [ { - name: "show", - self: true, - handler: function() { - if (hasClass(this.panel, "uk-margin-auto-vertical")) { - addClass(this.$el, "uk-flex"); - } else { - css(this.$el, "display", "block"); - } - height(this.$el); - } - }, { - name: "hidden", - self: true, - handler: function() { - css(this.$el, "display", ""); - removeClass(this.$el, "uk-flex"); - } - } ] - }; - function install$1(UIkit) { - UIkit.modal.dialog = function(content, options) { - var dialog = UIkit.modal('
    ' + content + "
    ", options); - dialog.show(); - on(dialog.$el, "hidden", function(ref) { - var target = ref.target; - var currentTarget = ref.currentTarget; - if (target === currentTarget) { - Promise.resolve(function() { - return dialog.$destroy(true); - }); - } - }); - return dialog; - }; - UIkit.modal.alert = function(message, options) { - options = assign({ - bgClose: false, - escClose: false, - labels: UIkit.modal.labels - }, options); - return new Promise(function(resolve) { - return on(UIkit.modal.dialog('
    ' + (isString(message) ? message : html(message)) + '
    ", options).$el, "hide", resolve); - }); - }; - UIkit.modal.confirm = function(message, options) { - options = assign({ - bgClose: false, - escClose: true, - labels: UIkit.modal.labels - }, options); - return new Promise(function(resolve, reject) { - var confirm = UIkit.modal.dialog('
    ' + (isString(message) ? message : html(message)) + '
    ", options); - var resolved = false; - on(confirm.$el, "submit", "form", function(e) { - e.preventDefault(); - resolve(); - resolved = true; - confirm.hide(); - }); - on(confirm.$el, "hide", function() { - if (!resolved) { - reject(); - } - }); - }); - }; - UIkit.modal.prompt = function(message, value, options) { - options = assign({ - bgClose: false, - escClose: true, - labels: UIkit.modal.labels - }, options); - return new Promise(function(resolve) { - var prompt = UIkit.modal.dialog('
    ", options), input = $("input", prompt.$el); - input.value = value; - var resolved = false; - on(prompt.$el, "submit", "form", function(e) { - e.preventDefault(); - resolve(input.value); - resolved = true; - prompt.hide(); - }); - on(prompt.$el, "hide", function() { - if (!resolved) { - resolve(null); - } - }); - }); - }; - UIkit.modal.labels = { - ok: "Ok", - cancel: "Cancel" - }; - } - var Nav = { - extends: Accordion, - data: { - targets: "> .uk-parent", - toggle: "> a", - content: "> ul" - } - }; - var Navbar = { - mixins: [ Class, FlexBug ], - props: { - dropdown: String, - mode: "list", - align: String, - offset: Number, - boundary: Boolean, - boundaryAlign: Boolean, - clsDrop: String, - delayShow: Number, - delayHide: Number, - dropbar: Boolean, - dropbarMode: String, - dropbarAnchor: Boolean, - duration: Number - }, - data: { - dropdown: ".uk-navbar-nav > li", - align: !isRtl ? "left" : "right", - clsDrop: "uk-navbar-dropdown", - mode: undefined, - offset: undefined, - delayShow: undefined, - delayHide: undefined, - boundaryAlign: undefined, - flip: "x", - boundary: true, - dropbar: false, - dropbarMode: "slide", - dropbarAnchor: false, - duration: 200, - forceHeight: true, - selMinHeight: ".uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle" - }, - computed: { - boundary: function(ref, $el) { - var boundary = ref.boundary; - var boundaryAlign = ref.boundaryAlign; - return boundary === true || boundaryAlign ? $el : boundary; - }, - dropbarAnchor: function(ref, $el) { - var dropbarAnchor = ref.dropbarAnchor; - return query(dropbarAnchor, $el); - }, - pos: function(ref) { - var align = ref.align; - return "bottom-" + align; - }, - dropdowns: function(ref, $el) { - var dropdown = ref.dropdown; - var clsDrop = ref.clsDrop; - return $$(dropdown + " ." + clsDrop, $el); - } - }, - beforeConnect: function() { - var ref = this.$props; - var dropbar = ref.dropbar; - this.dropbar = dropbar && (query(dropbar, this.$el) || $("+ .uk-navbar-dropbar", this.$el) || $("
    ")); - if (this.dropbar) { - addClass(this.dropbar, "uk-navbar-dropbar"); - if (this.dropbarMode === "slide") { - addClass(this.dropbar, "uk-navbar-dropbar-slide"); - } - } - }, - disconnected: function() { - this.dropbar && remove(this.dropbar); - }, - update: function() { - var this$1 = this; - this.$create("drop", this.dropdowns.filter(function(el) { - return !this$1.getDropdown(el); - }), assign({}, this.$props, { - boundary: this.boundary, - pos: this.pos, - offset: this.dropbar || this.offset - })); - }, - events: [ { - name: "mouseover", - delegate: function() { - return this.dropdown; - }, - handler: function(ref) { - var current = ref.current; - var active = this.getActive(); - if (active && active.toggle && !within(active.toggle.$el, current) && !active.tracker.movesTo(active.$el)) { - active.hide(false); - } - } - }, { - name: "mouseleave", - el: function() { - return this.dropbar; - }, - handler: function() { - var active = this.getActive(); - if (active && !matches(this.dropbar, ":hover")) { - active.hide(); - } - } - }, { - name: "beforeshow", - capture: true, - filter: function() { - return this.dropbar; - }, - handler: function() { - if (!this.dropbar.parentNode) { - after(this.dropbarAnchor || this.$el, this.dropbar); - } - } - }, { - name: "show", - capture: true, - filter: function() { - return this.dropbar; - }, - handler: function(_, drop) { - var $el = drop.$el; - var dir = drop.dir; - this.clsDrop && addClass($el, this.clsDrop + "-dropbar"); - if (dir === "bottom") { - this.transitionTo($el.offsetHeight + toFloat(css($el, "marginTop")) + toFloat(css($el, "marginBottom")), $el); - } - } - }, { - name: "beforehide", - filter: function() { - return this.dropbar; - }, - handler: function(e, ref) { - var $el = ref.$el; - var active = this.getActive(); - if (matches(this.dropbar, ":hover") && active && active.$el === $el) { - e.preventDefault(); - } - } - }, { - name: "hide", - filter: function() { - return this.dropbar; - }, - handler: function(_, ref) { - var $el = ref.$el; - var active = this.getActive(); - if (!active || active && active.$el === $el) { - this.transitionTo(0); - } - } - } ], - methods: { - getActive: function() { - var ref = this.dropdowns.map(this.getDropdown).filter(function(drop) { - return drop && drop.isActive(); - }); - var active = ref[0]; - return active && includes(active.mode, "hover") && within(active.toggle.$el, this.$el) && active; - }, - transitionTo: function(newHeight, el) { - var this$1 = this; - var ref = this; - var dropbar = ref.dropbar; - var oldHeight = isVisible(dropbar) ? height(dropbar) : 0; - el = oldHeight < newHeight && el; - css(el, "clip", "rect(0," + el.offsetWidth + "px," + oldHeight + "px,0)"); - height(dropbar, oldHeight); - Transition.cancel([ el, dropbar ]); - return Promise.all([ Transition.start(dropbar, { - height: newHeight - }, this.duration), Transition.start(el, { - clip: "rect(0," + el.offsetWidth + "px," + newHeight + "px,0)" - }, this.duration) ]).catch(noop).then(function() { - css(el, { - clip: "" - }); - this$1.$update(dropbar); - }); - }, - getDropdown: function(el) { - return this.$getComponent(el, "drop") || this.$getComponent(el, "dropdown"); - } - } - }; - var Offcanvas = { - mixins: [ Modal ], - args: "mode", - props: { - mode: String, - flip: Boolean, - overlay: Boolean - }, - data: { - mode: "slide", - flip: false, - overlay: false, - clsPage: "uk-offcanvas-page", - clsContainer: "uk-offcanvas-container", - selPanel: ".uk-offcanvas-bar", - clsFlip: "uk-offcanvas-flip", - clsContainerAnimation: "uk-offcanvas-container-animation", - clsSidebarAnimation: "uk-offcanvas-bar-animation", - clsMode: "uk-offcanvas", - clsOverlay: "uk-offcanvas-overlay", - selClose: ".uk-offcanvas-close" - }, - computed: { - clsFlip: function(ref) { - var flip = ref.flip; - var clsFlip = ref.clsFlip; - return flip ? clsFlip : ""; - }, - clsOverlay: function(ref) { - var overlay = ref.overlay; - var clsOverlay = ref.clsOverlay; - return overlay ? clsOverlay : ""; - }, - clsMode: function(ref) { - var mode = ref.mode; - var clsMode = ref.clsMode; - return clsMode + "-" + mode; - }, - clsSidebarAnimation: function(ref) { - var mode = ref.mode; - var clsSidebarAnimation = ref.clsSidebarAnimation; - return mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation; - }, - clsContainerAnimation: function(ref) { - var mode = ref.mode; - var clsContainerAnimation = ref.clsContainerAnimation; - return mode !== "push" && mode !== "reveal" ? "" : clsContainerAnimation; - }, - transitionElement: function(ref) { - var mode = ref.mode; - return mode === "reveal" ? this.panel.parentNode : this.panel; - } - }, - events: [ { - name: "click", - delegate: function() { - return 'a[href^="#"]'; - }, - handler: function(ref) { - var current = ref.current; - if (current.hash && $(current.hash, document.body)) { - this.hide(); - } - } - }, { - name: "touchstart", - el: function() { - return this.panel; - }, - handler: function(ref) { - var targetTouches = ref.targetTouches; - if (targetTouches.length === 1) { - this.clientY = targetTouches[0].clientY; - } - } - }, { - name: "touchmove", - self: true, - passive: false, - filter: function() { - return this.overlay; - }, - handler: function(e) { - e.preventDefault(); - } - }, { - name: "touchmove", - passive: false, - el: function() { - return this.panel; - }, - handler: function(e) { - if (e.targetTouches.length !== 1) { - return; - } - var clientY = event.targetTouches[0].clientY - this.clientY; - var ref = this.panel; - var scrollTop$$1 = ref.scrollTop; - var scrollHeight = ref.scrollHeight; - var clientHeight = ref.clientHeight; - if (clientHeight >= scrollHeight || scrollTop$$1 === 0 && clientY > 0 || scrollHeight - scrollTop$$1 <= clientHeight && clientY < 0) { - e.preventDefault(); - } - } - }, { - name: "show", - self: true, - handler: function() { - if (this.mode === "reveal" && !hasClass(this.panel.parentNode, this.clsMode)) { - wrapAll(this.panel, "
    "); - addClass(this.panel.parentNode, this.clsMode); - } - css(document.documentElement, "overflowY", this.overlay ? "hidden" : ""); - addClass(document.body, this.clsContainer, this.clsFlip); - css(this.$el, "display", "block"); - addClass(this.$el, this.clsOverlay); - addClass(this.panel, this.clsSidebarAnimation, this.mode !== "reveal" ? this.clsMode : ""); - height(document.body); - addClass(document.body, this.clsContainerAnimation); - this.clsContainerAnimation && suppressUserScale(); - } - }, { - name: "hide", - self: true, - handler: function() { - removeClass(document.body, this.clsContainerAnimation); - var active = this.getActive(); - if (this.mode === "none" || active && active !== this && active !== this.prev) { - trigger(this.panel, "transitionend"); - } - } - }, { - name: "hidden", - self: true, - handler: function() { - this.clsContainerAnimation && resumeUserScale(); - if (this.mode === "reveal") { - unwrap(this.panel); - } - removeClass(this.panel, this.clsSidebarAnimation, this.clsMode); - removeClass(this.$el, this.clsOverlay); - css(this.$el, "display", ""); - removeClass(document.body, this.clsContainer, this.clsFlip); - css(document.documentElement, "overflowY", ""); - } - }, { - name: "swipeLeft swipeRight", - handler: function(e) { - if (this.isToggled() && isTouch(e) && e.type === "swipeLeft" ^ this.flip) { - this.hide(); - } - } - } ] - }; - function suppressUserScale() { - getViewport().content += ",user-scalable=0"; - } - function resumeUserScale() { - var viewport = getViewport(); - viewport.content = viewport.content.replace(/,user-scalable=0$/, ""); - } - function getViewport() { - return $('meta[name="viewport"]', document.head) || append(document.head, ''); - } - var OverflowAuto = { - mixins: [ Class ], - props: { - selContainer: String, - selContent: String - }, - data: { - selContainer: ".uk-modal", - selContent: ".uk-modal-dialog" - }, - computed: { - container: function(ref, $el) { - var selContainer = ref.selContainer; - return closest($el, selContainer); - }, - content: function(ref, $el) { - var selContent = ref.selContent; - return closest($el, selContent); - } - }, - connected: function() { - css(this.$el, "minHeight", 150); - }, - update: { - read: function() { - if (!this.content || !this.container) { - return false; - } - return { - current: toFloat(css(this.$el, "maxHeight")), - max: Math.max(150, height(this.container) - (offset(this.content).height - height(this.$el))) - }; - }, - write: function(ref) { - var current = ref.current; - var max = ref.max; - css(this.$el, "maxHeight", max); - if (Math.round(current) !== Math.round(max)) { - trigger(this.$el, "resize"); - } - }, - events: [ "resize" ] - } - }; - var Responsive = { - props: [ "width", "height" ], - connected: function() { - addClass(this.$el, "uk-responsive-width"); - }, - update: { - read: function() { - return isVisible(this.$el) && this.width && this.height ? { - width: width(this.$el.parentNode), - height: this.height - } : false; - }, - write: function(dim) { - height(this.$el, Dimensions.contain({ - height: this.height, - width: this.width - }, dim).height); - }, - events: [ "resize" ] - } - }; - var Scroll = { - props: { - duration: Number, - offset: Number - }, - data: { - duration: 1e3, - offset: 0 - }, - methods: { - scrollTo: function(el) { - var this$1 = this; - el = el && $(el) || document.body; - var docHeight = height(document); - var winHeight = height(window); - var target = offset(el).top - this.offset; - if (target + winHeight > docHeight) { - target = docHeight - winHeight; - } - if (!trigger(this.$el, "beforescroll", [ this, el ])) { - return; - } - var start = Date.now(); - var startY = window.pageYOffset; - var step = function() { - var currentY = startY + (target - startY) * ease(clamp((Date.now() - start) / this$1.duration)); - scrollTop(window, currentY); - if (currentY !== target) { - requestAnimationFrame(step); - } else { - trigger(this$1.$el, "scrolled", [ this$1, el ]); - } - }; - step(); - } - }, - events: { - click: function(e) { - if (e.defaultPrevented) { - return; - } - e.preventDefault(); - this.scrollTo(escape(decodeURIComponent(this.$el.hash)).substr(1)); - } - } - }; - function ease(k) { - return .5 * (1 - Math.cos(Math.PI * k)); - } - var Scrollspy = { - args: "cls", - props: { - cls: "list", - target: String, - hidden: Boolean, - offsetTop: Number, - offsetLeft: Number, - repeat: Boolean, - delay: Number - }, - data: function() { - return { - cls: [], - target: false, - hidden: true, - offsetTop: 0, - offsetLeft: 0, - repeat: false, - delay: 0, - inViewClass: "uk-scrollspy-inview" - }; - }, - computed: { - elements: function(ref, $el) { - var target = ref.target; - return target ? $$(target, $el) : [ $el ]; - } - }, - update: [ { - write: function() { - if (this.hidden) { - css(filter(this.elements, ":not(." + this.inViewClass + ")"), "visibility", "hidden"); - } - } - }, { - read: function(els) { - var this$1 = this; - if (!els.update) { - return; - } - this.elements.forEach(function(el, i) { - var elData = els[i]; - if (!elData || elData.el !== el) { - var cls = data(el, "uk-scrollspy-class"); - elData = { - el: el, - toggles: cls && cls.split(",") || this$1.cls - }; - } - elData.show = isInView(el, this$1.offsetTop, this$1.offsetLeft); - els[i] = elData; - }); - }, - write: function(els) { - var this$1 = this; - if (!els.update) { - this.$emit(); - return els.update = true; - } - this.elements.forEach(function(el, i) { - var elData = els[i]; - var cls = elData.toggles[i] || elData.toggles[0]; - if (elData.show && !elData.inview && !elData.queued) { - var show = function() { - css(el, "visibility", ""); - addClass(el, this$1.inViewClass); - toggleClass(el, cls); - trigger(el, "inview"); - this$1.$update(el); - elData.inview = true; - elData.abort && elData.abort(); - }; - if (this$1.delay) { - elData.queued = true; - els.promise = (els.promise || Promise.resolve()).then(function() { - return !elData.inview && new Promise(function(resolve) { - var timer = setTimeout(function() { - show(); - resolve(); - }, els.promise || this$1.elements.length === 1 ? this$1.delay : 0); - elData.abort = function() { - clearTimeout(timer); - resolve(); - elData.queued = false; - }; - }); - }); - } else { - show(); - } - } else if (!elData.show && (elData.inview || elData.queued) && this$1.repeat) { - elData.abort && elData.abort(); - if (!elData.inview) { - return; - } - css(el, "visibility", this$1.hidden ? "hidden" : ""); - removeClass(el, this$1.inViewClass); - toggleClass(el, cls); - trigger(el, "outview"); - this$1.$update(el); - elData.inview = false; - } - }); - }, - events: [ "scroll", "resize" ] - } ] - }; - var ScrollspyNav = { - props: { - cls: String, - closest: String, - scroll: Boolean, - overflow: Boolean, - offset: Number - }, - data: { - cls: "uk-active", - closest: false, - scroll: false, - overflow: true, - offset: 0 - }, - computed: { - links: function(_, $el) { - return $$('a[href^="#"]', $el).filter(function(el) { - return el.hash; - }); - }, - elements: function(ref) { - var selector = ref.closest; - return closest(this.links, selector || "*"); - }, - targets: function() { - return $$(this.links.map(function(el) { - return el.hash; - }).join(",")); - } - }, - update: [ { - read: function() { - if (this.scroll) { - this.$create("scroll", this.links, { - offset: this.offset || 0 - }); - } - } - }, { - read: function(data$$1) { - var this$1 = this; - var scroll = window.pageYOffset + this.offset + 1; - var max = height(document) - height(window) + this.offset; - data$$1.active = false; - this.targets.every(function(el, i) { - var ref = offset(el); - var top = ref.top; - var last = i + 1 === this$1.targets.length; - if (!this$1.overflow && (i === 0 && top > scroll || last && top + el.offsetTop < scroll)) { - return false; - } - if (!last && offset(this$1.targets[i + 1]).top <= scroll) { - return true; - } - if (scroll >= max) { - for (var j = this$1.targets.length - 1; j > i; j--) { - if (isInView(this$1.targets[j])) { - el = this$1.targets[j]; - break; - } - } - } - return !(data$$1.active = $(filter(this$1.links, '[href="#' + el.id + '"]'))); - }); - }, - write: function(ref) { - var active = ref.active; - this.links.forEach(function(el) { - return el.blur(); - }); - removeClass(this.elements, this.cls); - if (active) { - trigger(this.$el, "active", [ active, addClass(this.closest ? closest(active, this.closest) : active, this.cls) ]); - } - }, - events: [ "scroll", "resize" ] - } ] - }; - var Sticky = { - mixins: [ Class, Media ], - props: { - top: null, - bottom: Boolean, - offset: Number, - animation: String, - clsActive: String, - clsInactive: String, - clsFixed: String, - clsBelow: String, - selTarget: String, - widthElement: Boolean, - showOnUp: Boolean, - targetOffset: Number - }, - data: { - top: 0, - bottom: false, - offset: 0, - animation: "", - clsActive: "uk-active", - clsInactive: "", - clsFixed: "uk-sticky-fixed", - clsBelow: "uk-sticky-below", - selTarget: "", - widthElement: false, - showOnUp: false, - targetOffset: false - }, - computed: { - selTarget: function(ref, $el) { - var selTarget = ref.selTarget; - return selTarget && $(selTarget, $el) || $el; - }, - widthElement: function(ref, $el) { - var widthElement = ref.widthElement; - return query(widthElement, $el) || this.placeholder; - }, - isActive: { - get: function() { - return hasClass(this.selTarget, this.clsActive); - }, - set: function(value) { - if (value && !this.isActive) { - replaceClass(this.selTarget, this.clsInactive, this.clsActive); - trigger(this.$el, "active"); - } else if (!value && !hasClass(this.selTarget, this.clsInactive)) { - replaceClass(this.selTarget, this.clsActive, this.clsInactive); - trigger(this.$el, "inactive"); - } - } - } - }, - connected: function() { - this.placeholder = $("+ .uk-sticky-placeholder", this.$el) || $('
    '); - this.isFixed = false; - this.isActive = false; - }, - disconnected: function() { - if (this.isFixed) { - this.hide(); - removeClass(this.selTarget, this.clsInactive); - } - remove(this.placeholder); - this.placeholder = null; - this.widthElement = null; - }, - events: [ { - name: "load hashchange popstate", - el: window, - handler: function() { - var this$1 = this; - if (!(this.targetOffset !== false && location.hash && window.pageYOffset > 0)) { - return; - } - var target = $(location.hash); - if (target) { - fastdom.read(function() { - var ref = offset(target); - var top = ref.top; - var elTop = offset(this$1.$el).top; - var elHeight = this$1.$el.offsetHeight; - if (this$1.isFixed && elTop + elHeight >= top && elTop <= top + target.offsetHeight) { - scrollTop(window, top - elHeight - (isNumeric(this$1.targetOffset) ? this$1.targetOffset : 0) - this$1.offset); - } - }); - } - } - } ], - update: [ { - read: function(ref, type) { - var height$$1 = ref.height; - if (this.isActive && type !== "update") { - this.hide(); - height$$1 = this.$el.offsetHeight; - this.show(); - } - height$$1 = !this.isActive ? this.$el.offsetHeight : height$$1; - this.topOffset = offset(this.isFixed ? this.placeholder : this.$el).top; - this.bottomOffset = this.topOffset + height$$1; - var bottom = parseProp("bottom", this); - this.top = Math.max(toFloat(parseProp("top", this)), this.topOffset) - this.offset; - this.bottom = bottom && bottom - height$$1; - this.inactive = !this.matchMedia; - return { - lastScroll: false, - height: height$$1, - margins: css(this.$el, [ "marginTop", "marginBottom", "marginLeft", "marginRight" ]) - }; - }, - write: function(ref) { - var height$$1 = ref.height; - var margins = ref.margins; - var ref$1 = this; - var placeholder = ref$1.placeholder; - css(placeholder, assign({ - height: height$$1 - }, margins)); - if (!within(placeholder, document)) { - after(this.$el, placeholder); - attr(placeholder, "hidden", ""); - } - this.isActive = this.isActive; - }, - events: [ "resize" ] - }, { - read: function(ref) { - var scroll = ref.scroll; - if (scroll === void 0) scroll = 0; - this.width = (isVisible(this.widthElement) ? this.widthElement : this.$el).offsetWidth; - this.scroll = window.pageYOffset; - return { - dir: scroll <= this.scroll ? "down" : "up", - scroll: this.scroll, - visible: isVisible(this.$el), - top: offsetPosition(this.placeholder)[0] - }; - }, - write: function(data$$1, type) { - var this$1 = this; - var initTimestamp = data$$1.initTimestamp; - if (initTimestamp === void 0) initTimestamp = 0; - var dir = data$$1.dir; - var lastDir = data$$1.lastDir; - var lastScroll = data$$1.lastScroll; - var scroll = data$$1.scroll; - var top = data$$1.top; - var visible = data$$1.visible; - var now = performance.now(); - data$$1.lastScroll = scroll; - if (scroll < 0 || scroll === lastScroll || !visible || this.disabled || this.showOnUp && type !== "scroll") { - return; - } - if (now - initTimestamp > 300 || dir !== lastDir) { - data$$1.initScroll = scroll; - data$$1.initTimestamp = now; - } - data$$1.lastDir = dir; - if (this.showOnUp && Math.abs(data$$1.initScroll - scroll) <= 30 && Math.abs(lastScroll - scroll) <= 10) { - return; - } - if (this.inactive || scroll < this.top || this.showOnUp && (scroll <= this.top || dir === "down" || dir === "up" && !this.isFixed && scroll <= this.bottomOffset)) { - if (!this.isFixed) { - if (Animation.inProgress(this.$el) && top > scroll) { - Animation.cancel(this.$el); - this.hide(); - } - return; - } - this.isFixed = false; - if (this.animation && scroll > this.topOffset) { - Animation.cancel(this.$el); - Animation.out(this.$el, this.animation).then(function() { - return this$1.hide(); - }, noop); - } else { - this.hide(); - } - } else if (this.isFixed) { - this.update(); - } else if (this.animation) { - Animation.cancel(this.$el); - this.show(); - Animation.in(this.$el, this.animation).catch(noop); - } else { - this.show(); - } - }, - events: [ "resize", "scroll" ] - } ], - methods: { - show: function() { - this.isFixed = true; - this.update(); - attr(this.placeholder, "hidden", null); - }, - hide: function() { - this.isActive = false; - removeClass(this.$el, this.clsFixed, this.clsBelow); - css(this.$el, { - position: "", - top: "", - width: "" - }); - attr(this.placeholder, "hidden", ""); - }, - update: function() { - var active = this.top !== 0 || this.scroll > this.top; - var top = Math.max(0, this.offset); - if (this.bottom && this.scroll > this.bottom - this.offset) { - top = this.bottom - this.scroll; - } - css(this.$el, { - position: "fixed", - top: top + "px", - width: this.width - }); - this.isActive = active; - toggleClass(this.$el, this.clsBelow, this.scroll > this.bottomOffset); - addClass(this.$el, this.clsFixed); - } - } - }; - function parseProp(prop, ref) { - var $props = ref.$props; - var $el = ref.$el; - var propOffset = ref[prop + "Offset"]; - var value = $props[prop]; - if (!value) { - return; - } - if (isNumeric(value)) { - return propOffset + toFloat(value); - } else if (isString(value) && value.match(/^-?\d+vh$/)) { - return height(window) * toFloat(value) / 100; - } else { - var el = value === true ? $el.parentNode : query(value, $el); - if (el) { - return offset(el).top + el.offsetHeight; - } - } - } - var Switcher = { - mixins: [ Togglable ], - args: "connect", - props: { - connect: String, - toggle: String, - active: Number, - swiping: Boolean - }, - data: { - connect: "~.uk-switcher", - toggle: "> * > :first-child", - active: 0, - swiping: true, - cls: "uk-active", - clsContainer: "uk-switcher", - attrItem: "uk-switcher-item", - queued: true - }, - computed: { - connects: function(ref, $el) { - var connect = ref.connect; - return queryAll(connect, $el); - }, - toggles: function(ref, $el) { - var toggle = ref.toggle; - return $$(toggle, $el); - } - }, - events: [ { - name: "click", - delegate: function() { - return this.toggle + ":not(.uk-disabled)"; - }, - handler: function(e) { - e.preventDefault(); - this.show(toNodes(this.$el.children).filter(function(el) { - return within(e.current, el); - })[0]); - } - }, { - name: "click", - el: function() { - return this.connects; - }, - delegate: function() { - return "[" + this.attrItem + "],[data-" + this.attrItem + "]"; - }, - handler: function(e) { - e.preventDefault(); - this.show(data(e.current, this.attrItem)); - } - }, { - name: "swipeRight swipeLeft", - filter: function() { - return this.swiping; - }, - el: function() { - return this.connects; - }, - handler: function(e) { - if (!isTouch(e)) { - return; - } - e.preventDefault(); - if (!window.getSelection().toString()) { - this.show(e.type === "swipeLeft" ? "next" : "previous"); - } - } - } ], - update: function() { - var this$1 = this; - this.connects.forEach(function(list) { - return this$1.updateAria(list.children); - }); - var ref = this.$el; - var children = ref.children; - this.show(filter(children, "." + this.cls)[0] || children[this.active] || children[0]); - }, - methods: { - index: function() { - return !!this.connects.length && index(filter(this.connects[0].children, "." + this.cls)[0]); - }, - show: function(item) { - var this$1 = this; - var ref = this.$el; - var children = ref.children; - var length = children.length; - var prev = this.index(); - var hasPrev = prev >= 0; - var dir = item === "previous" ? -1 : 1; - var toggle, active, next = getIndex(item, children, prev); - for (var i = 0; i < length; i++, next = (next + dir + length) % length) { - if (!matches(this.toggles[next], ".uk-disabled *, .uk-disabled, [disabled]")) { - toggle = this.toggles[next]; - active = children[next]; - break; - } - } - if (!active || prev >= 0 && hasClass(active, this.cls) || prev === next) { - return; - } - removeClass(children, this.cls); - addClass(active, this.cls); - attr(this.toggles, "aria-expanded", false); - attr(toggle, "aria-expanded", true); - this.connects.forEach(function(list) { - if (!hasPrev) { - this$1.toggleNow(list.children[next]); - } else { - this$1.toggleElement([ list.children[prev], list.children[next] ]); - } - }); - } - } - }; - var Tab = { - mixins: [ Class ], - extends: Switcher, - props: { - media: Boolean - }, - data: { - media: 960, - attrItem: "uk-tab-item" - }, - connected: function() { - var cls = hasClass(this.$el, "uk-tab-left") ? "uk-tab-left" : hasClass(this.$el, "uk-tab-right") ? "uk-tab-right" : false; - if (cls) { - this.$create("toggle", this.$el, { - cls: cls, - mode: "media", - media: this.media - }); - } - } - }; - var Toggle = { - mixins: [ Media, Togglable ], - args: "target", - props: { - href: String, - target: null, - mode: "list" - }, - data: { - href: false, - target: false, - mode: "click", - queued: true - }, - computed: { - target: function(ref, $el) { - var href = ref.href; - var target = ref.target; - target = queryAll(target || href, $el); - return target.length && target || [ $el ]; - } - }, - connected: function() { - trigger(this.target, "updatearia", [ this ]); - }, - events: [ { - name: pointerEnter + " " + pointerLeave, - filter: function() { - return includes(this.mode, "hover"); - }, - handler: function(e) { - if (!isTouch(e)) { - this.toggle("toggle" + (e.type === pointerEnter ? "show" : "hide")); - } - } - }, { - name: "click", - filter: function() { - return includes(this.mode, "click") || hasTouch && includes(this.mode, "hover"); - }, - handler: function(e) { - if (!isTouch(e) && !includes(this.mode, "click")) { - return; - } - var link; - if (closest(e.target, 'a[href="#"], a[href=""], button') || (link = closest(e.target, "a[href]")) && (this.cls || !isVisible(this.target) || link.hash && matches(this.target, link.hash))) { - e.preventDefault(); - } - this.toggle(); - } - } ], - update: { - write: function() { - if (!includes(this.mode, "media") || !this.media) { - return; - } - var toggled = this.isToggled(this.target); - if (this.matchMedia ? !toggled : toggled) { - this.toggle(); - } - }, - events: [ "resize" ] - }, - methods: { - toggle: function(type) { - if (trigger(this.target, type || "toggle", [ this ])) { - this.toggleElement(this.target); - } - } - } - }; - function core(UIkit) { - UIkit.component("accordion", Accordion); - UIkit.component("alert", Alert); - UIkit.component("cover", Cover); - UIkit.component("drop", Drop); - UIkit.component("dropdown", Dropdown); - UIkit.component("formCustom", FormCustom); - UIkit.component("gif", Gif); - UIkit.component("grid", Grid); - UIkit.component("heightMatch", HeightMatch); - UIkit.component("heightViewport", HeightViewport); - UIkit.component("icon", Icon); - UIkit.component("img", Img); - UIkit.component("leader", Leader); - UIkit.component("margin", Margin); - UIkit.component("modal", Modal$1); - UIkit.component("nav", Nav); - UIkit.component("navbar", Navbar); - UIkit.component("offcanvas", Offcanvas); - UIkit.component("overflowAuto", OverflowAuto); - UIkit.component("responsive", Responsive); - UIkit.component("scroll", Scroll); - UIkit.component("scrollspy", Scrollspy); - UIkit.component("scrollspyNav", ScrollspyNav); - UIkit.component("sticky", Sticky); - UIkit.component("svg", SVG); - UIkit.component("switcher", Switcher); - UIkit.component("tab", Tab); - UIkit.component("toggle", Toggle); - UIkit.component("video", Video); - UIkit.component("close", Close); - UIkit.component("marker", IconComponent); - UIkit.component("navbarToggleIcon", IconComponent); - UIkit.component("overlayIcon", IconComponent); - UIkit.component("paginationNext", IconComponent); - UIkit.component("paginationPrevious", IconComponent); - UIkit.component("searchIcon", Search); - UIkit.component("slidenavNext", Slidenav); - UIkit.component("slidenavPrevious", Slidenav); - UIkit.component("spinner", Spinner); - UIkit.component("totop", IconComponent); - UIkit.use(Core); - } - UIkit.version = "3.0.3"; - core(UIkit); - var Countdown = { - mixins: [ Class ], - props: { - date: String, - clsWrapper: String - }, - data: { - date: "", - clsWrapper: ".uk-countdown-%unit%" - }, - computed: { - date: function(ref) { - var date = ref.date; - return Date.parse(date); - }, - days: function(ref, $el) { - var clsWrapper = ref.clsWrapper; - return $(clsWrapper.replace("%unit%", "days"), $el); - }, - hours: function(ref, $el) { - var clsWrapper = ref.clsWrapper; - return $(clsWrapper.replace("%unit%", "hours"), $el); - }, - minutes: function(ref, $el) { - var clsWrapper = ref.clsWrapper; - return $(clsWrapper.replace("%unit%", "minutes"), $el); - }, - seconds: function(ref, $el) { - var clsWrapper = ref.clsWrapper; - return $(clsWrapper.replace("%unit%", "seconds"), $el); - }, - units: function() { - var this$1 = this; - return [ "days", "hours", "minutes", "seconds" ].filter(function(unit) { - return this$1[unit]; - }); - } - }, - connected: function() { - this.start(); - }, - disconnected: function() { - var this$1 = this; - this.stop(); - this.units.forEach(function(unit) { - return empty(this$1[unit]); - }); - }, - events: [ { - name: "visibilitychange", - el: document, - handler: function() { - if (document.hidden) { - this.stop(); - } else { - this.start(); - } - } - } ], - update: { - write: function() { - var this$1 = this; - var timespan = getTimeSpan(this.date); - if (timespan.total <= 0) { - this.stop(); - timespan.days = timespan.hours = timespan.minutes = timespan.seconds = 0; - } - this.units.forEach(function(unit) { - var digits = String(Math.floor(timespan[unit])); - digits = digits.length < 2 ? "0" + digits : digits; - var el = this$1[unit]; - if (el.textContent !== digits) { - digits = digits.split(""); - if (digits.length !== el.children.length) { - html(el, digits.map(function() { - return ""; - }).join("")); - } - digits.forEach(function(digit, i) { - return el.children[i].textContent = digit; - }); - } - }); - } - }, - methods: { - start: function() { - var this$1 = this; - this.stop(); - if (this.date && this.units.length) { - this.$emit(); - this.timer = setInterval(function() { - return this$1.$emit(); - }, 1e3); - } - }, - stop: function() { - if (this.timer) { - clearInterval(this.timer); - this.timer = null; - } - } - } - }; - function getTimeSpan(date) { - var total = date - Date.now(); - return { - total: total, - seconds: total / 1e3 % 60, - minutes: total / 1e3 / 60 % 60, - hours: total / 1e3 / 60 / 60 % 24, - days: total / 1e3 / 60 / 60 / 24 - }; - } - var targetClass = "uk-animation-target"; - var Animate = { - props: { - animation: Number - }, - data: { - animation: 150 - }, - computed: { - target: function() { - return this.$el; - } - }, - methods: { - animate: function(action) { - var this$1 = this; - addStyle(); - var children = toNodes(this.target.children); - var propsFrom = children.map(function(el) { - return getProps(el, true); - }); - var oldHeight = height(this.target); - var oldScrollY = window.pageYOffset; - action(); - Transition.cancel(this.target); - children.forEach(Transition.cancel); - reset(this.target); - this.$update(this.target); - fastdom.flush(); - var newHeight = height(this.target); - children = children.concat(toNodes(this.target.children).filter(function(el) { - return !includes(children, el); - })); - var propsTo = children.map(function(el, i) { - return el.parentNode && i in propsFrom ? propsFrom[i] ? isVisible(el) ? getPositionWithMargin(el) : { - opacity: 0 - } : { - opacity: isVisible(el) ? 1 : 0 - } : false; - }); - propsFrom = propsTo.map(function(props, i) { - var from = children[i].parentNode === this$1.target ? propsFrom[i] || getProps(children[i]) : false; - if (from) { - if (!props) { - delete from.opacity; - } else if (!("opacity" in props)) { - var opacity = from.opacity; - if (opacity % 1) { - props.opacity = 1; - } else { - delete from.opacity; - } - } - } - return from; - }); - addClass(this.target, targetClass); - children.forEach(function(el, i) { - return propsFrom[i] && css(el, propsFrom[i]); - }); - css(this.target, "height", oldHeight); - scrollTop(window, oldScrollY); - return Promise.all(children.map(function(el, i) { - return propsFrom[i] && propsTo[i] ? Transition.start(el, propsTo[i], this$1.animation, "ease") : Promise.resolve(); - }).concat(Transition.start(this.target, { - height: newHeight - }, this.animation, "ease"))).then(function() { - children.forEach(function(el, i) { - return css(el, { - display: propsTo[i].opacity === 0 ? "none" : "", - zIndex: "" - }); - }); - reset(this$1.target); - this$1.$update(this$1.target); - fastdom.flush(); - }, noop); - } - } - }; - function getProps(el, opacity) { - var zIndex = css(el, "zIndex"); - return isVisible(el) ? assign({ - display: "", - opacity: opacity ? css(el, "opacity") : "0", - pointerEvents: "none", - position: "absolute", - zIndex: zIndex === "auto" ? index(el) : zIndex - }, getPositionWithMargin(el)) : false; - } - function reset(el) { - css(el.children, { - height: "", - left: "", - opacity: "", - pointerEvents: "", - position: "", - top: "", - width: "" - }); - removeClass(el, targetClass); - css(el, "height", ""); - } - function getPositionWithMargin(el) { - var ref = el.getBoundingClientRect(); - var height$$1 = ref.height; - var width$$1 = ref.width; - var ref$1 = position(el); - var top = ref$1.top; - var left = ref$1.left; - top += toFloat(css(el, "marginTop")); - return { - top: top, - left: left, - height: height$$1, - width: width$$1 - }; - } - var style$1; - function addStyle() { - if (!style$1) { - style$1 = append(document.head, "